Skip to content

[EuiColorPicker] Add isClearable and placeholder options#3689

Merged
thompsongl merged 10 commits intoelastic:masterfrom
thompsongl:3683-colorpicker
Jul 2, 2020
Merged

[EuiColorPicker] Add isClearable and placeholder options#3689
thompsongl merged 10 commits intoelastic:masterfrom
thompsongl:3683-colorpicker

Conversation

@thompsongl
Copy link
Copy Markdown
Contributor

@thompsongl thompsongl commented Jul 2, 2020 •
edited
Loading

Summary

Closes #3683 by adding two additional props to:

  • Allow for clearing the input with the standard EUI clearable input button (isClearable)
  • Allow for providing custom placeholder text (placeholder)

Checklist

- [ ] Check against all themes for compatibility in both light and dark modes
- [ ] Checked in mobile
- [ ] Checked in IE11 and Firefox

  • Props have proper autodocs
  • Added documentation
  • Checked Code Sandbox works for the any docs examples
  • Added or updated jest tests
  • Checked for breaking changes and labeled appropriately
  • Checked for accessibility including keyboard-only and screenreader modes
  • A changelog entry exists and is marked appropriately

@thompsongl thompsongl requested a review from cchaos July 2, 2020 17:40
@kibanamachine
Copy link
Copy Markdown

kibanamachine commented Jul 2, 2020

Preview documentation changes for this PR: https://eui.elastic.co/pr_3689/

@chandlerprall chandlerprall self-requested a review July 2, 2020 18:03
chandlerprall
chandlerprall approved these changes Jul 2, 2020
View reviewed changes
Copy link
Copy Markdown
Contributor

@chandlerprall chandlerprall left a comment

Choose a reason for hiding this comment

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

Code changes LGTM; pulled & tested locally

@cchaos any thoughts on the color swatch in the input being able to update to whatever a matching auto/placeholder value would be? (would need to be another value provided by the app)

cchaos
cchaos reviewed Jul 2, 2020
View reviewed changes
Copy link
Copy Markdown
Contributor

@cchaos cchaos left a comment

Choose a reason for hiding this comment

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

🎉 Thank you for getting this up so quickly!

Can/should we also allow the isClearable option to populate down to the input inside the popover?
Screen Shot 2020-07-02 at 14 28 15 PM

@cchaos
Copy link
Copy Markdown
Contributor

cchaos commented Jul 2, 2020

any thoughts on the color swatch in the input being able to update to whatever a matching auto/placeholder value would be? (would need to be another value provided by the app)

I had thought about this too. For now, lets just get these new settings up and continue that convo afterward. There is a nice thing to being able to customize that icon, but would it be unexpected that the custom icon changes to the swatch color after one was chose?

@chandlerprall
Copy link
Copy Markdown
Contributor

chandlerprall commented Jul 2, 2020

Waiting on the placeholder swatch/icon conversation sounds good!

@thompsongl
Copy link
Copy Markdown
Contributor Author

thompsongl commented Jul 2, 2020

Can/should we also allow the isClearable option to populate down to the input inside the popover?

Certainly can. I'll go ahead and add it.

@thompsongl thompsongl requested a review from cchaos July 2, 2020 19:37
@kibanamachine
Copy link
Copy Markdown

kibanamachine commented Jul 2, 2020

Preview documentation changes for this PR: https://eui.elastic.co/pr_3689/

cchaos
cchaos approved these changes Jul 2, 2020
View reviewed changes
Copy link
Copy Markdown
Contributor

@cchaos cchaos left a comment

Choose a reason for hiding this comment

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

Awesome!

@kibanamachine
Copy link
Copy Markdown

kibanamachine commented Jul 2, 2020

Preview documentation changes for this PR: https://eui.elastic.co/pr_3689/

@kibanamachine
Copy link
Copy Markdown

kibanamachine commented Jul 2, 2020

Preview documentation changes for this PR: https://eui.elastic.co/pr_3689/

@thompsongl thompsongl merged commit c3732e6 into elastic:master Jul 2, 2020
@thompsongl thompsongl mentioned this pull request Jul 7, 2020
Merged
@thompsongl thompsongl mentioned this pull request Jul 23, 2020
Closed
@thompsongl thompsongl mentioned this pull request Jul 31, 2020
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

2 more reviewers

@chandlerprall chandlerprall chandlerprall approved these changes

@cchaos cchaos cchaos approved these changes

Reviewers whose approvals may not affect merge requirements

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

[EuiColorPicker] Need support for changing placeholder text and add isClearable option

4 participants

@thompsongl @kibanamachine @cchaos @chandlerprall