Skip to content

[EuiDataGrid] Fix "Grid row classes" docs example#7549

Merged
cee-chen merged 3 commits intoelastic:mainfrom
cee-chen:datagrid/7548
Mar 5, 2024
Merged

[EuiDataGrid] Fix "Grid row classes" docs example#7549
cee-chen merged 3 commits intoelastic:mainfrom
cee-chen:datagrid/7548

Conversation

@cee-chen
Copy link
Copy Markdown
Contributor

@cee-chen cee-chen commented Mar 4, 2024

Summary

closes #7548 (fix is in first commit, other commits are bonus/cleanup)

This bug primarily affects our docs example, and likely has very minimal impact on consumers (given that it's unlikely that they're naming their own custom classNames with .euiDataGridRow).

QA

Reproducing the bug

QAing the fix

General checklist

  • Browser QA
    • Checked in both light and dark modes
    • Checked in Chrome, Safari, Edge, and Firefox
      - [ ] Checked in mobile
      - [ ] Checked for accessibility including keyboard-only and screenreader modes
  • Docs site QA - N/A
  • Code quality checklist
    • [ ] Added or updated jest and cypress tests Opted to skip this as the bug is so incredibly specific to our docs example, LMK if you disagree
  • Release checklist
    • A changelog entry exists and is marked appropriately.
      - [ ] If applicable, added the breaking change issue label (and filled out the breaking change checklist)
  • Designer checklist - N/A

cee-chen added 3 commits March 4, 2024 12:58
…eserved `euiClasses` logic

- instead, use an array of constants for the 2 data grid classes that we care about preserving so that consumers who don't name their custom classes coincidentally aren't also affected by this bug
@cee-chen cee-chen marked this pull request as ready for review March 4, 2024 21:05
@cee-chen cee-chen requested a review from a team as a code owner March 4, 2024 21:05
@kibanamachine
Copy link
Copy Markdown

Preview staging links for this PR:

@elasticmachine
Copy link
Copy Markdown
Collaborator

💚 Build Succeeded

Copy link
Copy Markdown
Member

@tkajtoch tkajtoch left a comment

Choose a reason for hiding this comment

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

Tested using the PR environment. Changes look and work great!

@cee-chen cee-chen merged commit 4408b42 into elastic:main Mar 5, 2024
@cee-chen cee-chen deleted the datagrid/7548 branch March 5, 2024 20:54
cee-chen added a commit to elastic/kibana that referenced this pull request Mar 12, 2024
`v93.2.0`⏩`v93.3.0`

---

## [`v93.3.0`](https://github.com/elastic/eui/releases/v93.3.0)

- Added new `EuiDataGrid` new prop: `cellContext`, an optional object of
additional props passed to the cell render function.
([#7374](elastic/eui#7374))
- `EuiBreadcrumbs`'s `popoverContent` API now accepts a render function
that will be passed a `closePopover` callback, allowing consumers to
close the breadcrumb popover from their popover content
([#7555](elastic/eui#7555))

**Bug fixes**

- Fixed missing animation on native `EuiProgress` bar update
([#7538](elastic/eui#7538))
- Fixed an `EuiDataGrid` bug with `gridStyle.rowClasses`, where custom
consumer classes that began with `euiDataGridRow` would not be correctly
removed/reapplied ([#7549](elastic/eui#7549))
- Fixed a visual `EuiDataGrid` bug where `EuiCheckbox`es within control
columns were not vertically centered within single height rows
([#7549](elastic/eui#7549))
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[EuiDataGrid] gridStyle.rowClasses is not correctly applying classes

5 participants