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

Use smaller and compressed varients of buttons and form components #1103

Merged
merged 18 commits into from
Aug 21, 2024

Conversation

AMoo-Miki
Copy link
Contributor

Description

Replace instances of EuiButton that don't have an explicit sizing attribute to EuiSmallButton*.
Replace instances of Eui<form elements> that don't have density attributes to EuiCompressed<form elements>.

Check List

  • Commits are signed per the DCO using --signoff

By submitting this pull request, I confirm that my contribution is made under the terms of the Apache 2.0 license.
For more information on following Developer Certificate of Origin and signing off your commits, please check here.

@SuZhou-Joe
Copy link
Member

SuZhou-Joe commented Aug 20, 2024

https://github.com/opensearch-project/index-management-dashboards-plugin/blob/main/cypress/integration/plugins/index-management-dashboards-plugin/aliases.js#L88

There are some places that the Cypress test is consuming the class name to do assertion, and change the component is breaking the test cases.

@AMoo-Miki
Copy link
Contributor Author

I have resolved conflicts. Please prioritize reviewing and merging this PR.

EuiAccordion,
EuiRadioGroup,
EuiCompressedRadioGroup,
Copy link
Contributor

Choose a reason for hiding this comment

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

EuiCompressedRadioGroup has been imported twice. Can we please remove this.

@@ -12,7 +12,7 @@ import {
Criteria,
Direction,
EuiBasicTable,
EuiButton,
EuiSmallButton,
Copy link
Contributor

@skumawat2025 skumawat2025 Aug 20, 2024

Choose a reason for hiding this comment

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

EuiSmallButton has been imported twice. Can we please remove this.

Copy link

codecov bot commented Aug 20, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 61.41%. Comparing base (a53ff41) to head (503e37b).
Report is 3 commits behind head on main.

Additional details and impacted files
@@            Coverage Diff             @@
##             main    #1103      +/-   ##
==========================================
- Coverage   61.61%   61.41%   -0.21%     
==========================================
  Files         345      345              
  Lines       12449    12656     +207     
  Branches     2509     2556      +47     
==========================================
+ Hits         7671     7773     +102     
- Misses       4075     4148      +73     
- Partials      703      735      +32     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Signed-off-by: SuZhou-Joe <[email protected]>
@SuZhou-Joe
Copy link
Member

Changed the Cypress test case a little bit to make it pass in this PR.

@SuZhou-Joe SuZhou-Joe merged commit 7077166 into opensearch-project:main Aug 21, 2024
8 of 11 checks passed
opensearch-trigger-bot bot pushed a commit that referenced this pull request Aug 21, 2024
…1103)

* Use EuiSmallButton

Signed-off-by: Miki <[email protected]>

* Use EuiSmallButtonIcon

Signed-off-by: Miki <[email protected]>

* Use EuiSmallButtonEmpty

Signed-off-by: Miki <[email protected]>

* Use EuiCompressedFormRow

Signed-off-by: Miki <[email protected]>

* Use EuiCompressedField*

Signed-off-by: Miki <[email protected]>

* Use EuiCompressedSelect and EuiCompressedSuperSelect

Signed-off-by: Miki <[email protected]>

* Use EuiCompressedCheckbox and EuiCompressedCheckboxGroup

Signed-off-by: Miki <[email protected]>

* Use EuiCompressedRadio and EuiCompressedRadioGroup

Signed-off-by: Miki <[email protected]>

* Use EuiCompressedSwitch

Signed-off-by: Miki <[email protected]>

* Use EuiCompressedEuiTextArea

Signed-off-by: Miki <[email protected]>

* Use EuiCompressedComboBox

Signed-off-by: Miki <[email protected]>

* Use EuiSmallFilterButton

Signed-off-by: Miki <[email protected]>

* Use EuiCompressedSuperDatePicker

Signed-off-by: Miki <[email protected]>

* Update snapshots

Signed-off-by: Miki <[email protected]>

* Fix bad `useNewUX` applications

Signed-off-by: Miki <[email protected]>

* Fix tests

Signed-off-by: Miki <[email protected]>

* Update tests and snapshots post-conflict resolution

Signed-off-by: Miki <[email protected]>

* fix: e2e test

Signed-off-by: SuZhou-Joe <[email protected]>

---------

Signed-off-by: Miki <[email protected]>
Signed-off-by: SuZhou-Joe <[email protected]>
Co-authored-by: SuZhou-Joe <[email protected]>
(cherry picked from commit 7077166)
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
SuZhou-Joe added a commit that referenced this pull request Aug 21, 2024
…1103)

* Use EuiSmallButton

Signed-off-by: Miki <[email protected]>

* Use EuiSmallButtonIcon

Signed-off-by: Miki <[email protected]>

* Use EuiSmallButtonEmpty

Signed-off-by: Miki <[email protected]>

* Use EuiCompressedFormRow

Signed-off-by: Miki <[email protected]>

* Use EuiCompressedField*

Signed-off-by: Miki <[email protected]>

* Use EuiCompressedSelect and EuiCompressedSuperSelect

Signed-off-by: Miki <[email protected]>

* Use EuiCompressedCheckbox and EuiCompressedCheckboxGroup

Signed-off-by: Miki <[email protected]>

* Use EuiCompressedRadio and EuiCompressedRadioGroup

Signed-off-by: Miki <[email protected]>

* Use EuiCompressedSwitch

Signed-off-by: Miki <[email protected]>

* Use EuiCompressedEuiTextArea

Signed-off-by: Miki <[email protected]>

* Use EuiCompressedComboBox

Signed-off-by: Miki <[email protected]>

* Use EuiSmallFilterButton

Signed-off-by: Miki <[email protected]>

* Use EuiCompressedSuperDatePicker

Signed-off-by: Miki <[email protected]>

* Update snapshots

Signed-off-by: Miki <[email protected]>

* Fix bad `useNewUX` applications

Signed-off-by: Miki <[email protected]>

* Fix tests

Signed-off-by: Miki <[email protected]>

* Update tests and snapshots post-conflict resolution

Signed-off-by: Miki <[email protected]>

* fix: e2e test

Signed-off-by: SuZhou-Joe <[email protected]>

---------

Signed-off-by: Miki <[email protected]>
Signed-off-by: SuZhou-Joe <[email protected]>
Co-authored-by: SuZhou-Joe <[email protected]>
(cherry picked from commit 7077166)
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
SuZhou-Joe added a commit that referenced this pull request Aug 21, 2024
…1103) (#1140)

* Use EuiSmallButton



* Use EuiSmallButtonIcon



* Use EuiSmallButtonEmpty



* Use EuiCompressedFormRow



* Use EuiCompressedField*



* Use EuiCompressedSelect and EuiCompressedSuperSelect



* Use EuiCompressedCheckbox and EuiCompressedCheckboxGroup



* Use EuiCompressedRadio and EuiCompressedRadioGroup



* Use EuiCompressedSwitch



* Use EuiCompressedEuiTextArea



* Use EuiCompressedComboBox



* Use EuiSmallFilterButton



* Use EuiCompressedSuperDatePicker



* Update snapshots



* Fix bad `useNewUX` applications



* Fix tests



* Update tests and snapshots post-conflict resolution



* fix: e2e test



---------




(cherry picked from commit 7077166)

Signed-off-by: Miki <[email protected]>
Signed-off-by: SuZhou-Joe <[email protected]>
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: SuZhou-Joe <[email protected]>
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