diff --git a/changelogs/CHANGELOG_2024.md b/changelogs/CHANGELOG_2024.md index 47aad09c40f..9b9262346e9 100644 --- a/changelogs/CHANGELOG_2024.md +++ b/changelogs/CHANGELOG_2024.md @@ -1,3 +1,54 @@ +## [`v94.0.0`](https://github.com/elastic/eui/releases/v94.0.0) + +- Updated `EuiTable`, `EuiBasicTable`, and `EuiInMemoryTable` with a new `responsiveBreakpoint` prop, which allows customizing the point at which the table collapses into a mobile-friendly view with cards ([#7625](https://github.com/elastic/eui/pull/7625)) +- Updated `EuiProvider`'s `componentDefaults` prop to allow configuring `EuiTable.responsiveBreakpoint` ([#7625](https://github.com/elastic/eui/pull/7625)) + +**Bug fixes** + +- `EuiBasicTable` & `EuiInMemoryTable` `isPrimary` actions are now correctly shown on mobile views ([#7640](https://github.com/elastic/eui/pull/7640)) +- Table `mobileOptions`: ([#7642](https://github.com/elastic/eui/pull/7642)) + - `mobileOptions.align` is now respected instead of all cells being forced to left alignment + - `textTruncate` and `textOnly` are now respected even if a `render` function is not passed + +**Breaking changes** + +- Removed unused `EuiTableHeaderButton` component ([#7621](https://github.com/elastic/eui/pull/7621)) +- Removed the `responsive` prop from `EuiTable`, `EuiBasicTable`, and `EuiInMemoryTable`. Use the new `responsiveBreakpoint` prop instead ([#7625](https://github.com/elastic/eui/pull/7625)) +- The following props are no longer needed by `EuiBasicTable` or `EuiInMemoryTable` for responsive table behavior to work correctly, and can be removed: ([#7632](https://github.com/elastic/eui/pull/7632)) + - `isSelectable` + - `isExpandable` + - `hasActions` +- Removed the `showOnHover` prop from `EuiTableRowCell` / `EuiBasicTable`/`EuiInMemoryTable`'s `columns` API. Use the new actions `columns[].actions[].showOnHover` API instead. ([#7640](https://github.com/elastic/eui/pull/7640)) +- Removed top-level `textOnly` prop from `EuiBasicTable` and `EuiInMemoryTable`. Use `columns[].textOnly` instead. ([#7642](https://github.com/elastic/eui/pull/7642)) + +**DOM changes** + +- `EuiTable` mobile headers no longer render in the DOM when not visible (previously rendered with `display: none`). This may affect DOM testing assertions. ([#7625](https://github.com/elastic/eui/pull/7625)) +- `EuiTableRowCell` now applies passed `className`s to the parent `` element, instead of to the inner cell content `
`. ([#7631](https://github.com/elastic/eui/pull/7631)) +- `EuiTableRow`s rendered by basic and memory tables now only render a `.euiTableRow-isSelectable` className if the selection checkbox is not disabled ([#7632](https://github.com/elastic/eui/pull/7632)) +- `EuiTableRowCell`s with `textOnly` set to `false` will no longer attempt to apply the `.euiTableCellContent__text` className to child elements. ([#7641](https://github.com/elastic/eui/pull/7641)) +- `EuiTableRowCell` no longer renders mobile headers to the DOM unless the current table is displaying its responsive view. ([#7642](https://github.com/elastic/eui/pull/7642)) +- `EuiTableHeaderCell` and `EuiTableRowCell` will no longer render in the DOM at all on mobile if their columns' `mobileOptions.show` is set to `false`. ([#7642](https://github.com/elastic/eui/pull/7642)) +- `EuiTableHeaderCell` and `EuiTableRowCell` will no longer render in the DOM at all on desktop if their columns' `mobileOptions.only` is set to `true`. ([#7642](https://github.com/elastic/eui/pull/7642)) + +**CSS-in-JS conversions** + +- Converted `EuiTable`, `EuiTableRow`, `EuiTableRowCell`, and all other table subcomponents to Emotion ([#7654](https://github.com/elastic/eui/pull/7654)) +- Removed the following `EuiTable` Sass variables: ([#7654](https://github.com/elastic/eui/pull/7654)) + - `$euiTableCellContentPadding` + - `$euiTableCellContentPaddingCompressed` + - `$euiTableCellCheckboxWidth` + - `$euiTableHoverColor` + - `$euiTableSelectedColor` + - `$euiTableHoverSelectedColor` + - `$euiTableActionsBorderColor` + - `$euiTableHoverClickableColor` + - `$euiTableFocusClickableColor` +- Removed the following `EuiTable` Sass mixins: ([#7654](https://github.com/elastic/eui/pull/7654)) + - `euiTableActionsBackgroundMobile` + - `euiTableCellCheckbox` + - `euiTableCell` + ## [`v93.6.0`](https://github.com/elastic/eui/releases/v93.6.0) - Updated `EuiBreadcrumb` styles to improve visual distinction of clickable breadcrumbs ([#7615](https://github.com/elastic/eui/pull/7615)) diff --git a/changelogs/upcoming/7621.md b/changelogs/upcoming/7621.md deleted file mode 100644 index 548a7ad74dc..00000000000 --- a/changelogs/upcoming/7621.md +++ /dev/null @@ -1,3 +0,0 @@ -**Breaking changes** - -- Removed unused `EuiTableHeaderButton` component diff --git a/changelogs/upcoming/7625.md b/changelogs/upcoming/7625.md deleted file mode 100644 index 359270b08d7..00000000000 --- a/changelogs/upcoming/7625.md +++ /dev/null @@ -1,10 +0,0 @@ -- Updated `EuiTable`, `EuiBasicTable`, and `EuiInMemoryTable` with a new `responsiveBreakpoint` prop, which allows customizing the point at which the table collapses into a mobile-friendly view with cards -- Updated `EuiProvider`'s `componentDefaults` prop to allow configuring `EuiTable.responsiveBreakpoint` - -**Breaking changes** - -- Removed the `responsive` prop from `EuiTable`, `EuiBasicTable`, and `EuiInMemoryTable`. Use the new `responsiveBreakpoint` prop instead - -**DOM changes** - -- `EuiTable` mobile headers no longer render in the DOM when not visible (previously rendered with `display: none`). This may affect DOM testing assertions. diff --git a/changelogs/upcoming/7631.md b/changelogs/upcoming/7631.md deleted file mode 100644 index f2647c0b2d3..00000000000 --- a/changelogs/upcoming/7631.md +++ /dev/null @@ -1,3 +0,0 @@ -**DOM changes** - -- `EuiTableRowCell` now applies passed `className`s to the parent `` element, instead of to the inner cell content `
`. diff --git a/changelogs/upcoming/7632.md b/changelogs/upcoming/7632.md deleted file mode 100644 index 4bcdfa32ca4..00000000000 --- a/changelogs/upcoming/7632.md +++ /dev/null @@ -1,10 +0,0 @@ -**Breaking changes** - -- The following props are no longer needed by `EuiBasicTable` or `EuiInMemoryTable` for responsive table behavior to work correctly, and can be removed: - - `isSelectable` - - `isExpandable` - - `hasActions` - -**DOM changes** - -- `EuiTableRow`s rendered by basic and memory tables now only render a `.euiTableRow-isSelectable` className if the selection checkbox is not disabled diff --git a/changelogs/upcoming/7640.md b/changelogs/upcoming/7640.md deleted file mode 100644 index a24b726ba53..00000000000 --- a/changelogs/upcoming/7640.md +++ /dev/null @@ -1,7 +0,0 @@ -**Bug fixes** - -- `EuiBasicTable` & `EuiInMemoryTable` `isPrimary` actions are now correctly shown on mobile views - -**Breaking changes** - -- Removed the `showOnHover` prop from `EuiTableRowCell` / `EuiBasicTable`/`EuiInMemoryTable`'s `columns` API. Use the new actions `columns[].actions[].showOnHover` API instead. diff --git a/changelogs/upcoming/7641.md b/changelogs/upcoming/7641.md deleted file mode 100644 index 7a007a7b5b9..00000000000 --- a/changelogs/upcoming/7641.md +++ /dev/null @@ -1,3 +0,0 @@ -**DOM changes** - -- `EuiTableRowCell`s with `textOnly` set to `false` will no longer attempt to apply the `.euiTableCellContent__text` className to child elements. diff --git a/changelogs/upcoming/7642.md b/changelogs/upcoming/7642.md deleted file mode 100644 index ca6038416d5..00000000000 --- a/changelogs/upcoming/7642.md +++ /dev/null @@ -1,15 +0,0 @@ -**Bug fixes** - -- Table `mobileOptions`: - - `mobileOptions.align` is now respected instead of all cells being forced to left alignment - - `textTruncate` and `textOnly` are now respected even if a `render` function is not passed - -**Breaking changes** - -- Removed top-level `textOnly` prop from `EuiBasicTable` and `EuiInMemoryTable`. Use `columns[].textOnly` instead. - -**DOM changes** - -- `EuiTableRowCell` no longer renders mobile headers to the DOM unless the current table is displaying its responsive view. -- `EuiTableHeaderCell` and `EuiTableRowCell` will no longer render in the DOM at all on mobile if their columns' `mobileOptions.show` is set to `false`. -- `EuiTableHeaderCell` and `EuiTableRowCell` will no longer render in the DOM at all on desktop if their columns' `mobileOptions.only` is set to `true`. diff --git a/changelogs/upcoming/7654.md b/changelogs/upcoming/7654.md deleted file mode 100644 index a5f1b4baf5e..00000000000 --- a/changelogs/upcoming/7654.md +++ /dev/null @@ -1,17 +0,0 @@ -**CSS-in-JS conversions** - -- Converted `EuiTable`, `EuiTableRow`, `EuiTableRowCell`, and all other table subcomponents to Emotion -- Removed the following `EuiTable` Sass variables: - - `$euiTableCellContentPadding` - - `$euiTableCellContentPaddingCompressed` - - `$euiTableCellCheckboxWidth` - - `$euiTableHoverColor` - - `$euiTableSelectedColor` - - `$euiTableHoverSelectedColor` - - `$euiTableActionsBorderColor` - - `$euiTableHoverClickableColor` - - `$euiTableFocusClickableColor` -- Removed the following `EuiTable` Sass mixins: - - `euiTableActionsBackgroundMobile` - - `euiTableCellCheckbox` - - `euiTableCell` diff --git a/src-docs/src/components/guide_page/versions.json b/src-docs/src/components/guide_page/versions.json index 3d9b24c46d0..25fd8c4f976 100644 --- a/src-docs/src/components/guide_page/versions.json +++ b/src-docs/src/components/guide_page/versions.json @@ -1,5 +1,6 @@ { "euiVersions": [ + "94.0.0", "93.6.0", "93.5.2", "93.5.1",