Releases: elastic/eui
Releases Β· elastic/eui
v94.3.0
- Updated
launch
glyph forEuiIcon
(#7670) - Updated
EuiComboBox
'soptions
to support including tooltip details for selectable options. UsetoolTipContent
to render tooltip information, andtoolTipProps
to optionally customize the tooltip rendering behavior (#7700) - Updated the following existing glyphs in
EuiIcon
: (#7727)error
(now an outlined version instead of filled)tokenMetricCounter
tokenMetricGauge
- Added the following new glyphs to
EuiIcon
: (#7727)tokenDimension
clickLeft
clickRight
clockCounter
errorFilled
(the previouserror
glyph design)warningFilled
Bug fixes
- Fixed a visual layout bug for
EuiComboBox
withisLoading
in mobile views (#7700) - Fixed missing styles on header cells of
EuiDataGrid
that prevented content text alignment styles to apply (#7720) - Fixed
EuiFlexGroup
andEuiFlexItem
ref
prop typing to support refs of the same type as the passedcomponent
type and allowdisplayName
to be defined for easy component naming when using component wrappers likestyled()
(#7724)
v94.2.1
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