Releases: elastic/eui
Releases Β· elastic/eui
v94.2.0
- Updated
getDefaultEuiMarkdownPlugins()
to allow excluding the following plugins in addition totooltip
: (#7676)checkbox
linkValidator
lineBreaks
emoji
- Updated
EuiSelectable
'sisPreFiltered
prop to allow passing a configuration object, which allows disabling search highlighting in addition to search filtering (#7683) - Updated
EuiFlexGroup
andEuiFlexItem
prop types to support passing any valid React component type to thecomponent
prop and ensure proper type checking of the extra props forwarded to thecomponent
. (#7688) - Updated
EuiSearchBar
to allow the@
special character in query string searches (#7702) - Added a new, optional
optionMatcher
prop toEuiSelectable
andEuiComboBox
allowing passing a custom option matcher function to these components and controlling option filtering for given search string (#7709)
Bug fixes
- Fixed an
EuiPageTemplate
bug where prop updates would not cascade down to child sections (#7648)- To cascade props down to the sidebar,
EuiPageTemplate
now explicitly requires using theEuiPageTemplate.Sidebar
rather thanEuiPageSidebar
- To cascade props down to the sidebar,
- Fixed
EuiFieldNumber
's typing to accept an icon configuration shape (#7666) - Fixed
EuiFieldText
andEuiFieldNumber
to render the correct paddings for icon shapes set toside: 'right'
(#7666) - Fixed
EuiFieldText
andEuiFieldNumber
to fully ignoreicon
/prepend
/append
whencontrolOnly
is set to true (#7666) - Fixed
EuiColorPicker
's input not setting the correct right padding for the number of icons displayed (#7666) - Visual fixes for
EuiRange
s withshowInput
: (#7678)- Longer
append
/prepend
labels no longer cause a background bug - Inputs can no longer overwhelm the actual range in width
- Longer
- Fixed a visual text alignment regression in
EuiTableRowCell
s with therow
header scope (#7681) - Fixed
toolTipProps
type onEuiSuperUpdateButton
to usePartial<EuiToolTipProps>
(#7692) - Fixes missing prop type for
popperProps
onEuiDatePicker
(#7694) - Fixed a focus bug with
EuiDataGrid
s withleadingControlColumns
when moving columns to the left/right (#7701) (#7698) - Fixed
EuiSuperDatePicker
to validate date string with respect of locale onEuiAbsoluteTab
. (#7705) - Fixed a visual bug with
EuiSuperDatePicker
's absolute tab on small mobile screens (#7708) - Fixed i18n of empty and loading state messages for the
FieldValueSelectionFilter
component (#7718)
Dependency updates
Accessibility
- Improved
EuiBasicTable
andEuiInMemoryTable
's selection checkboxes to have unique aria-labels per row (#7672) - Added
aria-valuetext
attributes toEuiRange
s with tick labels for improved screen reader UX (#7675) - Updated
EuiAccordion
to keep focus on accordion trigger instead of moving to content on click/keypress (#7696) - Added
aria-disabled
attribute toEuiHorizontalSteps
when status is "disabled" (#7699)
v94.1.0
v94.0.0
- Updated
EuiTable
,EuiBasicTable
, andEuiInMemoryTable
with a newresponsiveBreakpoint
prop, which allows customizing the point at which the table collapses into a mobile-friendly view with cards (#7625) - Updated
EuiProvider
'scomponentDefaults
prop to allow configuringEuiTable.responsiveBreakpoint
(#7625)
Bug fixes
EuiBasicTable
&EuiInMemoryTable
isPrimary
actions are now correctly shown on mobile views (#7640)- Table
mobileOptions
: (#7642)mobileOptions.align
is now respected instead of all cells being forced to left alignmenttextTruncate
andtextOnly
are now respected even if arender
function is not passed
Breaking changes
- Removed unused
EuiTableHeaderButton
component (#7621) - Removed the
responsive
prop fromEuiTable
,EuiBasicTable
, andEuiInMemoryTable
. Use the newresponsiveBreakpoint
prop instead (#7625) - The following props are no longer needed by
EuiBasicTable
orEuiInMemoryTable
for responsive table behavior to work correctly, and can be removed: (#7632)isSelectable
isExpandable
hasActions
- Removed the
showOnHover
prop fromEuiTableRowCell
/EuiBasicTable
/EuiInMemoryTable
'scolumns
API. Use the new actionscolumns[].actions[].showOnHover
API instead. (#7640) - Removed top-level
textOnly
prop fromEuiBasicTable
andEuiInMemoryTable
. Usecolumns[].textOnly
instead. (#7642)
DOM changes
EuiTable
mobile headers no longer render in the DOM when not visible (previously rendered withdisplay: none
). This may affect DOM testing assertions. (#7625)EuiTableRowCell
now applies passedclassName
s to the parent<td>
element, instead of to the inner cell content<div>
. (#7631)EuiTableRow
s rendered by basic and memory tables now only render a.euiTableRow-isSelectable
className if the selection checkbox is not disabled (#7632)EuiTableRowCell
s withtextOnly
set tofalse
will no longer attempt to apply the.euiTableCellContent__text
className to child elements. (#7641)EuiTableRowCell
no longer renders mobile headers to the DOM unless the current table is displaying its responsive view. (#7642)EuiTableHeaderCell
andEuiTableRowCell
will no longer render in the DOM at all on mobile if their columns'mobileOptions.show
is set tofalse
. (#7642)EuiTableHeaderCell
andEuiTableRowCell
will no longer render in the DOM at all on desktop if their columns'mobileOptions.only
is set totrue
. (#7642)
CSS-in-JS conversions
- Converted
EuiTable
,EuiTableRow
,EuiTableRowCell
, and all other table subcomponents to Emotion (#7654) - Removed the following
EuiTable
Sass variables: (#7654)$euiTableCellContentPadding
$euiTableCellContentPaddingCompressed
$euiTableCellCheckboxWidth
$euiTableHoverColor
$euiTableSelectedColor
$euiTableHoverSelectedColor
$euiTableActionsBorderColor
$euiTableHoverClickableColor
$euiTableFocusClickableColor
- Removed the following
EuiTable
Sass mixins: (#7654)euiTableActionsBackgroundMobile
euiTableCellCheckbox
euiTableCell
v93.6.0
- Updated
EuiBreadcrumb
styles to improve visual distinction of clickable breadcrumbs (#7615)
Deprecations
- Deprecated
color
prop onEuiBreadcrumb
(#7615)
Bug fixes
- Fixed
EuiComboBox
to correctly select full matches within groups via theEnter
key (#7658)
Accessibility
- Updated
EuiHeaderBreadcrumb
styles to ensure min. required color contrast (#7643) EuiSuperSelect
now correctly reads out parentEuiFormRow
labels to screen readers (#7650)EuiSuperSelect
now more closely mimics native<select>
behavior in its keyboard behavior and navigation (#7650)EuiSuperSelect
no longer strands keyboard focus on close (#7650)EuiSuperSelect
now correctly allows keyboard navigating past disabled options in the middle of the options list (#7650)
v93.5.2
v93.5.1
v93.5.0
EuiHeaderLinks
now accepts achildren
render function that will be passed acloseMobilePopover
callback, allowing consumers to close the mobile popover by its content (#7603)- Updated
EuiSelectable
to support scrolling list containers whenlistProps.isVirtualization
is set tofalse
(#7609)
Bug fixes
- Fixed
EuiIconTip
's defaultaria-label
text to be i18n tokenizable (#7606) - Fixed
EuiTextArea
's CSS box model to no longer render a few extra pixels of strut height (#7607)
Dependency updates
- Updated
@types/refractor
to v3.4.0 (#7590) - Updated
@types/lodash
to v4.14.202 (#7591) - Removed
@types/resize-observer-browser
dependency.ResizeObserver
types should already be baked in to Typescript as of 4.2+ (#7592) - Updated
classnames
to v2.5.1 (#7593) - Updated
@types/numeral
to v2.0.5 (#7594) - Updated
@types/react-window
to 1.8.8 (#7597) - Updated
prop-types
to v15.18.1 (#7602) - Removed
prop-types
as a peer dependency, per package recommendation (#7602)
Accessibility
EuiIcons
no longer applyaria-hidden
to empty icons, as long as a valid title or label is provided to the icon. In particular, this is intended to improve the accessibility of loadingEuiIconTip
s. (#7606)
v93.4.0
- Added the following properties to
EuiButtonGroup
'soptions
configs:toolTipContent
,toolTipProps
, andtitle
. These new properties allow wrapping buttons inEuiToolTips
, and additionally customizing or disabling the native browsertitle
tooltip. (#7461) - Enhanced
EuiResizeObserver
anduseResizeObserver
's performance to not trigger page reflows on resize event (#7575) - Updated
EuiSuperUpdateButton
to support custom button text via an optionalchildren
prop (#7576)
Bug fixes
- Fixed
EuiFlyout
to not repeatedly remove/add a body class on resize (#7462) - Fixed
EuiToast
title text to wrap instead of overflowing out of the container (#7568) - Fixed a visual bug with
EuiHeaderBreadcrumbs
with popovers (#7580)
Deprecations
- Deprecated
euiPalettePositive
andeuiPaletteNegative
in favour of a more culturally inclusiveeuiPaletteGreen
andeuiPaletteRed
(#7570) - Deprecated all charts theme exports in favor of
@elastic/charts
exports: (#7572)- Deprecated
EUI_CHARTS_THEME_<DARK|LIGHT>
in favor of<DARK|LIGHT>_THEME
from@elastic/charts
. (#7572) - Deprecated
EUI_SPARKLINE_THEME_PARTIAL
in favor ofuseSparklineOverrides
theme from the kibanacharts
plugintheme
service.
- Deprecated
Accessibility
v93.3.0
- Added new
EuiDataGrid
new prop:cellContext
, an optional object of additional props passed to the cell render function. (#7374) EuiBreadcrumbs
'spopoverContent
API now accepts a render function that will be passed aclosePopover
callback, allowing consumers to close the breadcrumb popover from their popover content (#7555)
Bug fixes
- Fixed missing animation on native
EuiProgress
bar update (#7538) - Fixed an
EuiDataGrid
bug withgridStyle.rowClasses
, where custom consumer classes that began witheuiDataGridRow
would not be correctly removed/reapplied (#7549) - Fixed a visual
EuiDataGrid
bug whereEuiCheckbox
es within control columns were not vertically centered within single height rows (#7549)
v93.2.0
- Updated
EuiPageSidebar
andEuiPageTemplate.Sidebar
with a newhasEmbellish
prop (defaults to false) (#7521) - Added
diff
glyph toEuiIcon
(#7520) - Added
newChat
glyph toEuiIcon
(#7524)
Bug fixes
- Fixed
EuiSideNav
not correctly typing theitems
prop as required (#7521) - Fixed the
CSS is not defined
bug inEuiPageTemplate
when rendering in some SSR environments, particularly Next.js v13 and up (#7525) - Fixed
EuiDataGrid
component to clean up timer from side effect on unmount (#7534)
Accessibility
- Fixed
EuiSideNav
to render a fallback aria-label on mobile toggles if no heading or mobile title exists (#7521)
CSS-in-JS conversions
- Converted
EuiSideNav
to Emotion; Removed the following Sass variables: (#7521)$euiSideNavEmphasizedBackgroundColor
$euiSideNavRootTextcolor
$euiSideNavBranchTextcolor
$euiSideNavSelectedTextcolor
$euiSideNavDisabledTextcolor
- Removed the
euiSideNavEmbellish
Sass mixin. Use the newEuiPageSidebar
hasEmbellish
prop instead (#7521) - Added a new memoization/performance optimization utility for CSS-in-JS styles (#7529)