Bug fixes
- Fixed
id
usage throughoutEuiTreeView
to respect custom ids and stop conflicts in generated ids (#4435) - Fixed
EuiTabs
role
if no tabs are passed in (#4435)
- Added
getDefaultEuiMarkdownProcessingPlugins
method for better control overEuiMarkdownEditor
's toolbar UI (#4383) - Changed
EuiOutsideClickDetector
events to be standard event types (#4434) - Added
EuiFieldTextProps
in type definitions forEuiSuggestInput
(#4452) - Added virtualized cell rendering to
EuiDataGrid
(#4170)
Bug fixes
- Fixed heights of
append
andprepend
inEuiComboBox
(#4410) - Fixed
EuiResizableContainer
initialization timing based on DOM readiness (#4447)
- Added a
size
prop toEuiContextMenu
and added a smaller size (#4409) - Added a
textSize
prop toEuiHealth
(#4420) - Removed selected item of
EuiSelect
whenhasNoInitialSelection=true
and value reset toundefined
(#4428)
- Added support for adjusting
buffer
for individual window sides ofEuiPopover
. (#4417) - Added
'full'
option to theheight
prop ofEuiMarkdownEditor
. AddedautoExpandPreview
andmaxHeight
props toEuiMarkdownEditor
(#4245)
- Reduced the size of the icons and clear button for compressed
EuiFormControlLayout
(#4374) - Added ability for text input updates in
EuiDatePicker
(#4243) - [REVERTED in 31.3.0] Fixed heights of
append
andprepend
inEuiFormControlLayout
(#4410)
Bug fixes
- Fixed
EuiSuperDatePicker
extra margin whenshowUpdateButton
andisAutoRefreshOnly
are active (#4406)
- Added collapsble behavior to
EuiResizableContainer
panels (#3978) - Updated
EuiResizablePanel
to useEuiPanel
(#3978) - Changed
showTimeSelect
prop to true whenshowTimeSelectOnly
prop is set to true. (#4372) - Updated
EuiSuperSelect
recently used list to render as<ol>
and<li>
elements (#4370)
Bug fixes
- Fixed
EuiSuggest
popover opening when an empty array is passed into thesuggestions
prop (#4349)
Breaking changes
- Adjusted the shadow in
EuiComment
(#4321) - Added
success
andwarning
colors toEuiButtonEmpty
(#4325) - Added a sorting indicator on the
EuiDataGridColumn
(#4343) - Added
disabled
andloading
status
toEuiStep
(#4338) - Added
closePopover
prop toEuiDataGridColumnCellActionProps
(#4346)
Bug fixes
- Fixed
EuiErrorBoundary
error message not showing in non-Chromium browsers (#4324) - Fixed
EuiToolTip
closing during initial positioning period (#4327) - Added
!default
to SASS variables ofEuiCollapsibleNav
(#4335) - Fixed
EuiDataGrid
column propertydisplayAsText
(#4351) - Fixed propagation of
esc
key presses closing parent popovers (#4336) - Fixed overwritten
isDisabled
prop onEuiListGroupItem
extraAction
config (#4359) - Fixed
inputRef
forEuiCheckbox
(#4298) - Limited the links allowed in
EuiMarkdownEditor
to http, https, or starting with a forward slash (#4362) - Aligned components with an
href
prop to React's practice of disallowingjavascript:
protocols (#4362) - Fixed form submit bug in
EuiButtonGroup
by adding an optionaltype
prop forEuiButtonGroupOption
(#4368) - Changed
label
type fromstring
toReactNode
inEuiTreeViewNode
(#4352)
Theme: Amsterdam
- Removed the shadow in
EuiComment
(#4321) - Reduced font size for
xs
size inEuiButtonEmpty
(#4325) - Increased font size for
m
size ofEuiListGroupItem
(#4340) - Reduced padding in
EuiToolTip
(#4353) - Reduced border-radius in
EuiRange
's tooltip (#4353) - Consolidated
EuiStepNumber
indicators forEuiSteps
andEuiHorizontalSteps
(#4338)
- Upgraded
highlight.js
to 9.18.5 (#4313)
- Export
euiSelectableTemplateSitewideRenderOptions
(#4305)
Bug fixes
- Expose
isPreFiltered
inEuiSelectable
props fixing consumer-side searching (#4305) - Fixed stale state argument passed to
searchProps.onChange
in anEuiSelectable
(#4292) - Fixed initial focus of an
EuiButtonGroup
when first item in a popover (#4288) - Fixed visible scrollbar in
EuiComboBox
list (#4301) - Removed hiding of time select on small screens for
EuiDatePicker
(#4301) - Fixed wrong columns assigned to
EuiDataGrid
leadingControlColumns (#4269)
Theme: Amsterdam
Bug fixes
- Reverted changing of
EuiPopover
sownFocus
default fromfalse
totrue
(#4228)
- Exported
useDataGridColumnSelector
,useDataGridColumnSorting
, anduseDataGridStyleSelector
hooks (#4271)
Theme: Amsterdam
- Unify colors with the Elastic brand (#4284)
- Created one consistent look for disabled
EuiButton
(#4284)
- Added
eql
glyph inEuiIcon
(#4110) - Added
testenv
mock forhtmlIdGenerator
(#4212) - Added several Sass mixins for handling of unified focus/hover states (#4242)
Bug fixes
- Fixed cell resizer overlapping of
EuiDataGrid
rightmost header cell (#4071)
Theme: Amsterdam
- Unify focus states by leaning into
outline
and restricting to keyboard navigation (#4242) - Removed faux border from
EuiAvatar
(#4255) - Changed the color and font-weight of inline code block (#4272)
- Added
EuiColorPaletteDisplay
component (#3865) - Added
initialFocusedItemIndex
support toEuiContextMenuPanelDescriptor
(#4223) - Updated the default of the
EuiPopover
sownFocus
prop fromfalse
totrue
(#4228) - Added
role="alert"
andaria-live="assertive"
toEuiForm
'sEuiCallOut
for the errors (#4238) - Added
menuDown
andmenuUp
glyphs toEuiIcon
(#4244) - Removed spacer after
childrenBetween
inEuiInMemoryTable
(#4248) - Changed
clickOutsideDisables
totrue
whenownFocus={false}
inEuiFlyout
(#4236)
Bug fixes
- Fixed focus trap +
EuiPopover
bug which prevented the anchor from receiving focus when the popover closes (#4071) - Fixed focus trap error & performance impact when one focus trap is deactivated and another becomes enabled (#4071)
- Fixed a condition in
EuiInMemoryTable
to avoid mistaken assignment ofsortName
(#4138) - Fixed bug in small
EuiImage
's not respecting the optional sizes whenallowFullScreen
is set to true (#4207) - Fixed incorrect initial rendering of
EuiDualRange
thumbs when element width is 0 (#4230) - Fixed bug in
EuiSelectable
to callsearchProps.onChange
andsearchProps.onSearch
calls inEuiSelectable
(#4153) - Fixed truncation of the
EuiComboBox
placeholder
text (#4210)
Theme: Amsterdam
- Fixed base
line-heights
for withineuiFontSize[size]()
SASS mixins (#4229)
- Added
labelWidth
anddescriptionDisplay
props toEuiSuggestItem
(#4180) - Added screen reader notification if
EuiLink
opens in a new window (#4172) - Set
external
prop to true ifEuiLink
opens in a new window (#4172) - Added
float
andmargin
props toEuiImage
(#4209) - Added
color
andborderRadius
props toEuiPanel
(#4194) - Updated the use case for the
EuiPanel
prophasShadow
(#4194) - Deprecated the
onClick
,betaBadgeLabel
,betaBadgeTooltipContent
, andbetaBadgeTitle
props ofEuiPanel
(#4194)
Bug fixes
- Fixed issue with
labelDisplay
not being passed toEuiSuggestItem
(#4180) - Fixed copy in
EuiDataGrid
's header menu's sort actions (#4199)
Theme: Amsterdam
- Fixed
border-radius
inEuiFormControlLayout
(#4196)
- Added more exports for
EuiInMemoryTable
types (#4179)
Bug fixes
- Removed unnecessary shadow on hover of
EuiButtonGroup
(#4186) - Fixed position of
EuiScreenReaderOnly
elements withinEuiButtonGroup
(#4189)
- Improved
EuiButtonGroup
focus, hover, selected and disabled states (#4142) - Added
display
prop toEuiToolTip
for common display block needs (#4148) - Added support for more colors in
EuiProgress
such asvis0
throughvis9
,warning
,success
and custom colors (#4130) - Added
affordForDisplacement
prop toEuiBottomBar
(#4156) - Added
width
property tomobileOptions
prop ofEuiTableRowCell
(#4169)
Bug fixes
- Fixed issue with duplicate checkmarks in
EuiComboBox
(#4162) - Reinstated base element type extensions for
EuiStepHorizontal
andEuiStepsHorizontal
(4166)
- Deprecated
EuiKeyboardAccessible
(#4135) - Refactored
EuiStep
,EuiHorizontalSteps
, andEuiCodeEditor
for better accessibility (#4135) - Added
minWidth
prop toEuiButton
(#4056) - Added
isSelected
prop to easily turnEuiButton
,EuiButtonEmpty
, andEuiButtonIcon
into toggle buttons (#4056) - Updated
EuiButtonGroup
props and render for better accessibility (#4056) - Added
paddingSize
prop toEuiPopoverTitle
andEuiPopoverFooter
(#4133) - Added more exports for
EuiBasicTable
types (#4125) - Updated types associated with
EuiMarkdownEditor
plugin dependencies (#4124) - Upgraded dependencies related to
EuiMarkdownEditor
:react-dropzone
,rehype-*
,remark-*
, andunified
(#4124) - Added
cellActions
toEuiDataGrid
(#3668)
Bug fixes
- Fixed focus management bug in
EuiSelectable
(#4152)
Breaking changes
- Removed
EuiToggle
andEuiButtonToggle
in favor ofaria-pressed
(#4056) - Updated
legend
andidSelected
props ofEuiButtonGroup
to be required (#4056) - Removed
logoAPM
in favor oflogoObservability
(#4065) - Removed
.euiHeaderNotification
CSS class (#4065) - Removed
EuiNavDrawer
in favor ofEuiCollapsibleNav
(#4065) - Removed
compressed
anddisplayOnly
props fromEuiFormRow
in favor of thedisplay
prop (#4065) - Removed
EuiPopover
'swithTitle
prop (#4065)
Theme: Amsterdam
- Tightened
line-height
for someEuiTitle
sizes (#4133) - Removed uppercase from
EuiPopoverTitle
and fixed inherited padding fromEuiPopover
(#4146) - Fixed
EuiFilterGroup
andEuiFilterButton
styles (#4151)
- Added
plus
andminus
glyphs toEuiIcon
(#4111)
Bug fixes
- Fixed custom color render of
EuiIcon
app (two-tone) icons (#4104) - Changed
iconType
prop to berequired
inEuiButtonIcon
(#4106)
- Added
childrenBetween
prop toEuiInMemoryTable
to add content between search bar and table (#4103) - Added
max-width: 100%
toEuiKeyPadMenu
to allow it to shrink when its container is smaller than its fixed width ( #4092) - Added
key
toEuiComboBoxOptionOption
to allow duplicate labels (#4048) - Changed
EuiIcon
test mock to render asspan
instead ofdiv
(#4099) - Added
scripts/docker-puppeteer
as the new home for test-related Docker images (#4062)
Bug fixes
- Fixed
EuiFieldSearch
padding whenisClearable
but has novalue
(#4089)
Note: this release is a backport containing changes originally made in 30.6.0
Bug fixes
- Upgraded
highlight.js
to 9.18.5 (#4313) - Limited the links allowed in
EuiMarkdownEditor
to http, https, or starting with a forward slash (#4362) - Aligned components with an
href
prop to React's practice of disallowingjavascript:
protocols (#4362)
Note: this release is a backport containing changes originally made in 30.0.0
Bug fixes
- Fixed focus management bug in
EuiSelectable
(#4152)
- Added
both
option toflush
prop ofEuiButtonEmpty
(#4084)
- Added
both
option toflush
prop ofEuiButtonEmpty
(#4084)
Bug fixes
- Fixed
EuiRange
andEuiDualRange
display of internal spacer (#4084) - Fixed
EuiFieldSearch
padding for the different states (#4084) - Fixed
EuiCheckableCard
disabled but checked styles (#4084)
Theme: Amsterdam
- Fixed
line-height
onEuiTitle
(#4079)
- Improved contrast for
EuiIcon
andEuiButtonIcon
named colors. This affectsEuiHealth
which uses theEuiIcon
colors. (#4049) - Added color
accent
toEuiButtonIcon
(#4049)
Bug fixes
- Fixed
EuiComboBox
rowHeight
prop causing the height of the option list to be miscalculated (#4072) - Fixed
EuiComboBox
not focusing on the selected option ifselectedOptions
was set without reference tooptions
(#4072)
Theme: Amsterdam
- Added footer row to
EuiDataGrid
via therenderFooterCellValue
prop (#3770) - Added column header menu to
EuiDataGrid
(#3087) - Added horizontal line separator to
EuiContextMenu
(#4018) - Added controlled pagination props to
EuiInMemoryTablee
(#4038) - Added
gutterSize
,popoverBreakpoints
,popoverButtonProps
, andpopoverProps
props toEuiHeaderLinks
(#4046) - Added
'all'
and'none'
options to thesizes
prop ofEuiHideFor
andEuiShowFor
(#4046)
Bug fixes
- Fixed
EuiTextColor
playground error due tocolor
prop not getting captured by the documentation generator (#4058)
- Added
.browserslistrc
for global browser support reference (#4022) - Added ability to specify
color
ofEuiHeaderLink
(#4008) - Added
boolean
type to thenotification
prop ofEuiHeaderSectionItemButton
to show a simple dot (#4008) - Added
popoverButton
andpopoverButtonBreakpoints
props toEuiSelectableTemplateSitewide
for responsive capabilities (#4008) - Added
isWithinMaxBreakpoint
service (#4008)
Bug fixes
- Fixed
EuiSuperDatePicker
got stuck in update mode if the value is not changed (#4025) - Fixed ref not being handled properly in
EuiValidatableControl
when used with react-hook-form (#4001) - Fixed
EuiNotificationBadge
color
prop type (#4008) - Fixed z-index of
EuiBottomBar
to stay under header (#4008) - Fixed regression of
EuiSelectable
not abiding by theshowIcons
prop (#4008) - Fixed contrast of search input of
EuiSelectableTemplateSitewide
in dark header (#4008) - Fixed
EuiImage
unable to deactivate the full screen mode using the close icon (#4033) - Allowed
onClick
prop whenhref
prop is provided inEuiBadge
(#4035)
Breaking changes
- Changed
EuiHideFor
andEuiShowFor
from using media queries to hide content to not rendering the content. Children are now required anddisplay
has been removed (#4008)
- Added
loading
icon toEuiComboBox
input whenisLoading
istrue
(#4015) - Changed
value
prop inEuiExpression
to not required (#4014) - Added
fold
andunfold
glyphs toEuiIcon
(#3994)
Bug fixes
- Fix incorrect
euiCodeBlockNameColor
variable usage for.hljs-name
in SCSS (#3991) - Fixed bug in
EuiAccordion
where thearrowDisplay="right"
is ignored whenextraAction
is configured (#3971)
Theme: Amsterdam
- Updated form control styles to use a uniform border-radius (#3741)
Bug fixes
- Fixed
EuiFieldSearch
's clear button covering thevalue
of the input (#3936) - Fixed bug in
EuiComboBox
where the input was dropping to the next line when aEuiBadge
had a very long text (#3968) - Fixed type mismatch between
EuiSelectable
options extended viaEuiSelectableOption
and internal option types (#3983) - Fixed
EuiButton
CSS for RTL languages by usingmargin-inline-[pos]
instead ofmargin-[pos]
(#3974) - Fixed server-side rendering of
EuiBreadcrumbs
andEuiCollapsibleNav
(#3970)
- Adjusted coloring of
EuiSideNav
to be more consistent across open states (#3926) - Added build-specific babel configurations for docs and tests (#3911)
- Updated browserslist configuration to remove IE accommodations (#3911)
- Removed docgenInfo from non-docs production builds (#3911)
- Added
regressionJob
,outlierDetectionJob
andclassificationJob
icons to Machine Learning icon set, updated others. (#3931) - Added
operator
field toEuiSearchBar
'sfield_value_selection
filter configuration (#3922)
Bug fixes
- Fixed bug in
EuiBasicTable
not fully expanding tall rows (height > 1000px) (#3855) - Fixed bug in
EuiDataGrid
which sometimes prevented header cells from being focusabled (#3943) - Fixed bug in
EuiFieldSearch
where a default value would not include the clear button (#3958) - Fixed focus fighting bug when
EuiDataGrid
cell content manages its own popover (#3951) - Fixed
valueText
getting cut off inEuiProgress
(#3948)
- Added
EuiSelectableTemplateSitewide
as wrapper ofEuiSelectable
for Elastic's global search component (#3800) - Updated styles of
EuiMark
to override browser default (#3800) - Updated
EuiHighlight
to useEuiMark
as matching element wrapper (#3800) - Enhanced
EuiSelectable
'soption
type to allow for a separatesearchableLabel
and any generic keys (#3800) - Added
listProps.onFocusBadge
,loadingMessage
,noMatchesMessage
, andemptyMessage
props toEuiSelectable
(#3800) - Added
bordered
prop toEuiSelectableMessage
(#3800)
Bug fixes
- Fixed display of
EuiBadge
if only theiconType
is passed (#3800) - Fixed accessibility error in
EuiSelectable
when thelist
isn't on the page (#3800) - Fixed accessibility error in
EuiPopover
whenownFocus = false
(#3800)
- Added
isLoading
andisLoadingMessage
props toEuiAccordion
(#3879) - Added
testenv
mock forEuiFocusTrap
(#3930)
Bug fixes
- Fixed bug in
EuiCodeBlock
content overlapping with control buttons whenwhiteSpace
was set to"pre"
(#3853) - Fixed
EuiFocusTrap
not applying providedstyle
prop (#3916) - Fixed bug in
EuiDataGrid
when a new pagination object would cause every cell to render (#3919)
- Update
createTheme
to apply latest changes to elastic chartsTheme
. (#3792) - Added icons for
appSearchApp
andworkplaceSearchApp
toEuiIcon
(#3859) - Added
unlink
glyph toEuiIcon
(#3869) - Added
EuiMarkdownEditor
andEuiMarkdownFormat
components (#3522)
Bug fixes
- Fixed
EuiFacetGroup
container expansion due to negative margin value (#3871) - Fixed
EuiComboBox
delimeter-separated option creation and empty state prompt text (#3841) - Fixed
EuiDataGrid
not properly resizing within a fixed height container (#3894) - Fixed bug in
EuiFieldPassword
where an edge case mutated itsappend
prop (#3884)
Breaking changes
- Requires
@elastic/charts
version20.0.0
and above for chart theming utils.
Note: this release is a backport containing changes originally made in 28.1.0
- Added
testenv
mock forEuiFocusTrap
(#3930)
- Added
customOptionText
prop toEuiComboBox
(#3811)
Bug fixes
- Improve
EuiDataGrid
Chrome rendering performance in full screen (#3726) - Removed
@elastic/eui/src-docs
entries from published eui.d.ts (#3856)
Bug fixes
- Fixed bug in all input fields placeholders in Safari that weren't vertically centered (#3809)
- Removed
pointer-events: none
in bothEuiButton
&EuiButtonEmpty
to not override thepointer-events: auto
in the button mixineuiButtonContentDisabled
(#3824) - Fixed bug in
EuiPagination
showing wrong page count whencompressed
prop is true. (#3827) - Fixed bug in EUI's input field components where their
inputRef
couldn't be aRefObject
(#3822) - Moved
react-view
andhtml-format
to bedevDependencies
(#3828) - Fixed
EuiComboBox
keyboard selection whensortMatchesBy=startsWith
(#3823) - Fixed
EuiCodeEditor
not exiting edit mode withesc
whenenableLiveAutocompletion=true
(#3833) - Fixed issue where
EuiDataGrid
's cell expansion popover would sometimes render as a scrollable element (#3832)
- Added possibility to hide "Rows per page" select in
EuiDataGrid
(#3700) - Updated lodash to
v4.17.19
(#3764) - Added
returnKey
glyph toEuiIcon
(#3783) - Added
type
prop toEuiFieldPassword
to support toggling of obfuscation (#3751)
Bug fixes
- Fixed bug in
EuiDataGrid
not calculating the width correctly (#3789) - Fixed
EuiComboBox
marking some very long inputs as invalid (#3797)
- Added
analyzeEvent
glyph inEuiIcon
(#3729) - Updated
EuiComboBox
to allow the options list to open for single selection custom options (#3706) - Added
useEuiI18n
hook for localization (#3749) - Added a hit enter badge to
EuiComboBox
when focusing an option and for empty states that allow pressing enter (#3782)
Bug fixes
- Fixed
EuiComboBox
always showing a scrollbar (#3744) - Replaced
react-focus-lock
withreact-focus-on
(#3631) - Fixed errors in
EuiSuperDatePicker
related to invalid andnull
date formatting (#3750) - Fixed type definitions for
findTestSubject
andtakeMountedSnapshot
(#3763) - Fixed
EuiComboBox
not allowing clicks on previously virtualized items when inside ofEuiFormRow
(#3784) - Removed
[Space]
as a way to select options inEuiSelectable
(#3784) - Fixed type definition for
windowProps
inEuiSelectable
(#3787)
- Added
titleElement
anddescriptionElement
props toEuiStat
(#3693) - Updated
securityAnalyticsApp
app icon (#3720) - Removed
src/test
and@types/enzyme
references fromeui.d.ts
(#3715) - Added
index.d.ts
file tolib/test
andes/test
(#3715) - Added
descriptionFlexItemProps
andfieldFlexItemProps
props toEuiDescribedFormGroup
(#3717) - Expanded
EuiBasicTable
's default action's name configuration to accept a function that returns a React node (#3739) - Added internal use only button building blocks for reusability in other button components (#3730)
- Added
paddingSize
prop toEuiCard
(#3638) - Added
isClearable
andplaceholder
options toEuiColorPicker
(#3689) - Added SASS helper files for EUI theme globals (#3691)
- Add
label
,labelProps
andvalueText
props toEuiProgress
(#3661)
Bug fixes
- Fixed a bug in
EuiResizableContainer
preventing nested containers (#3699) - Fixed a bug in
EuiResizableContainer
preventing resizing by arrow keys in some cases (#3699) - Fixed
EuiHorizontalSteps
rendering overEuiHeader
(#3707) - Fixed bug where
EuiSuperSelect
lost focus after a value selection (#3734)
Breaking changes
- Significant accessibility refactor of
EuiSelectable
(#3169)react-virtualized
replaced withreact-window
virtualizedProps
onEuiSelectableOptionsList
renamed towindowProps
- Removed
rootId
and addedmakeOptionId
,listId
, andsetActiveOptionIndex
toEuiSelectableList
- Added
listId
toEuiSelectableSearch
options
passed intoEuiSelectable
cannot have anid
- Requires an
onChange
to be passed intoEuiSelectableSearch
Note: this release is a backport containing changes originally made in 27.2.0
Bug fixes
- Fixed errors in
EuiSuperDatePicker
related to invalid andnull
date formatting (#3750)
Note: this release is a backport containing changes originally made in 27.3.1
Bug fixes
- Fixed bug in
EuiPagination
showing wrong page count whencompressed
prop is true. (#3827)
Note: this release is a backport containing changes originally made in 27.1.0
- Updated
securityAnalyticsApp
app icon (#3720)
Note: this release is a backport containing changes originally made in 27.0.0
- Added
isClearable
andplaceholder
options toEuiColorPicker
(#3689)
- Expanded
EuiBasicTable
's default action's name configuration to accept any React node (#3688)
- Added
background.color
toEUI_CHARTS_THEME_LIGHT/DARK.theme
(#3669) - Added
gutterSize
prop toEuiFacetGroup
(#3639) - Updated props of
EuiCode
andEuiCodeBlock
to reflect only functional props (#3647) - Updated
EuiResizableContainer
onPanelWidthChange
callback method to include all panel widths (#3630) - Extended
Query
/EuiSearchBar
to allow any character inside double-quoted phrases (#3432) - Added
headerZindexLocation
prop toEuiOverlayMask
(#3655) - Added
maskProps
prop toEuiFlyout
andEuiCollapsibleNav
(#3655)
Bug fixes
- Fixed
EuiContextMenu
panelonAnimationEnd
transition bug in Chrome (#3656) - Fixed
EuiSkipLink
interactive props and Safari click issue (#3665) - Fixed
z-index
issues withEuiHeader
,EuiFlyout
, and other portal content (#3655) - Fixed
color
prop error inEuiBadge
to be more flexible with what format it accepts (#3655) - Fixed
EuiSuperSelect
popover from moving 16px horizontally when it's close to a window edge (#3685)
Theme: Amsterdam
- Fixed
EuiHeaderBreadcrumb
height,onClick
, border-radius, and single item display (#3655)
- Optimized in-memory datagrid mount performance (#3628)
- Exported
EuiCardProps
andEuiCheckableCardProps
types (#3640)
Bug fixes
- Fixed fullscreen render issue in
EuiCode
(#3633)
- Added
useEuiTextDiff
react hook utility (#3288) - Converted
EuiOverlayMask
to be a React functional component (#3555) - Changed
responsive
andmax
behavior ofEuiBreadcrumbs
to always display collapsed items in popover #3578) - Added
BREAKPOINTS
andgetBreakpoint
utilities #3578) - Added
'any'
option to thestep
prop of theEuiFieldNumber
(#3562) - Moved all
EuiHeader
SASS variables toglobal_styles
(#3592) - Added
side
prop toEuiGlobalToastList
for choosing which window side to display toasts (#3600) - Default
titleSize
get's implicitly set to 'm' forEuiEmptyPrompt
(#3598) - Updated
logoElastic
to meet brand guidelines (#3613) - Allowed user to enter hexcode for colors in
EuiStat
(#3617) - Extended
CommonProps
inEuiColorPalettePickerPaletteTextProps
,EuiColorPalettePickerPaletteFixedProps
andEuiColorPalettePickerPaletteGradientProps
types (#3616) - Updated
onToggle
callback inEuiAccordion
to allow for external state control (#3614)
Bug fixes
- Added
display
prop toEuiDataGridColumnSortingDraggable
to passdisplayAsText
prop correctly to the column sorting popover.(#3574) - Fixed
EuiCodeBlockImpl
testenv mock pass-through ofdata-test-subj
attribute (#3560) - Fixed DOM element creation issues in
EuiOverlayMask
by using lifecycle methods (#3555) - Fixed
EuiComboBox
's options listzIndex
positioning when nested in otherzIndex
contexts (#3551) - Fixed
euiHeaderAffordForFixed
mixin's use of header SASS variable (#3592) - Included
onClick
as a valid prop forEuiControlBar
icon controls (#3581) - Fixed poor performance of
EuiToolTip
during frequent mouesover/mouseout events (#3596) - Fixed
EuiBasicTable
custom actions popover from remaining open after click (#3619)
Breaking changes
- Changed
breadcrumb
TS type exported name fromBreadcrumb
toEuiBreadcrumb
(#3578) - Removed
$euiZComboBox
SCSS variable (value was 8001) (#3551)
Theme: Amsterdam
- Updated
EuiCallout
by removing left border, adding border radius and increasing font weight on titles (#3557) - Updated
EuiHeaderBreadcrumbs
style to be more prominent (#3578) - Fixed
EuiFilterGroup
border-radius
(#3591) - Updated
EuiCodeBlock
inline code style to use border radius (#3599)
- Added conditional rendering of the title element in
EuiCallOut
to avoid usage of additional space caused by the rendered<div>
element (#3549) - Added
invalidCallout
prop toEuiForm
to allow conditional rendering of error callout(#3585)
Bug fixes
- Fixed
EuiCard
image corners to be contained within border radius (#3556) - Fixed
EuiKeyPadMenu
andEuiKeyPadMenuItem
aria roles (#3502) - Fixed
EuiFieldSearch
input clear button doesn't show when external input is passed(#3497) - Fixed
EuiBasicTable
footers to always use a uniquekey
(#3559) - Fixed
EuiInMemoryTable
by changing thegetDerivedStateFromProps
to not block the updates as soon as it hits a true if condition (#3579)
Breaking changes
- A fixed
EuiHeader
no longer automatically padding directly to the<body>
element (#3538) - Improved
EuiPagination
,EuiDataGrid
,EuiBasicTable
andEuiInMemoryTable
accessibility, causingEuiPaginationButton
to require a new proppageIndex
(#3294) - Replaced all usages of
KeyboardEvent.keyCode
(deprecated) withKeyboardEvent.key
. From@elastic/eui/lib/services
,keyCodes
has been replaced withkeys
, as hascascadingMenuKeyCodes
->cascadingMenuKeys
, andcomboBoxKeyCodes
->comboBoxKeys
. The implementation of all of those exports (as well asaccessibleClickKeys
) all now useKeyboardEvent.key
values. (#3517)
- Added
displayAsText
prop toEuiDataGridColumn
(#3520) - Added
minSizeForControls
prop toEuiDataGrid
to control the minimum width for showing grid controls (#3527) - Passed
getSelectedOptionForSearchValue
toEuiComboBoxOptionsList
as prop (#3501) - Added
appendIconComponentCache
function to allow manual pre-emptive loading of source elements into theEuiIcon
cache (#3481) - Added
initialSelected
toEuiTableSelectionType
properties to set initial selected checkboxes forEuiBasicTable
(#3418) - Added exports for
EuiSteps
and related components types (#3471) - Added
displayName
to components usingReact.forwardRef
(#3451) - Added event target checker for
EuiOverlayMask
'sonClick
prop (#3462) - Added
EuiColorPalettePicker
component (#3192) - Added
left-start
popover placement toEuiDatePicker
(#3511) - Added
theme
prop toEuiHeader
(#3524) - Added
.euiHeaderLink-isActive
class toEuiHeaderLink
whenisActive
(#3524) - Added
display
,descriptionWidth
,textWrap
andisInvalid
props toEuiExpression
(#3467) - Added more exports for
EuiColorPalettePicker
types (#3542)
Bug Fixes
- Fixed issue where multiple
EuiToolTip
components could be visible when element was focused (#3335) - Fixed
EuiSuperSelect
not rendering full width whenisOpen
istrue
(#3495) - Fixed
EuiBasicTable
shows no items if all items of last page is deleted (#3422) - Fixed TypeScript module name in generated
eui_charts_theme.d.ts
file (#3492) - Fixed code highlight color contrast in
EuiCodeBlock
(#3309) - Fixed regression in
EuiComboBox
not triggering itsinputRef
callback (#3532)
Deprecations
- Added a deprecation notice for
EuiNavDrawer
family of components. Advise usage ofEuiCollapsibleNav
instead (#3487)
Notes
- Removed
src-framer
files from the repository (#3487)
Theme: Amsterdam
- Removed borders
EuiModal
(#3515) - Improve
EuiOverlayMask
colors (#3515) - Updated shadow styles to improve smoothness, use black as the base color, and deprecated
opacity
value of shadow mixins (#3428) - Removed borders from
EuiFlyout
andEuiPopover
(#3477) - Updated
EuiHeader
and components (#3524)
- Added
null
as acceptableicon
prop forEuiCard
(#3470) - Added
sortBy
andsortShift
props toeuiPaletteColorBlind()
for sorting along the color wheel (#3387) - Added
utcOffset
prop toEuiSuperDatePicker
(#3436) - Added
partition
key toEuiChartThemeType
for Partition chart support (#3387) - Updated
EuiImage
'scaption
prop type fromstring
toReactNode
(#3387) - Improved contrast for
EuiCollapsibleNav
close button (#3465)
Bug Fixes
- Fixed
EuiSuperDatePicker
quick selection menu overriding specified time range with default values (#3446) - Fixed
EuiCodeEditor
console error when using the editor without import the default theme (#3454) - Fixed
EuiDatePopoverContent
onChange
event to only acceptstring
date input (#3460)
Breaking changes
- Changed parameters for
euiPaletteColorBlind()
to an object (#3387) - Changed the default palette of
EUI_CHARTS_THEME_LIGHT/DARK
themes to the naturally sortedeuiPaletteColorBlind()
(#3387)
Note: this release is a backport containing changes originally made in 24.0.0
Bug Fixes
- Fixed
EuiSuperDatePicker
quick selection menu overriding specified time range with default values (#3446) - Fixed
EuiDatePopoverContent
onChange
event to only acceptstring
date input (#3460)
- Added
aria-hidden = true
toEuiRangeSlider
andEuiRangeTrack
ifshowInput = true
(#3423) - Added
testenv
mock forEuiCode
andEuiCodeBlock
(#3405) - Added
displayName
to components usingReact.forwardRef
(#3440)
Bug Fixes
- Fixed
EuiCode
andEuiCodeBlock
from erroring in environments without a DOM implementation (#3405) - Fixed
ApplyClassComponentDefaults
typescript utility to correctly determine defaulted properties' types (#3430) - Fixed
prettyDuration
return type to bestring
, use fallback value (#3438)
- Added
iconType
prop toEuiDatePicker
(#3383) - Applied
max-width: 100%
toEuiPageBody
so inner flex-based items don't overflow their containers (#3375) - Added
titleSize
prop toEuiStep
andEuiSteps
(#3340) - Handled
ref
passed toEuiHeaderSectionItemButton
(#3378) - Added
iconProps
prop toEuiCollapsibleNavGroup
to extend the props passed to the renderedEuiIcon
(#3365) - Added
closeButtonProps
toEuiCollapsibleNav
(#3398) - Added
buffer
prop toEuiPopover
for altering minimum distance to container edges (#3398) - Allowed
search
prop changes to updateEuiInMemoryTable
internal query state (#3371) - Added
EuiResizableContainer
component (#2701) - Added caching layer on
EuiIcon
to prevent delays and flickering when rendering an already fetched icon (#3404)
Bug Fixes
- Fixed
EuiFieldSearch
to triggeronSearch
single time instead of two times (#3425) - Fixed
EuiBasicTable
item selection whenid
is0
(#3417) - Fixed
EuiNavDrawer
not closing on outside click after being unlocked (#3415) - Fixed
EuiBadge
iconOnClick
props makes badge text clickable (#3392) - Added
id
requirement iflabel
is used inEuiRadio
(#3382) - Fixed z-index issue in
EuiDatePicker
where it's popover would sit beneath other DOM siblings that had z-index applied (#3376) - Added
download
glyph toEuiIcon
(#3364) - Applies
max-width: 100%
toEuiPageBody
so inner flex-based items don't overflow their containers (#3375) - Added
ReactElement
toEuiCard
image
prop type to allow custom component (#3370) - Fixed
EuiCollapsibleNavGroup
titleSize
prop type to properly excludel
andm
sizes (#3365) - Fixed
EuiDatePickerRange
start date popover to sit left under the icon (#3383) - Fixed
euiFormControlIsLoading
SASS mixin to prevent the loading icon from overlapping with the text when the form control iscompressed
and adjusted the amount of padding (#3401 - Fixed
EuiHeader
z-index
issues with popovers and added body classes for the presence ofEuiFlyout
andEuiCollapsibleNav.isOpen
(#3398) - Fixed
EuiInMemoryTable
data reset when filter is set and item is selected (#3419) - Fixed
popoverPlacement
default value forEuiDatePicker
(#3427)
- Removed additional padding applied to
$euiHeaderHeightCompensation
whenEuiHeader
is fixed (#3369)
Bug Fixes
- Fixed
EuiDescribedFormGroup
issue that prevented it from shrinking down properly in smaller viewports (#3369)
- Added
showCloseButton
anddockedBreakpoint
flexibility toEuiCollapsibleNav
(#3330) - Added
panelStyle
prop toEuiPopover
to distinguish style object configuration (#3329) - Added
popoverPlacement
prop inEuiDatePicker
(#3359) - Extended
EuiDatePicker
'sstartDate
andendDate
types to acceptnull
values for better interoperability (#3343) - Added
EuiCommentList
component (#3344) - Added secondary color value input element to
EuiColorPicker
(#3336)
Bug Fixes
- Fixed
EuiInMemoryTable
isClearable
property to initiate reset (#3328) - Removed
schema
attribute form<input/>
inEuiInMemoryTable
(#3337) - Fixed
EuiCollapsibleNav
docked states on mobile (#3330) - Fixed
EuiPopover
positioning from being overridden bystyle
prop (#3329) - Fixed
EuiCodeBlock
not copying updated content (#3351) - Fixed alignment of popover of end date of
EuiDatePickerRange
(#3359)
Breaking changes
- Upgraded
TypeScript
to 3.7.2 (#3295) - Changed
EuiCollapsibleNav
prop name fromhideButtonIfDocked
toshowButtonIfDocked
and flipped default (#3330)
- Converted
NavDrawer
,NavDrawerGroup
, andNavDrawerFlyout
to TypeScript (#3268) - Converted
EuiDatePicker
,EuiDatePickerRange
,EuiSuperDatePicker
, andEuiSuperUpdateButton
to TypeScript (#2891) - Improved condensed
EuiTabs
focus states (#3299) - Added
EuiTour
,EuiTourStep
, anduseEuiTour
components (#2766) - Added
EuiBeacon
component (#2766) - Added
offset
andarrowChildren
props toEuiPopover
for anchor element customization (#2766)
Bug Fixes
- Fixed
EuiProgress
max
property to allowundefined
(#3198)
- Added
forceState
prop to controlEuiAccordion
state from outside (#3240)
Bug Fixes
- Fixed EuiI8n hasPropName utility errors on null values (#3303)
- Fixed the inline styles being overwritten by consumer-passed inline styles in EuiBadge (#3284)
- Added support for
href
,onClick
, and related props inEuiBasicTable
default actions (#3115) - Added support for
EuiCodeEditor
to setreadonly
andid
on<textarea />
(#3212) - Added
EuiComment
component (#3179)
Deprecation
- Updated makeId to DEPRECATED, shifted all the calls to htmlIdGenerator (#3129)
Bug Fixes
- Fixed
EuiTabbedContent
focus discrepancy between selected and initialFocus tabs (#3285) - Fixed the
initialSelectedTab
prop ofEuiTabbedContent
to not steal focus from content. Which fixed the bug inEuiSuperDatePicker
that required two clicks to focus input in relative tab (#3154) - Fixed the
img
element inEuiIcon
using custom SVGs to have analt
attribute with an empty string, rather than noalt
attribute at all (#3245) - Added overflows to EuiDataGrid toolbar dropdowns when there are many columns (#3238)
- Fixed
EuiIcon
's icontype
definition to allow custom React components (#3252) - Fixed
initialSelectedTab
properties used inEuiDatePopoverContent
(#3254) - Fixed
EuiSideNavItem
overriding customclassName
of item and icon (#3283) - Fixed
EuiFieldSearch
clear button inconsistencies (#3270) - Fixed components with
href
usage ofrel
(#3258)
Note: this release is a backport containing changes originally made in 23.0.0
, 23.1.0
, and 23.2.0
- Removed additional padding applied to
$euiHeaderHeightCompensation
whenEuiHeader
is fixed (#3369) - Handled
ref
passed toEuiHeaderSectionItemButton
(#3378) - Added
showCloseButton
anddockedBreakpoint
flexibility toEuiCollapsibleNav
(#3330) - Added
closeButtonProps
toEuiCollapsibleNav
(#3398) - Added
buffer
prop toEuiPopover
for altering minimum distance to container edges (#3398)
Bug Fixes
- Fixed
EuiDescribedFormGroup
issue that prevented it from shrinking down properly in smaller viewports (#3369) - Fixed
EuiCollapsibleNav
docked states on mobile (#3330) - Fixed
EuiHeader
z-index
issues with popovers and added body classes for the presence ofEuiFlyout
andEuiCollapsibleNav.isOpen
(#3398)
Breaking changes
- Changed
EuiCollapsibleNav
prop name fromhideButtonIfDocked
toshowButtonIfDocked
and flipped default (#3330)
- Removed dependency on option list for custom option of
EuiComboBox
(#3183) - Fixed
EuiPopover
arrow position in Android and Linux (#3188) - Improved
htmlIdGenerator
when supplying bothprefix
andsuffix
(#3076) - Updated pagination prop descriptions for
EuiInMemoryTable
(#3142) - Added
title
andaria
attributes toEuiToken
's icon element (#3195) - Added new Elasticsearch token types (#2758)
Bug Fixes
- Fixed bug in
EuiAccordion
to adjust to the correct height when content height changes (#3160) - Fixed bug in
EuiBasicTable
to handle dynamic icon value properly in collapsed actions (#3145) - Fixed
availability
check for actions inEuiBasicTable
(3030)
- Improved
EuiModal
close button position to prevent from overlapping with the title (#3176)
Bug Fixes
- Removed outline of
EuiSelect
in Firefox ([#3197] (elastic#3197)) - Fixed EuiBasicTable proptypes of itemId (#3133)
- Updated
EuiSuperDatePicker
to inherit the selected value in quick select (#3105)
Feature: EuiCollapsibleNav (#3019)
- Added
EuiCollapsibleNav
andEuiCollapsibleNavGroup
components - Added
EuiPinnableListGroup
, an extension ofEuiListGroup
- Added
ghost
coloredEuiListGroupItem
, increased overall large size, and fixed focus states - Added
color
andsize
props toEuiListGroup
- Added
home
andmenu
glyphs toEuiIcon
- Added simple
euiXScroll
andeuiYScroll
SASS mixins and CSS utility equivalents
Bug Fixes
- Fixed
EuiAccordion
icon margins, focus state, and flex issue in IE - Fixed
1.1px
height ofEuiHorizontalRule
Bug Fixes
- Fixed infinite call stack in
EuiResizeObserver
's fallback polyfill (#3180) - Correct
defaultProps
definition inEuiComboBox
(#3180)
- Added
delimiter
prop toEuiComboBox
(#3104) - Added
useColorPickerState
anduseColorStopsState
utilities (#3067) - Fixed
EuiSearchBar
related types (#3147) - Added
prepend
andappend
ability toEuiSuperSelect
(#3167)
Bug Fixes
- Fixed
EuiNavDrawer
scrolling issue on mobile (#3174)
- Replaced various
lodash
functions with native functions (#3053) - Added
whiteSpace
prop toEuiCodeBlock
(#3103) - Added
sortMatchesBy
prop forEuiComboBox
(#3089) - Added
prepend
andappend
ability toEuiFieldPassword
(#3122) - Added
Enter
key press functionality toEuiSuperDatePicker
(#3048) - Added
title
to headers ofEuiTable
in case of truncation (#3094) - Added i18n to
EuiTableHeaderCell
(#3094) - Added
number
andstring
tosize
type ofEuiImage
for setting custom sizes (#3012) - Improved
EuiButtonEmpty
focus state when thecolor
type istext
(#3135) - Added
EuiLoadingElastic
component (#3017) - Upgraded
react-beautiful-dnd
to v13 (#3064) - Fixed
EuiPagination
vertical alignment of the text when used ascompressed
(#3152) - Added
showTooltip
prop forEuiSuperUpdateButton
to show tooltip and showing only once popovers are closed (#3127)
Bug Fixes
- Fixed bug in
EuiSuperDatePicker
not showing correct values in relative tab of end date (#3132) - Fixed bug in
EuiSuperDatePicker
to show correct values of commonly used values in relative tab (#3106) - Fixed race condition in
EuiIcon
when switching from dynamically fetched components (#3118) - Fixed the issue that
EuiResizeObserver
fallback did not properly listen to pure window resizing (#3088)
Breaking changes
- Removed
EuiKeyPadMenuItemButton
in favor of justEuiKeyPadMenuItem
that can also accept anonClick
(#3062)
- Updated
EuiFilterSelect
to retain the order of its filters (#3063) - Added
href
prop toEuiBadge
(#3009) - Added props descriptions for
EuiComboBox
(#3007) - Exported
dateFormatAliases
as a part of the public API (#3043) - Exported
EuiTextProps
type definition (#3039) - Added a
component
prop toEuiForm
to render a<form>
(#3010) - Removed
role
attribute fromEuiImage
(#3036) - Added
prepend
andappend
ability toEuiComboBox
single selection only (#3003) - Added
onColumnResize
prop toEuiDataGrid
of typeEuiDataGridOnColumnResizeHandler
that gets called when column changes it's size (#2963) - Added
logoEnterpriseSearch
toEuiIcon
(#3066) - Added RGB format support to
EuiColorPicker
andEuiColorStops
(#2850) - Added alpha channel (opacity) support to
EuiColorPicker
andEuiColorStops
(#2850) - Added
useResizeObserver
hook (#2991) - Added
showColumnSelector.allowHide
andshowColumnSelector.allowReorder
props toEuiDataGrid
UI configuration (#2993) - Added
EuiMark
component (#3060) - Changed
tabs.name
prop shape inEuiTabbedContent
to accept anode
, which aligns it withEuiTab
(#3100)
Bug Fixes
- Fixed
EuiFieldNumber
so values of typenumber
are now allowed (#3020) - Fixed SASS
contrastRatio()
function in dark mode by fixing thepow()
math function ([#3013], (elastic#3013)) - Fixed bug preventing
EuiDataGrid
from re-evaluating the default column width on resize (#2991) - Fixed padding in
EuiCallOut
when used as abanner
forEuiFlyout
(#3098)
Bug Fixes
- Made
EuiDataGrid
'sschema.isSortable
value optional (#2991)
- Added
EuiDataGrid
's default sort order property (#2987) - Fixed
EuiDataGrid
's pagination visibility when changing rows per page (#2978) - Added
highlightAll
prop toEuiHighlight
to highlight all matches (#2957) - Added
showOnFocus
prop toEuiScreenReaderOnly
to force display on keyboard focus (#2976) - Added
EuiSkipLink
component (#2976) - Created
EuiBadgeGroup
component (#2921) - Added
sections
andposition
props toEuiHeader
(#2928) - Added
gutterSize
prop toEuiListGroup
(#2980) - Added
color
prop toEuiListGroupItem
and updated size style (#2980) - Added
enableAllColumns
toEuiBasicTable
component (#2906)
Bug Fixes
- Fixed
EuiDataGrid
's sort popover to behave properly on mobile screens (#2979) - Fixed
EuiButton
and other textual components' disabled contrast (#2874) - Fixed z-index conflict with cell popovers in
EuiDataGrid
while in full screen mode (#2959) - Adjusted the header on
EuiDataGrid
to fix to the top within constrained containers and full screen mode (#2959) - Refactored
EuiDescribedFormGroup
to allow the content inside theEuiTitle
to be accessible to screen reader users (#2989)
Breaking changes
- Updated
@types/react
and@types/react-dom
to utilize React.RefCallback type instead of custom implementation (#2929)
Theme: Amsterdam
- Buttons have a new visual style (#2874)
- Added
theme
prop toEuiCodeEditor
in support ofAceEditor
themes (#2970) EuiButton
now has a single return statement (#2954)- Added
isSortable
props toEuiDataGridColumn
andEuiDataGridSchemaDetector
to mark them as un-sortable (#2952) - Converted
EuiForm
to TypeScript, added many missing/form
Prop types (#2896) - Empty table th elements replaced with td in
EuiTable
. (#2934) - Added default prompt text to
aria-describedby
forEuiFilePicker
(#2919) - Added SASS variables for text variants of the primary palette
$euiColorPrimaryText
,$euiColorSecondaryText
, etc... Updated components to use these new variables. (#2873) - Updated SASS mixin
makeHighContrastColor()
to default$background: $euiPageBackgroundColor
and$ratio: 4.5
. CreatedmakeGraphicContrastColor()
for graphic specific contrast levels of 3.0. (#2873) - Added
arrowDisplay
prop toEuiAccordion
for changing side or hiding completely (#2914) - Added
prepend
andappend
ability toEuiFieldSearch
(#2914) - Added
notification
andnotificationColor
props toEuiHeaderSectionItemButton
(#2914) - Added
folderCheck
,folderExclamation
,push
,quote
,reporter
andusers
icons (#2935) - Updated
folderClosed
andfolderOpen
to match new additions and sit better on the pixel grid (#2935) - Converted
EuiSearchBar
to Typescript (#2909)
Bug fixes
- Fixed
EuiDataGrid
breaking if invalid schema passed (#2955) - Fixed
EuiTitle
not rendering child classes (#2925) - Extended
div
element inEuiFlyout
type (#2914) - Fixed popover positioning service to be more lenient when positioning 0-width or 0-height content (#2948)
Theme: Amsterdam
- Text sizes are now based on a 14px base font size. Headings are now bold. (#2936)
- Altered
secondary
,accent
colors to be more saturated (#2873)
Bug fixes
- Fixed type definitions for
EuiComboBox
(#2971)
Bug fixes
- Added TypeScript definition for
EuiCodeEditor
's acceptingreact-ace
props (#2926) - Added
@types/react-input-autosize
to project'sdependencies
(#2930)
- Converted
EuiComboBox
,EuiComboBoxInput
,EuiComboBoxPill
,EuiComboBoxOptionsList
,EuiComboBoxOption
, andEuiComboBoxTitle
to TypeScript (#2838) - Converted
EuiCodeEditor
to TypeScript (#2836) - Converted
EuiCode
andEuiCodeBlock
and to TypeScript (#2835) - Converted
EuiFilePicker
to TypeScript (#2832) - Exported
EuiSelectOptionProps
type (#2830) - Added
paperClip
glyph toEuiIcon
(#2845) - Added
banner
prop toEuiFlyoutBody
and updatedeuiOverflowShadow
mixin (#2837) - Updated
editorLink
icon (#2866) - Added control columns to
EuiDataGrid
to support non-data columns like row selection and actions (#2846) - Added
image
glyph toEuiIcon
(#2870) - Exported TS props from top level
EuiListGroupProps
,EuiListGroupItemProps
,EuiSelectableProps
,EuiSelectableOption
,EuiSelectableOptionsListProps
(#2869) - Extending
EuiSelectable[options]
type with correct HTML element (#2869) - Added check mark to single selection
EuiComboBox
(#2890) - Added
logoGoogleG
third-party logo toEuiIcon
(#2853) - Added Jest
modulesNameMapper
alias forEuiIcon
using test environment mock (#2878) - Removed
sinon
and@types/sinon
as dependencies, and converted usages tojest.fn
(#2885)
Bug fixes
- Fixed building dev & docs on Windows (#2847)
- Fixed screen reader discovery issues with
EuiBottomBar
andEuiControlBar
(#2861) - Fixed a bug in
EuiDataGrid
causing the first cell to autofocus if interactive (#2872)
Breaking changes
- Removed
visControls
andvisHeatmap
duplicate icons from docs (#2908)
- Added
cheer
glyph toEuiIcon
(#2814) - Added
tableCaption
prop toEuiBasicTable
and improved the default one (#2782) - Converted
EuiDescribedFormGroup
to TypeScript (#2810) - Changed SASS comments to non-compiled comments in invisibles files (#2807)
- Optimized the third party logos Ceph, DropWizard, Golang, and Haproxy (#2812)
- Added
rowHeader
prop toEuiBasicTable
to allow consumers to set the identifying cell in a row (#2802) - Added prepend and append to
EuiColorPicker
(#2819) - Improved
EuiDescribedFormGroup
accessibility by avoiding duplicated output in screen readers (#2783) - Added optional
key
attribute toEuiContextMenu
items and relaxedname
attribute to allow any React node (#2817) - Converted
EuiColorPicker
color conversion functions tochroma-js
methods (#2805) - Added
direction
parameter toeuiPaletteColorBlind()
for specifying lighter or darker (or both) alternates (#2822) - Converted
EuiSideNav
to TypeScript (#2818) - Added babel-transformed and partially mocked commonjs build (
test-env/
) to target Kibana's Jest environment (#2698) - Altered styles of
EuiToken
and add added more token types to match ES field types oftokenAlias
,tokenDate
,tokenGeo
,tokenIP
,tokenNested
,tokenRange
,tokenShape
(#2758)
Bug fixes
- Exported missing
EuiSelectProps
type (#2815) - Fixed
EuiCode
's &EuiCodeBlock
's ability to accept non-string children (#2792) (#2820) - Fixed
EuiSearchBar
,Query
, andAST
's ability to accept literal parenthesis characters (#2791) - Fixed coloring of input fields when autofill is on in Chrome (#2798)
- Moved
@types/enzyme
and@types/react-virtualized
todependencies
status (#2828) - Removed
@elastic/charts
from inclusion ineui.d.ts
output (#2828)
Breaking changes
- Removed
idAria
prop fromEuiDescribedFormGroup
(#2783) - Removed
EuiToken
'shideBorder
anddisplayOptions
prop for applyingcolor
,shape
, andfill
props directly. Changedfill
prop type fromboolean
tolight | dark | none
. (#2758)
- Converted
EuiModal
andEuiConfirmModal
to TypeScript (#2742) - Converted
EuiTabs
to TypeScript (#2717) - Converted
EuiFormRow
to TypeScript (#2712) - Updated
logoAPM
,logoSecurity
andlogoEnterpriseSearch
. AddedlogoWorkplaceSearch
andlogoObservability
(#2769) - Converted
EuiFilterButton
to TypeScript (#2761) - Converted
EuiFilterSelectItem
to TypeScript (#2761) - Converted
EuiFieldSearch
to TypeScript (#2775) - Added
data-test-subj
to theEuiContextMenuItem
inEuiTablePagination
(#2778) - Improved
EuiIcon
a11y by using atitle
andaria-labelledby
(#2786) - Improved compressed
EuiPagination
by including active and last page numbers (#2779) - Converted
EuiSuperSelect
to TypeScript (#2776)
Bug fixes
- Increased column width on
EuiTableHeaderCellCheckbox
to preventEuiCheckbox
's focus ring from getting clipped inEuiBasicTable
(#2770) - Fixed the display of
EuiButton
withinEuiControlBar
whenfill={true}
to be more consistent with other buttons (#2781) - Fixed
EuiFormControlLayout
from overwriting className forprepend
nodes. (#2796) - Fixed
useRenderToText
andEuiButtonToggle
from attempting state updates on unmounted components (#2797) - Refactored function and hook instantiation to fix drag action sluggishness in
EuiColorStops
(#2557)
Deprecations
EuiIcon
'slogoEnterpriseSearch
type deprecated in favor oflogoWorkplaceSearch
EuiIcon
'slogoAPM
type deprecated in favor oflogoObservability
Note: this release is a backport containing changes originally made in 18.3.0
- Updated
logoAPM
,logoSecurity
andlogoEnterpriseSearch
. AddedlogoWorkplaceSearch
andlogoObservability
(#2769)
Bug fixes
- Fixed
useRenderToText
andEuiButtonToggle
from attempting state updates on unmounted components (#2797)
Deprecations
EuiIcon
'slogoEnterpriseSearch
type deprecated in favor oflogoWorkplaceSearch
EuiIcon
'slogoAPM
type deprecated in favor oflogoObservability
Bug fixes
- Fixed
EuiFieldSearch
's trigger ofonChange
when clearing the field value (#2764)
- Added
recentlyViewedApp
app icon toEuiIcon
(#2755)
Bug fixes
- Fixed
EuiBasicTable
&EuiInMemoryTable
to not un- and re-mount rows when togglingloading
prop (#2754)
- Lightened
EuiBadge
hollow border color in dark mode (#2746) - Added
minInputProps
andmaxInputProps
to supply more props to the inputs ofEuiDualRange
(#2738) - Changed
EuiBadge
to use EUI palette colors (#2455) - Darkened a few
euiPaletteColorBlind
colors (#2455) - Fixed bug in
EuiCard
where button text was not properly aligned (#2741) - Converted
EuiRange
to TypeScript (#2732) - Converted
EuiDualRange
to TypeScript (#2732) - Converted
EuiRangeInput
to TypeScript (#2732) - Added
bellSlash
glyph toEuiIcon
(#2714) - Added
legend
prop toEuiCheckboxGroup
andEuiRadioGroup
to addEuiFieldset
wrappers for title the groups (#2739) - Changed
EuiNavDrawerFlyout
to close after child nav items are clicked (#2749) - Changed
EuiNavDrawerFlyout
to trap focus while navigating via keyboard (#2749) - Created a
euiPaletteColorBlindBehindText
variant of the color blind palette (#2750) - Improved focus state of
EuiSwitch
,EuiCheckbox
,EuiRadio
andEuiRange
(#2745)
Bug fixes
- Changed
EuiRadio
andEuiCheckbox
labels to beinline-block
(#2739) - Fixed
EuiCheckboxGroup
'soptions
type to fully extend theEuiCheckbox
type (#2739)
- Converted
EuiFieldText
to Typescript (#2688) - Added
nested
glyph toEuiIcon
(#2707) - Added
tableLayout
prop toEuiTable
,EuiBasicTable
andEuiInMemoryTable
to provide the option of auto layout (#2697) - Converted
EuiSuggest
to Typescript (#2692) - Converted
EuiErrorBoundary
to Typescript (#2690) - Updated
EuiNavDrawer
to accept React fragments (#2710) - Added
EuiFormFieldset
andEuiFormLegend
components (#2706) - Adjusted colors of color blind viz palette (#2686)
- Converted
EuiSelect
to Typescript (#2694) - Added
aggregate
,pageSelect
,pagesSelect
,securitySignal
,securitySignalDetected
,securitySignalResolved
andtimeline
icons (#2704) - Added
useDependentState
custom hook (#2725) - Added
isClearable
prop toEuiFieldSearch
(#2723)
Bug fixes
- Fixed
isExpanded
property of nodes fromEuiTreeView
(#2700) - Added text selection to
EuiLink
button (#2722) - Fixed bug in
EuiDataGrid
where resizing columns changed the active DOM element (#2724) - Fixed position of scrollbar in
EuiCodeBlock
(#2727) - Fixed bug in
EuiDataGrid
that prevented the "Hide fields" popover from showing an updated column list (#2725)
Breaking changes
- Changed accepted properties of the
color_palette
method to accept an array of colors (#2686) - Removed the
palette
export to export each palette function directly (#2686) - Changed the palette functions to be methods that accept a number of steps and removed
.colors
key (#2686)
Bug fixes
- Fixed TS types and exports for
EuiTextArea
andEuiFieldNumber
(#2703)
- Converted
EuiFieldNumber
to Typescript (#2685) - Converted
EuiFieldPassword
to Typescript (#2683) - Converted
EuiHighlight
to Typescript (#2681) - Added
data-test-subj
property to theEuiCodeEditor
component (#2689) - Converted
EuiTextArea
to Typescript (#2695) - Converted
EuiPage
and related child components to TypeScript (#2669) - Added
annotation
glyph (#2691) - Added
initialWidth
andisResizable
configurations toEuiDataGrid
's columns (#2696)
Bug fixes
- Reverted removal of
toggleOpen
method fromEuiNavDrawer
(#2682) - Improved
EuiDataGrid
update performance (#2676) - Fixed
EuiDatagrid
header top border when configured to have no toolbar (#2619)
Bug fixes
- Changed package.json version to match sure our build scripts release the correct sequential number (#2674)
NOTE: This release came out of order due to a release script error. It actually came after 17.2.0 and can be ignored in favor of 17.2.1
- Reverted docs changes in
17.2.0
that caused the build script to die (#2672)
Bug fixes
- Removed TypeScript definitions in
*.test.tsx?
files from eui.d.ts (#2673)
NOTE: This release had an error in our documentation layer. Use 17.2.1 instead
- Improved a11y of
EuiNavDrawer
lock button state viaaria-pressed
(#2643) - Added new stylesheets for the EUI Amsterdam theme (#2633)
- Added exports for available types related to
EuiDataGrid
(#2640)
Bug fixes
- Improved
EuiDataGrid
update performance (#2638) - Fixed
EuiDroppable
not accepting multiple children when using TypeScript (#2634) - Fixed
EuiComboBox
from submitting parentform
element when selecting options viaEnter
key (#2642) - Fixed
EuiNavDrawer
expand button from losing focus after click (#2643) - Fixed instances of potentially duplicate
EuiPopover
id
attributes (#2667)
Bug fixes
- Fixed
EuiCodeEditor
custom mode file error by initializing with existing mode (#2616) - Removed
EuiIcon
default titles (#2632)
Bug fixes
- Fixed screenreader text in
EuiTreeView
and added truncation (#2627)
- Added an optional
key
property inside theoptions
prop inEuiSelectableList
component (#2608) - Added
toolbarAdditionalControls
prop toEuiDataGrid
to allow for custom buttons in the toolbar (#2594) - Added TypeScript definitions for
EuiBasicTable
,EuiInMemoryTable
, and related components (#2428) - Updated
logoSecurity
andappSecurityAnalytics
icons (#2613) - Added support for
.gif
base64 images in the webpack.config
Bug fixes
- Fixed UX/focus bug in
EuiDataGrid
when using keyboard shortcuts to paginate (#2602) - Fixed
EuiIcon
accessibility by adding atitle
prop and a defaultaria-label
(#2554) - Fixed
EuiDataGrid
's in-memory sorting of numeric columns when the cell data contains multiple digit groups (#2603) - Improved pagination in
EuiBasicTable
.paginationBar
is hidden when there is no data andEuiPagination
is displayed even when there is only one page (#2598) - Fixed react-dom warning when
EuiPopover
was unmounted before calls to setState (#2614)
Breaking changes
- Moved any shared component-level Sass variables and mixins into the
global_styling
directory (#2551) - Reworked
euiPanel()
mixin to require the entirety of a selector (i.e. require the '.' in addition to the string) (#2551) - Updated React peerDependencies to version 16.12 (#2571)
- Changed to generated
id
value forEuiFormRow
to ensure uniqueness (#2588)
Bug fixes
- Fixed label wrapping of
EuiSwitch
(#2585) - Replaced
<p>
tag surrounding the label with a<span>
tag inEuiSwitch
to fix any inherited margin (#2585) - Added the same padding from
EuiSelectableListItem
to the heading to fix alignment (#2585) - Added exports for
EuiCheckboxType
,EuiCheckboxGroupOption
, andEuiCheckboxGroupIdToSelectedMap
types (#2593) - Fixed
.euiHeaderLinks__mobileList
inEuiHeaderLinks
to only display it on mobile (#2590) - Fixed
EuiAccordion
icon rotation when it is a child of another accordion so it doesn't inherit the rotation state of the parent (#2595)
- Added
EuiCheckableCard
component, for radio buttons or checkboxes with complex child content (#2555) - Updated
EuiCheckbox
andEuiCheckboxGroup
to TypeScript (#2555)
Bug fixes
- Fixed
EuiSwitch
clicking on disabled label (#2575) - Fixed
EuiComboBox
options list closing when clicking outside the component after scrolling (#2589)
- Updated compressed styles for
EuiButtonGroup
to include a background color (#2568) - Added
heading
prop toEuiCallOut
to allow for variance in the title tag (#2357) - Added
badge
prop and new stylesEuiHeaderAlert
(#2506) - Added new keyboard shortcuts for the data grid component:
Home
(same row, first column),End
(same row, last column),Ctrl+Home
(first row, first column),Ctrl+End
(last row, last column),Page Up
(next page) andPage Down
(previous page) (#2519) - Added
disabled
prop to theEuiCheckboxGroup
definition (#2545) - Added
disabled
option to theoption
attribute of theoptions
object that is passed to theEuiCheckboxGroup
so that checkboxes in a group can be individually disabled (#2548) - Added
EuiAspectRatio
component that allows for responsively resizing embeds (#2535) - Added
display
andtitleSize
props toEuiCard
(#2566) - Added
accessibility
glyph toEuiIcon
(#2566)
Bug fixes
- Fixed
EuiDataGrid
schema detection on already defined column schemas (#2550) - Added
euiTextBreakWord()
toEuiToast
header (#2549) - Fixed
.eui-textBreakAll
on Firefox (#2549) - Fixed
EuiBetaBadge
accessibility withtab-index=0
(#2559) - Improved
EuiIcon
loading performance (#2565)
Bug fixes
EuiSwitch
now passesname
attribute into underlyingbutton
(#2533)
- Made
EuiCard
more accessible (#2521) - Added ability to pass
children
toEuiCard
(#2521) - Replaced root element in
EuiFlyout
, switching fromspan
toFragment
(#2527) - Upgraded
react-virtualized
to9.21.2
(#2531)
Bug fixes
- Added support for
timeFormat
formatting inEuiSuperDatePicker
and fixed some formatting inconsistencies (#2518) - Added support for
locale
inEuiSuperDatePicker
andEuiDatePicker
both as a prop and fromEuiContext
(#2518)
Breaking changes
- Removed
EuiCardGraphic
(#2521)
Bug fixes
- Fixed
EuiButton
disabled text color (#2534) - Created
.euiTableCaption
withposition: relative
to avoid double border under header row (#2484) - Fixed
EuiSwitch
to usearia-labelledby
(#2522) - Fixed
EuiPanelProps
type definition (#2516)
Breaking changes
- Added
display
modifier toEuiShowFor
(#2503) - Updated minimum TypeScript version to 3.5.3 (#2510)
- Removed
Omit
type in favor of TypeScript's built-in (#2510)
- Added new
euiControlBar
component for bottom-of-screen navigational elements. (#2204) - Converted
EuiFlyout
to TypeScript (#2500) - Added an animation to the arrow on
EuiAccordion
as it opens / closes (#2507) - Upgraded
react-input-autosize
to2.2.2
(#2514)
Bug fixes
- Simplified
EuiColorStops
popover toggling (#2505)
- Added new
euiTreeView
component for rendering recursive objects such as folder structures. (#2409) - Added
euiXScrollWithShadows()
mixin and.eui-xScrollWithShadows
utility class (#2458) - Fixed
EuiColorStops
where empty string values would cause range min or max to be NaN (#2496) - Improved
EuiSwitch
a11y by aligning to aria roles (#2491) - Converted
EuiSwitch
to TypeScript (#2491) - Added an accessible label-less
EuiSwitch
variation (#2491)
Bug fixes
- Normalized button
moz-focus-inner
(#2445) - Fixed typo to correct
aria-modal
attribute inEuiPopover
(#2488) - Fixed position of
EuiCodeBlock
controls and added more tests (#2459) - Changed
EuiCodeBlock
so thatoverflowHeight
now applies amaxHeight
instead of aheight
on the block (#2487) - Fixed potentially inconsistent state update (#2481)
- Fixed
EuiSwitch
form behavior by adding a default buttontype
of 'button' (#2491)
EuiButtonGroup
andEuiButtonToggle
now acceptReactNode
for their label prop instead of string (#2392)- Added
useRenderToText
toinner_text
service suite to renderReactNode
s into label text (#2392) - Added icons
tableDensityExpanded
,tableDensityCompact
,tableDensityNormal
toEuiIcon
(#2230) - Added
!important
to the animation ofEuiFocusRing
animation to make sure it is always used (#2230) - Added
expandMini
icon toEuiIcon
(#2207) - Changed
EuiPopover
to userole="dialog"
for better screen-reader announcements (#2207) - Added function callback
onTrapDeactivation
toEuiPopover
for when a focus trap is deactivated (#2366) - Added logic for rendering of focus around
EuiPopover
to counteract a race condition (#2366) - Added
EuiDataGrid
(#2165)
Bug fixes
- Corrected
lockProps
passdown inEuiFocusTrap
, specifically to allowsstyle
to be passed down. (#2230) - Changed
children
property onI18nTokensShape
type from a singleReactChild
to now accept anarray
(#2230) - Adjusted the color of
$euiColorHighlight
in dark mode (#2176) - Changed
EuiPopoverFooter
padding to uniformly adjust with the size of the popover (#2207) - Fixed
isDragDisabled
prop usage inEuiDraggable
(#2207) - Fixed
EuiMutationObserver
's handling ofonMutation
when that prop's value changes (#2421)
- Converted
EuiRadio
andEuiRadioGroup
to TypeScript (#2438) - Improved a11y in
EuiImage
(#2447) - Made EuiIcon a PureComponent, to speed up React re-render performance (#2448)
- Added ability for
EuiColorStops
to accept user-defined range bounds (#2396) - Added
external
prop toEuiLink
(#2442) - Added disabled state to
EuiBadge
(#2440) - Changed
EuiLink
to appear non interactive when passed thedisabled
prop and anonClick
handler (#2423) - Added
minimize
glyph toEuiIcon
(#2457)
Bug fixes
- Re-enabled
width
property forEuiTable
cell components (#2452) - Fixed
EuiNavDrawer
collapse/expand button height issue (#2463)
- Added new updated
infraApp
andlogsApp
icons. (#2430)
Bug fixes
- Fixed missing misc. button and link type definition exports (#2434)
- Strip custom semantics from
EuiSideNav
(#2429)
Note: this release is a backport containing changes originally made in 14.6.0
and 14.7.0
- Added new updated
infraApp
andlogsApp
icons. (#2430) - Made EuiIcon a PureComponent, to speed up React re-render performance (#2448)
Bug fixes
- Fixed
EuiNavDrawer
collapse/expand button height issue (#2463)
- Update Elastic-Charts to version 13.0.0 and updated the theme object accordingly (#2381)
- Added new
EuiColorStops
component (#2360) - Added
currency
glyph to 'EuiIcon' (#2398) - Migrate
EuiBreadcrumbs
,EuiHeader
etc, andEuiLink
to TypeScript (#2391) - Added
hasChildLabel
prop toEuiFormRow
to avoid duplicate labels (#2411) - Added
component
prop toEuiPageBody
, switching the default fromdiv
tomain
(#2410) - Added focus state to
EuiListGroupItem
(#2406) - Added
keyboardShortcut
glyph to 'EuiIcon (#2413) - Improved a11y in
EuiNavDrawer
(#2417) - Improved a11y in
EuiSuperDatePicker
(#2426)
Bug fixes
- Fixed
EuiSelectable
to accept programmatic updates to itsoptions
prop (#2390) - Fixed poor labeling in
EuiSuperDatePicker
(#2411) - Fixed
EuiCodeEditor
's ID to be dynamic between renders (#2411) - Fixed
EuiCodeEditor
to not render multiple labels for some inputs (#2411) - Fixed
EuiBreadcrumbs
improper use ofuseInnerText
hook (#2425)
- Migrate
EuiEmptyPrompt
andEuiCard
to TS (#2387) - Added Lens app
lensApp
icon (#2389) - Made
EuiKeyPadMenuItem
beta badge smaller (#2388)
- Added
package
icon to glyph set (#2378) - Modified
EuiFacetButton
to use$euiFocusBackgroundColor
for:focus
state (2365) - Added a
showMaxPopover
option forEuiBreadcrumbs
to display all items when amax
is set. (#2342) - Added
data-test-subj
support for basic and in-memory tables' actions (#2353) - Added
ip
icon to glyph set (#2371) - Set
textOnly={true}
for expanded rows inEuiBasicTable
(#2376) - Added
visAreaStacked
,visBarVerticalStacked
, andvisBarHorizontalStacked
icons to glyph set (#2379) - Adjusted style of beta badge on
EuiKeyPadMenuItem
(#2375) - Migrate
EuiFacetGroup
,EuiKeyPadMenu
andEuiCallOut
to TS (#2382)
Bug fixes
- Fixed spacing of
EuiFormErrorText
to matchEuiFormHelpText
(#2354) - Fixed bug in
EuiPopover
where Array.prototype.slice() may have been called on 'undefined' (#2369) - Properly exported
copy
,move
, andreorder
drag-and-drop service methods (#2377)
- Added
compressed
option tobuttonSize
prop of EuiButtonGroup (#2343) - Added disabled states to
EuiCard
,EuiKeyPadMenuItem
andEuiKeyPadMenuItemButton
(#2333) - Added missing
compressed
TS definitions toEuiComboBox
,EuiCheckboxGroup
,EuiCheckbox
,EuiFieldSearch
,EuiRadioGroup
,EuiSwitch
(#2338) - Added auto-margin between
EuiFormRow
andEuiButton
(#2338) - Added border to
[readOnly]
inputs (#2338)
Bug fixes
- Fixed
onChange
TS defs for EuiRange (#2349) - Fixed default z-index of
EuiPopover
(#2341) - Fixed styling for
prepend
andappend
nodes that may be popovers or tooltips (#2338)
Bug fixes
- Fixed accidental removal of Elastic Charts from dependencies (#2348)
- Created
EuiSuggest
component (#2270) - Added missing
compressed
styling toEuiSwitch
(#2327) - Migrate
EuiBottomBar
,EuiHealth
andEuiImage
to TS (#2328) - Added hover and focus states when
allowFullScreen
is true inEuiImage
(#2287) - Converted
EuiColorPicker
to TypeScript (#2340) - Added inline rendering option to
EuiColorPicker
(#2340)
Feature: Compressed Form Controls (#2167)
-
Altered the look of
compressed
form controls to look more subtle -
Created
EuiFormControlLayoutDelimited
for dual inputs indicating a range -
Added compressed and column style layouts to
EuiFormRow
viadisplay
prop -
Reduced overall height of
compressed
EuiRange
andEuiDualRange
-
Added
showInput = 'inputWithPopover'
option forcompressed
EuiRange
andEuiDualRange
to display the slider in a popover -
Made all inputs in the
EuiSuperDatePicker
popovercompressed
-
Added
controlOnly
prop toEuiFieldText
andEuiFieldNumber
-
Allow
style
prop to be passed down inEuiColorPickerSwatch
-
EuiFilePicker
now hasdefault
andlarge
display sizes that both havecompressed
alternatives -
Allow strings to be passed as
append
/prepend
props and added a11y support -
Added a max height with overflow to
EuiSuperSelect
Bug fixes
- Fixed
EuiColorPicker
padding on right to accommodate down caret - Fixed sizings of
EuiComboBox
and pills - Fixed truncation on
EuiContextMenuItem
- Fixed style of more
append
/prepend
options ofEuiFormControlLayout
Deprecations
EuiFormRow
'scompressed
prop deprecated in favor ofdisplay: rowCompressed
EuiFormRow
'sdisplayOnly
prop deprecated in favor ofdisplay: center
Breaking changes
- SASS mixin
euiTextOverflowWrap()
has been removed in favor ofeuiTextBreakWord()
EuiFormLabel
no longer has a bottom marginEuiFormRow
no longer has bottom padding, nor does it add margin to any+ *
siblings only siblingEuiFormRow
s
Bug fixes
- Corrected
EuiCodeBlock
's proptype forchildren
to be string or array of strings. (#2324) - Fixed
onClick
TypeScript definition forEuiPanel
(#2330) - Fixed
EuiComboBox
list reopening after closing on option selection in IE11 (#2326)
Bug fixes
- Updated TS def for
EuiFilterSelect
(#2291) - Fixed alignment of icons and label in
EuiSideNavItem
(#2297) - Fixed logic in
EuiContextMenu
to account for index of0
(#2304)
- Added href prop to
EuiTab
and converted to TypeScript (#2275) - Created
EuiInputPopover
component (formally) (#2269) - Added docs for using Elastic Charts with EUI (#2209)
- Improved fix for
EuiSuperDatePicker
to updateasyncInterval.isStopped
on aisPaused
prop change. (#2298)
Bug fixes
- Removed extra right side margin in
EuiSuperDatePicker
(#2236) - Fixed incorrect
onClick
type forEuiButtonEmpty
(#2282) - Fixed compilation script to remove all TypeScript definition exports from built JS assets (#2279)
- Fixed output extension for
dist
charts theme module (#2294)
- Allow
EuiFlexGroup
to accept aref
(#2223)
Bug fixes
- Fixed
EuiSuperDatePicker
to updateasyncInterval.isStopped
on aisPaused
prop change. (#2250) - Converted table, popover, buttons, pagination, outside click detector, focus trap, context menu, and panel to TypeScript (#2212)
- Fixed
EuiStat
invalid DOM nesting due to a<p>
tag nested within another<p>
tag (#2229) - Fixed title text of dock/undock icon in
EuiNavDrawer
(#2261)
Reverts
- Revert conversion of
EuiSwitch
tobutton[role=switch]
and TypeScript (#2255)
Note: this release is a backport containing changes originally made in 13.7.0
Bug fixes
- Fixed title text of dock/undock icon in
EuiNavDrawer
(#2261)
Note: this contains a reversion backported for targeted release
- Revert conversion of
EuiSwitch
tobutton[role=switch]
and TypeScript (#2255)
Note: this contains component code that was reverted in the next release. Use 13.6.0
instead
- Fixed
logoCloudEnterprise
,logoLogging
, andlogoSecurity
SVGs inEuiIcon
to be center aligned (#2246) - Added locking behavior of
EuiNavDrawer
expanded state including the following propsisLocked
,onIsLockedUpdate
(#2247)
Note: this contains component code that was later reverted. Use 13.6.0
instead
- Converted
EuiSwitch
to TypeScript (#2243)
Bug fixes
- Added missing
viewBox
attribute to Docker, Kubernetes, and Redis logos (#2240)
Note: this contains component code that was later reverted. Use 13.6.0
instead
- Converted
EuiFacetButton
to TypeScript (#2226) - Added an optional
onClear
prop to the theEuiDatePicker
component (#2235) - Added support for
onClick
andhref
props onEuiListGroupItem
and converted to TypeScript (#1933)
Bug fixes
- Fixed
EuiSwitch
semantics to align with aria roles (#2193) - Removed Firefox's focus ring to match other browsers (#2193)
- Added missing
onChange
TS defs for EuiRange (#2211) - Fixed
EuiBadge
text cursor to default pointer (#2234) - Fixed
EuiPageContent
className prop to allow the passed-in className to take cascade precedence over classes generated by the component (#2237)
- Added i18n tokens to
EuiSuperDatePicker
andEuiSuperUpdateButton
- Converted
EuiStep
,EuiSteps
,EuiStepHorizontal
,EuiStepsHorizontal
, andEuiSubSteps
to Typescript (#2186)
Bug fixes
- Fixed
EuiBadge
truncation and auto-appliedtitle
attribute withinnerText
(#2190) - Remove exported TypeScript type and interface exports from built artifacts when they originate from
node_modules
(#2191) - Fixed
EuiBadge
truncation in IE and for the global filters pattern (#2194) - Fixed alignment of long titles in
EuiStep
(#2186) - Fixed the TS defs for EuiFilterSelectItem (#2192)
- Added missing TS defs for EuiTextArea (#2201)
Bug fixes
- Fixed
EuiMutationObserver
errors in IE11 by conditionally setting theattributes
observer option according to the new spec (#2180) - Fixed error message when an I18n mapping is a formatting function with no values provided. (#2182)
- Added
partial
glyph toEuiIcon
(#2152) - Added
tall
,fullWidth
, andisInvalid
props toEuiFilePicker
(#2145) - Added exports for
react-beautiful-dnd
interfaces used by EUI components (#2173) - Added
isDisabled
prop & styles toEuiSuperDatePicker
(#2139) - Added
responsiveColumn
option totype
prop ofEuiDescriptionList
(#2166) - Removed
<use>
and<def>
from svg icons (#2162)
Bug fixes
- Fixed invalid
aria-describedby
values set byEuiToolTip
(#2156) - Added
"center"
as an acceptable value toEuiBasicTable
'salign
proptype (#2158) - Fixed
.eui-textBreakWord
utility class to be cross-browser compatible (#2157) - Fixed truncation and z-index of
EuiFilePicker
(#2145) - Fixed
EuiNavDrawer
's support for flyout groups in production/minified builds (#2178) - Fixed width overflow of
EuiModal
(#2164)
- Added
EuiSuggestItem
component (#2090) - Added support for negated or clauses to
EuiSearchBar
(#2140) - Added
transition
utility services to help create timeouts that account for CSS transition durations and delays (#2136) - Removed
EuiFlexGroup
dependency fromEuiAccordion
(#2143) - Exported
prettyDuration
andcommonDurationRanges
for pretty printing date ranges outsideEuiSuperDatePicker
(#2132)
Bug fixes
- Fixed
EuiComboBox
's padding on the right (#2135) - Fixed
EuiAccordion
to correctly account for changing computed height of child elements (#2136) - Fixed some
EuiFlyout
sizing (#2125)
Breaking changes
- Removed
EuiSeriesChart
and related components. Please look to Elastic Charts for a replacement. (#2135) - Removed
eui_k6_theme
related Sass and JSON files (#2135) - Removed no longer used Sass mixins and variables in
EuiForm
,EuiCallOut
, andEuiRange
components (#2135)
- Centered the square of the
popout
glyph in the artboard (#2120) - Added
useInnerText
andEuiInnerText
component utilities for retrieving text content of elements (#2100) - Converted
EuiRangeHighlight
,EuiRangeLabel
,EuiRangeLevels
,EuiRangeSlider
,EuiRangeThumb
,EuiRangeTicks
,EuiRangeTrack
, andEuiRangeWrapper
to TypeScript (#2124) - Converted
EuiAccordion
to TypeScript (#2128)
Bug fixes
- Fixed
EuiComboBox
's options list from staying open when scrolled in a container by auto-closing the list on scroll (#2106) - Fixed content provided to
EuiListGroupItem
andEuiFilterButton
title
attribute to prevent unreadable popover (#2100) - Fixed a nearly infinite
requestAnimationFrame
loop caused byfocus
state changes in nestedEuiPopover
components (#2110) - Fixed incorrect ES Query DSL generated by
EuiSearchBar
when an OR clause is present (#2133)
Bug fixes
- Restored missing scss and react-datepicker files to the npm-published packaged (#2119)
Note: this release contained a change which prevented necessary files from being published to npm, this was fixed in 12.3.1
- Added
logoSecurity
,logoCode
,logoMaps
,logoUptime
andlogoLogging
toEuiIcon
types (#2111) - Added a
column
direction option toEuiFlexGrid
(#2073) - Updated
EuiSuperDatePicker
's commonly used date/times to display as columns. (#2073) - Added TypeScript definition for
EuiFormControlLayout
(#2086) - Changed SASS mixin
euiOverflowShadow()
to usemask-image
instead ofbox-shadow
(#2088) - Added SASS mixin and CSS utility
euiYScrollWithShadows
(#2088) - Added
cloudDrizzle
,cloudStormy
,cloudSunny
,documents
,documentEdit
,training
andvideoPlayer
glyphs toEuiIcon
(#2102) - Added
display
prop toEuiPopover
(#2112)
Bug fixes
- Widened
EuiComboBox
'soptions[].value
/EuiComboBoxOptionProps.value
TypeScript definition (#2080) - Added TS defs for
EuiComboBox
's props spreading onto adiv
(#2080) - Fixed responsive display of inline
EuiDatePicker
(#1820) - Removed time from default
dateFormat
ofEuiDatePicker
(#1820) - Fixed
EuiPopover
from catching and preventing propagation of keydown events when closed (#2089) - Fixed padding sizes between
EuiModal
header, body, and footer (#2088) - Fixed placeholder text color for more browsers (#2113)
Deprecations
- Removed
logoXpack
fromEuiIcon
types (#2111)
Note: this release is a backport containing changes originally made in 12.4.0
Bug fixes
- Fixed a nearly infinite
requestAnimationFrame
loop caused byfocus
state changes in nestedEuiPopover
components (#2110)
- Made
aria-label
attribute equal totitle
of the the selection checkbox in table items (for each row) inEuiBasicTable
(#2043) - Updated
appApm
andlogoAPM
with new updated icons (#2084)
Bug fixes
- Added requirement that
EuiFormRow
has exactly one child element #2054
- Changed
EuiNavDrawerFlyout
title fromh5
todiv
(#2040) - Converted
EuiGlobalToastList
into ARIA live region by addingrole="region"
attribute to add NVDA/JAWS support (#2055) - Added
magnifyWithMinus
andmagnifyWithPlus
glyphs toEuiIcon
(2056) - Added a fully black (no matter the theme) color SASS variable
$euiColorInk
(2060) - Added
autoFocus
prop toEuiTabbedContent
(2062) - Changed
popout
glyph inEuiIcon
to look more like external link (2064) - Tweaked
SuperDatePicker
to make the start/end date selection more obvious (#2049) - Added
toSentenceCase
string service (#2049) - Pass
EuiSuperSelect
'spopoverClassName
to the popover's panel (#2068) - Added
editorItemAlignLeft
,editorItemAlignCenter
,editorItemRight
,editorItemAlignTop
,editorItemAlignMiddle
,editorItemAlignBottom
,editorDistributeHorizontal
,editorDistributeVertical
,editorPositionTopLeft
,editorPositionTopRight
,editorPositionBottomRight
, andeditorPositionBottomLeft
glyphs toEuiIcon
(2070) - Added missing TS definitions for
EuiRange
(#2072)
Bug fixes
- Fixed proptype for
EuiCopy
'schildren
(#2048) - Fixed
EuiInMemoryTable
to allow sorting on computed columns (#2044) - Fixed TypeScript
Toast
member export (#2052) - Fixed style of readOnly input groups via
EuiFormControlLayout
andprepend
/append
(#2057) - Removed TS types from ES exports when the exported name differs from the imported one (#2069)
- Fixed TypeScript definitions and type exports for
EuiBadge
andEuiCopy
(#2052)
- Attached
noreferrer
also to links withouttarget="_blank"
(#2008) - Converted observer utility components to TypeScript (#2009)
- Converted tool tip components to TypeScript (#2013)
- Converted
EuiCopy
to TypeScript (#2016) - Converted badge and token components to TypeScript (#2026)
- Added
magnet
glyph toEuiIcon
(2010) - Changed
logoAWS
SVG inEuiIcon
to work better in dark mode (#2036) - Converted toast components to TypeScript (#2032)
Bug fixes
- Fixed
EuiFlyout
scrolling in Safari (#2033) - Fixed
EuiCallOut
header icon alignment (#2006) - Fixed
EuiInMemoryTable
sort value persistence through lifecycle updates (#2035) - Fixed
EuiColorPicker
positioning and keyboard navigation in certain portal contexts (#2038)
Breaking changes
- Removed explicit dependency on
core-js
, but a global polyfill likecore-js@3
is still required (#1982)
Note: this release is a backport containing changes originally made in 12.0.0
Bug fixes
- Fixed
EuiInMemoryTable
sort value persistence through lifecycle updates (#2035) - Fixed
EuiColorPicker
positioning and keyboard navigation in certain portal contexts (#2038)
Bug fixes
- Fixed
EuiBadge
conflicts with providing bothiconOnClick
andonClick
(#1994) - Fixed optional TS definitions for
EuiColorPicker
onBlur
andonFocus
callbacks (#1993) - Fixed
EuiIcon
again so that webpack can build dynamic require contexts (#1998) - Fixed double borders on prepend/append items in
EuiFormControlLayout
(#1996) - Fixed
EuiSuperSelect
TS definitions (#1995)
- Converted
EuiTableRowHeaderCheckbox
to TS (#1973) - Added missing TypeScript definition for
EuiFieldText
'scompressed
prop (#1977) - Converted
EuiTableRowCellCheckbox
to TS (#1964) - Updated
caniuse-lite
version resolution (#1970) - Added a webpack directive for naming icon chunks (#1944)
- Added ability to update
EuiInMemoryTable
sorting
prop and remove columns after sorting is applied (#1972) - Added
onToggle
callback toEuiAccordion
(#1974) - Removed
options
defaultProps
value fromEuiSuperSelect
(#1975) - Removed TSlint and will perform all linting through ESLint (#1950)
- Added new component
EuiDelayRender
(#1876) - Replaced
EuiColorPicker
with custom, customizable component (#1914) - Added
jsx-a11y
eslint
plugin and rules to match Kibana (#1952) - Changed
EuiCopy
beforeMessage
prop to acceptnode
instead of juststring
(#1952)
Bug fixes
- Fixed environment setup for running
test-unit
script on Windows (#1971) - Fixed focus on single selection of EuiComboBox (#1965)
- Fixed type mismatch between PropType and TypeScript def for
EuiGlobalToastList
toasttitle
(#1978) - Fixed missing Typescript definition for
EuiButton
'scolor="text"
option (#1980) - Fixed Prettier formatting lint error in
EuiTable
TS def file (#1986) - Fixed not clickable button with svg in Safari (#1985)
- Fixed
EuiToggle
pointer events for those using icons only (#1991)
Bug fixes
- Fixed type mismatch between PropType and TypeScript def for
EuiToast
title
(#1962)
- Converted
EuiFormControlLayoutCustomIcon
to TS (#1956) - Converted
EuiStepNumber
to TS (#1893) - Converted
EuiFormControlLayoutClearButton
to TS (#1922) - Added
data-test-subj
property toEuiDraggable
andEuiDroppable
(#1943) - Added type definitions to
EuiSuperSelect
(#1907) - Updated
EuiIcon
to use Slack's updated branding (#1954) - Updated
compile-icons
script to format icon components with Prettier (#1955)
Bug fixes
- Addressed a chrome issue where negative letter-spacing can reverse RTL text in SVGs (#1960)
- Converted
pretty_interval
to TS (#1920) - Converted
relative_options
to TS (#1921) - Added width to
EuiFlexItem
when gutter inEuiFlexGrid
is set to none. (#1941) - Format all JavaScript files with Prettier through ESLint (#1906)
- Replaced
appSecurityAnalytics
inEuiIcon
with an updated SVG (#1948)
Bug fixes
- Removed unused prop enum of
l
inEuiButton
(#1936) - Fixed
EuiSelect
browser event inconsistencies by normalizingmouseup
propagation (#1926) - Removed
children
as a required prop forEuiOverlayMask
(#1937)
Bug fixes
- Fixed
EuiIconTip
's typescript definition (#1934) - Reinstated
EuiIcon
component ability to handletype
prop updates (#1935)
- Added support for custom React SVG elements and external SVG URLs to
EuiIcon
(#1924)
Bug fixes
- Fixed Firefox flash of unstyled select dropdown (#1927)
Breaking changes
- Split
EuiIcon
icon loading into dynamic imports (#1924)
Note: this release is a backport containing changes originally made in 11.2.0
Bug fixes
- Addressed a chrome issue where negative letter-spacing can reverse RTL text in SVGs (#1960)
Note: this release is a backport containing changes originally made in 11.1.0
- Replaced
appSecurityAnalytics
inEuiIcon
with an updated SVG (#1948)
- Added
display
prop toEuiTabs
andEuiTabbedContent
components for ability to use an alternativecondensed
style (#1904)
Bug fixes
- Fixed a regression where
EuiStat
reported acceptingstring
fortitle
,description
, even thoughReactNode
is acceptable (#1910)
- Added support for
href
on the last item inEuiBreadcrumbs
(#1905) - Added
selectable
prop toEuiCard
(#1895) - Converted
EuiValidatableControl
to TS (#1879)
Bug fixes
- Fixed prompt text rendering in
EuiFilePicker
when a React element is passed (#1903) - Fixed overflow scrolling of
EuiModal
andEuiConfirmModal
for Chrome and Safari (#1902) - Fixed
EuiOverlayMask
children
element mismatch TS error (#1900)
Bug fixes
- Fixed responsiveness of
EuiFilterGroup
(#1849)
Deprecations
- Replaced
EuiFilterButton
'snoDivider
prop withwithNext
(#1849)
- Converted
EuiGlobalToastListItem
to TS (#1880) - Converted
token_map
to TS (#1870) - Converted
EuiOverlayMask
to TS (#1858) - Converted
EuiStat
to TS (#1848) - Added
isLoading
prop toEuiStat
(#1848) - Added
roundUp
prop to relative tab ofEuiSuperDatePicker
(#1827) - Changed position of
EuiSwitch
for date rounding used at relative tab ofEuiSuperDatePicker
(#1827) - Added
bug
,flag
, andheart
glyphs toEuiIcon
(#1887) - Updated
alert
glyph inEuiIcon
(#1887)
Bug fixes
- Fixed
EuiComboBox
to not pass itsinputRef
prop down to the DOM (#1867) - Fixed
euiBreakpoint()
warning to give accurate feedback (#1874) - Fixed type definitions around
EuiI18n
'sdefault
prop to better support use cases (#1861) - Localized
EuiTablePagination
's row count selection (#1883) - Fixed EuiComboBox's internal tracking of its focus state (#1796)
- Fixed
EuiComboBox
withsingleSelection
andonAddCustomOption
reopening the options list after adding a custom option (#1882) - Fixed
EuiComboBox
reopening the options list in Firefox when closing via the dropdown arrow button (#1885) - Fixed running the dev server and building on Windows (#1891)
- Added
tokenModule
andtokenNamespace
icons toEuiToken
(#1839) - Used
cache-loader
to speed up development docs site build (#1841 - Converted
matching_options
to TS (#1828) - Converted
EuiFormHelpText
to TS (#1852) - Added
onSearch
toEuiFieldSearchProps
's type definition (#1627) - Added
moon
glyph toEuiIcon
(#1859) - Added
logoAzure
andlogoAzureMono
logos toEuiIcon
(#1859) - Added exact-text matching operator to
EuiSearchBar
/Query
and allow empty phrases, e.g.""
(#1843) - Allow forward-slash character in
EuiSearchBar
/Query
search values (#1843) - Changed
EuiLoadingKibana
,EuiLoadingSpinner
,EuiLoadingChart
andEuiLoadingContent
components to use spans instead of divs (#1845)
Bug fixes
- Added
toastLifeTimeMs
typescript definition for individual toasts inEuiGlobalToastList
(#1846) - Added logic to prevent refocusing
EuiComboBox
input after container blur event (#1863) - Changed
EuiLoadingKibana
so it could better nest withinEuiFlexItem
(#1845)
- Converted
EuiText
,EuiTextColor
andEuiTextAlign
to TS (#1791) - Updated
IconColor
type to better distinguish between accepted types (#1842)
- Converted
EuiTitle
to TS (#1810) - Added
adjustDateOnChange
prop to date pickers, enabling month and year changes to triggeronChange
(#1817) - Updated the overflow shadows for
EuiModal
andEuiFlyout
(#1829) - Added
confirmButtonDisabled
prop toEuiConfirmModal
(#1829) - Fixed
EuiNavDrawer
overflow scroll behavior on Firefox (#1837)
Bug fixes
- Fixed mobile layout for
EuiConfirmModal
(#1829)
Deprecations
- Replaced the following SASS mixins
euiOverflowShadowTop
,euiOverflowShadowBottom
witheuiOverflowShadow
. (#1829)
Breaking changes
- Removed transitional
keyOfStringsOnly
option from TypeScript configuration (#1814)
- Re-enabled installation of
@elastic/eui
via npm (#1811)
Bug fixes
- Added
isLoading
prop typedef toEuiSuperDatePickerProps
(#1812) - Fixed
EuiSearchBox
query input resetting on prop updates (#1823) - Fixed
EuiSearchBar
filter button highlighting (#1824)
- Added
initialPageIndex
pagination prop toEuiInMemoryTable
(#1798) - Converted
EuiToolTipPopover
to TS (#1800) - Converted
EuiTableHeaderMobile
to TS (#1786) - Added
menuLeft
andmenuRight
icons (#1797) - Updated EuiNavDrawerβs collapse/expand button to use
menuLeft
andmenuRight
icons (#1797) - Added
isInvalid
prop toEuiSuperSelect
(#1804) - Added
cut
glyph toEuiIcon
(#1802) - Added
glasses
glyph toEuiIcon
(#1813)
Bug fixes
- Fixed issue where toasts would dismiss when they have focus (#1803)
- Fixed issue where
EuiComboBox
placeholder was not read by screen readers (#1803)
- [Beta] Added new
EuiSelectable
component (#1699) - [Beta] Added new drag and drop components:
EuiDragDropContext
,EuiDraggable
, andEuiDroppable
(#1733)
- Converted
EuiFormErrorText
to TS (#1772) - Added
data-test-subj
s toEuiSuperDatePicker
'sEuiRelativeTab
inputs (#1782)
Bug fixes
- Update ButtonIconColor type to provide all available options (#1783)
- Prevent calculation on
null
ref duringEuiResizeObserver
observation (#1784)
Bug fixes
- Fixed heading and paragraph tag font style inherits (#1776)
- Changed
EuiNavDrawer
to close on any link click (#1773)
- Converted
makeId
to TS (#1759) - Converted
EuiCardGraphic
to TS (#1751) - Enhanced the build process to emit TypeScript types for the variables extracted from the themes (#1750)
Bug fixes
Note: this release creates a minor regression to text scales where paragraph and heading tags were no longer inheriting from their container. This is fixed in 9.7.1
.
- Set
h1 through h6, p
tags font reset based on family, size, and weight (#1760) - Fixed
EuiButton
font size inheritance (#1760) - Updated button elements in
EuiFilePicker
,EuiFormControlLayoutClearButton
,EuiFormControlLayoutCustomIcon
,EuiListGroupItem
, andEuiSideNavItem
to type=button (#1764) - Fixed outside click detection inconsistencies by comparing
mouseup
andmousedown
event targets rather than usingclick
event target (#1761)
- Changed
EuiSuperDatePicker
to callonRefresh
instead ofonTimeChanged
when user clicks "Refresh" button (#1745) - Added a new
EuiLoadingContent
component that displays blocks as placeholders for text. (#1730) - Added documentation entry in
EuiPagination
foractivePage
prop. (#1740) - Changed
EuiButton
to use "m" as it's defaultsize
prop (#1742) - Adds type definitions for
EuiListGroup
andEuiListGroupItem
(#1737)
Bug fixes
- Fixed
EuiToolTip
potentially having incorrect position calculations near the window edge (#1744)
Bug fixes
- Fixed
hexToRgb
from erroring on an incorrect string input (#1741) - Fixed
EuiBadge
customcolor
prop type (#1741) - Fixed inaccurately required
onRefresh
prop (should be optional) that was introduced in types in version 9.4.1 (#1743)
Bug fixes
- Adds missing type and fixes closure-scope problem for
SuperDatePicker
'sonRefresh
callback (#1732) - Changed
EuiBottomBar
to refer to the end of document (#1727) - Fixed
EuiComboBox
's calls to itsonBlur
prop (#1739)
- Allow toasts in
EuiGlobalToastList
to overridetoastLifeTimeMs
(#1720) - Allow
EuiListGroupItem
to pass a custom element as theicon
(#1726) - Added default icon for
EuiListGroupItem
if one is not passed (#1729) - Added
toInitials
string service (#1729)
Bug fixes
- Removed all
lodash
imports ineui.d.ts
to avoid namespace pollution (#1723) - Prevent
EuiComboBox
from creating a custom option value when user clicks on a value in the dropdown (#1728)
- Added
footerLink
andshowToolTips
toEuiNavDrawer
and addedEuiNavDrawerGroup
(#1701)
Bug fixes
- Fixed
EuiSuperDatePicker
time selection jumping on focus (#1704)
Bug fixes
- Make
EuiPopover
's repositionOnScroll prop optional in TS (#1705)
- Adjusted the dark theme palette a bit more and adjusted a few components (#1700)
- Adjusted the dark theme palette to have a slight blue tint (#1691)
- Added
repositionOnScroll
property to theEuiPopoverProps
type definition (#1628) - Added support to
findTestSubject
for an optionalmatcher
argument, which defaults to~=
, enabling it to identify an element based on one of multiple space-separated values within itsdata-test-subj
attribute (#1587) - Converted
EuiFlexGrid
,EuiFlexGroup
,EuiFlexItem
,EuiDescriptionList
,EuiDescriptionListTitle
, andEuiDescriptionListDescription
to TypeScript (#1365) - Converted
EuiAvatar
to Typescript (#1654) - Added missing
anchorClassName
prop toEuiToolTip
definition (#1657) - Added
fullWidth
prop toEuiButton
(#1665) - Added
.eui-fullWidth
utility class (#1665) - Added
EuiPopoverFooter
and convertedEuiPopoverTitle
to TS (#1666) - Converted
EuiLoadingSpinner
,EuiLoadingKibana
, andEuiLoadingChart
to TS (#1683)
Bug fixes
- Added button to
EuiSuperDatePicker
's βNowβ tab to trigger the "now" time selection (#1620) - Fixed floating point arithmetic bug in
EuiRangeTrack
's value validation (#1687) - Fixed
EuiComboBox
activeOptionIndex
error with empty search results (#1695) - Fixed IE11 rendering issue in
EuiLoadingKibana
(#1683)
Note: this release is a backport containing changes originally made in 9.1.0
Bug fixes
- Fixed floating point arithmetic bug in
EuiRangeTrack
's value validation (#1687)
Bug fixes
- Fixed definition exports for converted Typescript components (#1633)
- Added
allowNeutralSort
prop toEuiInMemoryTable
to support unsorting table columns (#1591) - Added
mobileOptions
object prop for handling of all the mobile specific options ofEuiBasicTable
(#1462) - Table headers now accept
React.node
types (#1462) - Added
displayOnly
prop toEuiFormRow
(#1582) - Added
numActiveFilters
prop toEuiFilterButton
(#1589) - Updated style of
EuiFilterButton
to matchEuiFacetButton
(#1589) - Added
size
andcolor
props toEuiNotificationBadge
(#1589) - Allow
EuiDescribedFormGroup
to exist as a description-only row (#1522) - Added
type
prop forEuiFormLabel
for the option to make it alegend
(#1613) - Added
labelAppend
andlabelType
props toEuiFormRow
(#1613) - Aligned text styles of table headers and form labels (#1613)
- Converted
EuiModalBody
,EuiModalFooter
,EuiModalHeader
,EuiModalHeaderTitle
,EuiFlyoutBody
,EuiFlyoutFooter
,EuiFlyoutHeader
,EuiPortal
, andEuiProgress
to Typescript (#1621)
Bug fixes
- Fixed keyboard navigation and UI of
EuiComboBox
items in single selection mode (#1619) EuiBasicTable
select all shows up on mobile (#1462)- Adds missing
hasActiveFilters
prop forEuiFilterButton
type and fixesonChange
signature forEuiButtonGroup
(#1603) - Included
react-datepicker
TS types in EUI itself to avoid outside dependency (#1618) - Prevent
EuiGlobalToastList
from attempting calculations onnull
DOM elements (#1606) - Fixed
EuiFormRow
errors from the possibility of having duplicatekey
values (#1522)
Breaking changes
EuiBasicTable
's select all checkbox appends amakeId
string to the id (#1462)- Remove camel casing from exported JSON variables and preserve hex values instead of converting to rgb (#1590)
- Added
@types/react-dom
topeerDependencies
(#1621)
Breaking changes
- Upgraded TypeScript to 3.3 (#1583)
- Upgraded React to 16.8 (#1583)
- Upgraded Jest to 24.1 (#1583)
- Upgraded Enzyme to 3.9 (#1583)
- Added
onRefresh
option forEuiSuperDatePicker
(#1577) - Converted
EuiToggle
to TypeScript (#1570) - Added type definitions for
EuiButtonGroup
,EuiButtonToggle
,EuiFilterButton
,EuiFilterGroup
, andEuiFilterSelectItem
(#1570) - Added
displayOnly
prop to EuiFormRow (#1582) - Added an index.d.ts file for the date picker components, including
EuiDatePicker
,EuiDatePickerRange
, andEuiSuperDatePicker
(#1574)
Bug fixes
- Fixed several bugs with
EuiRange
andEuiDualRange
including sizing of inputs, tick placement, and the handling of invalid values (#1580)
- Added
text
as a color option forEuiLink
(#1571) - Added
EuiResizeObserver
to expose ResizeObserver API to React components; falls back to MutationObserver API in unsupported browsers (#1559) - Added
EuiFocusTrap
as a wrapper aroundreact-focus-lock
to enable trapping focus in more cases, including React portals (#1550)
Bug fixes
- Fixed content cut off in
EuiContextMenuPanel
when height changes dynamically (#1559) - Fixed
EuiComboBox
to allow keyboard tab to exit single selection box (#1576) - Various fixes related to focus order and focus trapping as they relate to content in React portals (#1550)
- Added
append
prop toEuiFieldText
(#1567) - Adjusted set of Elastic Logos in
EuiIcon
to look better in dark mode. (#1462) - Added
isCopyable
prop toEuiCodeBlock
(#1556) - Added optional
Snippet
tab to docs and renamed demo tabs (#1556) - Expanded
getSecureRelForTarget
to handle elastic.co domains as a referrer whitelist (#1565) - New
url
utility for verifying if a URL is a referrer whitelist (#1565) - Add iconSize to ButtonIcon type definition (#1568)
- Created
EuiDualRange
using components from modularized, refactoredEuiRange
. New util serviceisWithinRange
is the first in the number category. (#1485) - Upgraded
lodash
to v4, taking advantage of modular imports. (#1534) - Added pseudo-localization mode to docs (#1541)
- New docs page listing localization tokens (#1541)
- Added support for OR group clauses in
EuiQuery
andEuiSearchBar
(#1204) - Added
customQuickSelectPanels
prop toEuiSuperDatePicker
(#1549)
Bug fixes
- Fixed
EuiSearchBar.Query
match_all query string must be*
(#1521) - Fixed
EuiSuperDatePicker
crashing with negative relative value (#1537) - Fixed
EuiSuperDatePicker
crashing with invalid start and end prop values (#1544) - Make TSLint issues be warnings, not errors, when running
src-docs
(#1537)
Breaking changes
- Made
or
a reserved keyword inEuiQuery
's syntax (#1204)
Bug fixes
- Bumped
lodash
version toelastic/[email protected]
(#2280)
Note: this release is a backport containing changes originally made in 11.2.0
Bug fixes
- Addressed a chrome issue where negative letter-spacing can reverse RTL text in SVGs (#1960)
Note: this release is a backport containing changes originally made in 9.7.0
- Changed
EuiNavDrawer
to close on any link click (#1773)
Note: this release is a backport containing changes originally made in 9.6.0
Bug fixes
- Fixed outside click detection inconsistencies by comparing
mouseup
andmousedown
event targets rather than usingclick
event target (#1761)
Note: this release is a backport containing changes originally made in 9.0.0
, 9.1.0
, 9.3.0
, and 9.4.0
- Adjusted the dark theme palette to have a slight blue tint (#1691)
- Added button to
EuiSuperDatePicker
's βNowβ tab to trigger the "now" time selection (#1620) - Added
footerLink
andshowToolTips
toEuiNavDrawer
and addedEuiNavDrawerGroup
(#1701) - Allow
EuiListGroupItem
to pass a custom element as theicon
(#1726) - Added
toInitials
string service (#1729) - Added
fullWidth
prop toEuiButton
(#1665) - Added
.eui-fullWidth
utility class (#1665)
Bug fixes
- Fixed keyboard navigation and UI of
EuiComboBox
items in single selection mode (#1619) - Fixed
EuiComboBox
activeOptionIndex
error with empty search results (#1695) - Prevent
EuiComboBox
from creating a custom option value when user clicks on a value in the dropdown (#1728) - Fixed
EuiSuperDatePicker
time selection jumping on focus (#1704)
Note: this release is a backport containing changes originally made in 7.3.0
- Added an index.d.ts file for the date picker components, including
EuiDatePicker
,EuiDatePickerRange
, andEuiSuperDatePicker
(#1574)
Note: this release is a backport containing changes originally made in 7.1.0
- Added
append
prop toEuiFieldText
(#1567)
Note: this release is a backport containing changes originally made in 7.1.0
- Adjusted set of Elastic Logos in
EuiIcon
to look better in dark mode. (#1562) - Expanded
getSecureRelForTarget
to handle elastic.co domains as a referrer whitelist (#1565) - New
url
utility for verifying if a URL is a referrer whitelist (#1565)
Note: this release is a backport containing changes originally made in 7.0.0
Bug fixes
- Fixed
EuiSuperDatePicker
crashing with negative relative value (#1537) - Fixed
EuiSuperDatePicker
crashing with invalid start and end prop values (#1544)
- Adjust dark mode background color (#1530)
- TypeScript are now formatted with Prettier (#1529)
- Updated
EuiPopover
andEuiColorPicker
to pauseEuiOutsideClickDetector
in when not open (#1527)
- Changed animation settings for
EuiNavDrawer
(#1524) - Converted a number of components to support text localization (#1504)
- Updated
app_ems.svg
(#1517)
Bug fixes
- Updated
EuiPage
background color to match body background color (#1513) - Fixed React key usage in
EuiPagination
(#1514) - Fixed bug which prevented
EuiSwitch
with generated ID from having its label announced by VoiceOver (#1519) - Fixed
EuiFilterButton
handlingnumFilters
when0
was specified (#1510)
- Changed
flex-basis
value onEuiPageBody
for better cross-browser support (#1497) - Converted a number of components to support text localization (#1450)
- Added a seconds option to the refresh interval selection in
EuiSuperDatePicker
(#1503) - Changed to conditionally render
EuiModalBody
ifEuiConfirmModal
has nochildren
(#1500)
Bug fixes
- Remove
font-features
setting on@euiFont
mixin to prevent breaks in ACE editor (#1505)
- Added
textAlign
property to TypeScript definition forEuiText
(#1487) - Added missing
'm'
option for textsize
forEuiText
's TypeScript definition (#1487) - Added missing TypeScript definition for
EuiTextAlign
(#1487)
Bug fixes
- Fixed popover & tooltip positioning to properly account for arrow buffer (#1490)
- Fixed
EuiSuperDatePicker
unexpectedly closing start and end date popovers (#1494)
EuiHeader
no longer reduces height at mobile sizes (#1480)
Bug fixes
- Fixed
EuiSuperDatePicker
not updating derivedisInvalid
state on prop update (#1483) - Fixed
logoAPM
(#1489) - Remove Typescript type and interface definitions from ES and CJS exports (#1486)
- Default light theme now comes with an empty light variables file to make theme switching easier (#1479)
Bug fixes
EuiSuperDatePicker
always triggeronTimeChange
when time changes and propshowUpdateButton
is false (#1477)- Fixed font rendering in italics only in Safari (#1481)
Bug fixes
- Fixed an issue with font family inheritance by changing the CSS reset (#1474)
- Added
z-index
toEuiProgress
and example usage withEuiHeader
(#1471) - Added a new app icon for Code (#1467)
- Re-added EuiI18n, EuiI18nNumber, and EuiContext for localization (#1466)
- Expose
EuiSuperUpdateButton
component fromEuiSuperDatePicker
(#1470) - Set
type="button"
on accordion buttons (#1468)
Bug fixes
- Fixed
EuiSuperDatePicker
not updating derivedshowPrettyDuration
state on prop update (#1464) - Fixed
EuiSuperDatePicker
not passingrefreshInterval
to callback when refresh interval start/stop toggle button clicked (#1464) - Fixed
EuiSuperDatePicker
refreshInterval
input not allowing decimals (#1464)
- Added
uptimeApp
icon (#1445) - Added
wrapText
prop that enablesEuiListGroupItem
text to wrap (#1459) - Added
inputRef
prop toEuiFieldNumber
and updatedEuiFieldText
's to a Ref type (#1434) - Added
snowflake
icon (#1445) - Added
bell
icon (#1447) - Improved screen reader behavior for table header cell content, especially in sortable columns (#1426)
Bug fixes
- Fixed
textProps
andcontentProps
ofEuiButton
andEuiButtonEmpty
so they donβt override classes (#1455) - Fixed
closeButtonProps
ofEuiBadge
so it doesn't override classes (#1455) - Fixed font weight shift of
EuiFilterButton
when notification is present (#1455) - Fixed
$euiCodeFontFamily
monospace font stack and subsequent JSON asset build (#1465)
Reverts
- Reverts EuiI18n commit from previous release (#1453)
Note: this contains some i18n work that we reverted in the next release. Use the patch release above instead
- Added Inter UI to the font family stack (#1402)
- Changed padding on
EuiHeaderLogo
and updatedEuiNavDrawer
example (#1448) - Updated
EuiNavDrawer
docs example and adjustedEuiHeaderLogo
padding (#1449) - Added EuiI18n, EuiI18nNumber, and EuiContext for localization (#1404)
Bug fixes
- Added
legend
for accessibility ofEuiButtonGroup
and fixed opacity of disabled input (#1444)
- Added
EuiNavDrawer
side nav component (#1427) - Added
inputRef
prop toEuiComboBox
(#1433) - Added custom date string formatting for series charts crosshair overlay (#1429)
- Added new icons for
symlink
andsubmodule
(#1439)
Bug fixes
- Fix mouse interaction with
EuiComboBox
in IE11 (#1437)
Bug fixes
- Downgraded
@types/react
and@types/prop-types
versions to align with Kibana (#1435)
- Added
onBlur
prop toEuiComboBox
(#1400) - Added
initialFocus
prop typedefs toEuiModal
andEuiPopover
(#1410) - Updated
gisApp
icon (#1413) - Added
isAutoRefreshOnly
prop toEuiSuperDatePicker
(#1412) - Migrate remaining files in
accessibility/
to TS (#1408) - Added
titleProps
anddescriptionProps
toEuiDescriptionList
(#1419) - Propagate
className
onEuiCodeBlock
in fullscreen mode (#1422) - Added
iconProps
prop toEuiIconTip
(#1420) - Added ability to pass
isDisabled
to individualEuiButtonGroup
items (#1424) - Changed
EuiRange
PropType forvalue
to allownumber
(in addition tostring
) (#1421)
Bug fixes
- Support extended characters (e.g. non-latin, unicode) in
EuiSearchBar
andEuiQuery
(#1415) - Fixed line-heights of the differently sized
EuiDescriptionList
alternates (#1419) - Updated
EuiIconTip
TS definitions to inherit those fromEuiToolTip
as well (#1420)
- Added
logoCodesandbox
and updatedapmApp
icons (#1407) - Changed
EuiListGroup
PropType forextraAction
to remove console warning (#1405)
Bug fixes
- Account for
min
attribute when determiningEuiRange
input width (#1406)
- Added
EuiListGroup
andEuiListGroupItem
components (#1377) - Convert the other of the services to TypeScript (#1392)
- Changed single selection to select existing option in the list (#1391)
- Added
showUpdateButton
prop toEuiSuperDatePicker
(#1399)
Bug fixes
EuiColorPicker
align color picker popup with color selector when page is scrolled (#1397)
- Added
onFocus
prop toEuiComboBox
(#1375) - Added
DisambiguateSet
andExclusiveUnion
utility types (#1368) - Added
EuiSuperDatePicker
component (#1351) - Fixed up styles for
EuiSuperDatePicker
(#1389) - Altered a few icons and added more:
crossInACircleFilled
,editorRedo
,editorUndo
,grabHorizontal
,minusInCircleFilled
,plusInCircleFilled
,sortable
,starEmptySpace
,starFilledSpace
,starFilled
,starMinusEmpty
,starMinusFilled
,starPlusEmpty
,pinFilled
(#1374) - Exclude
custom_typings
fromeui.d.ts
(#1395)
Bug fixes
- Only style anchor tags in
EuiText
that have no class attribute (#1373) - Fixed some EUI services' TS definitions (#1380)
Breaking changes
- Moved
EuiExpressionButton
contents toEuiExpression
and deletedEuiExpressionButton
. Also added support forcolor
anduppercase
props as well as madeonClick
optional to support read only expressions. (#1368)
Note: this release is a backport containing fixes made in 6.4.0
Bug fixes
- Fix mouse interaction with
EuiComboBox
in IE11 (#1437)
Note: this release is a backport containing fixes made in 6.0.0
Bug fixes
- Fixed some EUI services' TS definitions (#1380)
Note: this release broke some of the exported TypeScript definitions.
- Reinstate (#1353)
onBlur
action onEuiComboBox
(#1364) - Convert roughly half of the services to TypeScript (#1360)
Bug fixes
- Fixed
onCreateOption
callback ofEuiComboBox
so it isn't called when the input is empty (#1364) - Added
anchorClassName
prop toEuiPopover
(#1367) - Added support for
fullWidth
onEuiSuperSelect
(#1367) - Applied new scrollbar customization for Firefox (#1367)
- Fixed
EuiSuperSelect
from accessing ref when unmounted (1369) - Allow any color value to be passed to
EuiIcon
(#1370)
- Adjust EUI coloring to better match brand guidelines from Creative Services (#1356)
Note: this release is a backport
Bug fixes
- Fixed
onCreateOption
callback ofEuiComboBox
so it isn't called when the input is empty (#1364)
Note: this release is a backport containing changes originally made in 5.8.0
Bug fixes
- Allow any color value to be passed to
EuiIcon
(#1370)
- Convert
EuiIcon
to TypeScript (#1355) - Add support for
aria-label
,aria-labelledby
andaria-describedby
toEuiCodeEditor
(#1354)
Bug fixes
react-datepicker
set milliseconds to zero when selecting time (#1361)- Revert (#1353)
onBlur
action onEuiComboBox
. It caused regressions on Kibana. (#1363)
Bug fixes
- Fixed TypeScript definitions in
eui.d.ts
(#1359)
Note: this release broke the exported TypeScript definitions and EuiComboBox
in certain situations. These are both fixed in 5.6.0
.
- Altered functionality of
truncate
onEuiBreadcrumbs
and addedtruncate
ability on breadcrumb item (#1346) - Altered
EuiHeader
's location ofEuiHeaderBreadcrumbs
based on the newtruncate
ability (#1346) - Added support for
href
andtarget
props inEuiBasicTable
actions (#1347) - Added
.eui-textBreakWord
CSS utility class (#1349) - Added support for
EuiComboBox
converting entered text into a custom option when the user removes focus, e.g. by tabbing to another element. This prevents theEuiComboBox
from being mistaken for anEuiInputText
. (#1353)
Bug fixes
- Fixed word-breaks in table cells for Firefox (#1349)
- Fixed EUI when used in an environment lacking ES Modules support, e.g. Jest (#1358)
Note: this release broke usage of EUI in non-ES Module compatible environments. This is fixed in 5.5.0
.
- Added 3 new icons β
folderOpen
,folderClosed
, andcrosshairs
(#1350) - Added
bottomGraphic
prop toEuiCard
for Kibana home page (#1338) - Added keyboard and screenreader support to
EuiDatePicker
(#1337)
Bug fixes
- Fixed bug in exporting
CommonProps
in TypeScript definitions (#1341)
- Introduced TypeScript support, converted
EuiSpacer
andEuiHorizontalRule
(#1317)
- Added
email
icon toEuiIcon
(#1331) - Added IBM logo in colour and mono (#1321)
- Added support for nodes as "Action" column headers in
EuiBasicTable
, which was overlooked in the original change in4.5.0
(#1312) - Updated
GlobalDatePicker
example to include all Kibana features (#1219) - Adjusted
EuiDatePickerRange
to allow for deeper customization (#1219) - Added
contentProps
andtextProps
toEuiButton
andEuiButtonEmpty
(#1219) - TypeScript types are now published to a
eui.d.ts
top-level file (#1304) - Added
filterWith
option forEuiSearchBar
filters of typefield_value_selection
(#1328)
Bug fixes
EuiBasicTable
now converts theEuiTableRowCell
header
intoundefined
if it's been provided as a non-string node, hiding the header and preventing the node from being rendered as[object Object]
on narrow screens (#1312)- Fixed
fullWidth
size ofEuiComboBox
, a regression introduced in4.7.0
(#1314) - Fixed error when passing empty string as
value
prop forEuiSuperSelect
(#1319) EuiExpressionButton
now shows focus state when user tabs to it (#1326)- Added
baseline
as a possible value toEuiFlexGroup
'sFlexGroupAlignItems
type (#1329)
EuiToken
now exports enumerated constants forSHAPES
andCOLORS
(#1301)- Added mixins for
EuiCallOut
coloring andEuiTooltip
styles (#1305) - Improve TypeScript definitions for
EuiTableRowCellProps
(#1310)
Bug fixes
- Fixed size of
EuiSuperSelect
's dropdown menu when there is no initial selection (#1295) - Added TypeScript definitions for
EuiPopoverTitle
and the beta and notification badges. Ensure tab TS definitions are included in the main definition index. Fix typo in icon types (#1299)
- Added
EuiToken
component (#1270) - Added
beaker
icon toEuiIcon
and updated theEuiBetaBadge
styling (#1291) - Removed calls to deprecated
findDOMNode
(#1285)
Breaking changes
- Changed
EuiMutationObserver
to a render prop component (#1285) EuiPortal
no longer accepts a React node forinsert.sibling
value (#1285)popover_positioning
service's methods no longer accept React node values (#1285)
Bug fixes
- Added TypeScript definitions for tab components (#1288)
Bug fixes
- Added TypeScript definitions for
EuiToolTip
'sdelay
prop. (#1284) - Added TypeScript definitions for step components, and some checkbox definition fixes (#1263)
Framer X
- Added Framer component for
EuiDescriptionList
(#1276)
- Added
apmTrace
icon toEuiIcon
set (#1263) - Added Framer X component source files under the
src-framer
directory (#1263) - Added
compressed
prop toEuiComboBox
(#1258) - Added guidelines for Sass usage. (#1257)
Bug fixes
EuiComboBox
no longer throws a Maximum update depth exceeded error when used in popovers/modals (#1258)Escape
key now closesEuiComboBox
options list (#1258)- Fixed margin issue around
EuiFlexGrid
in mobile displays (#1257) - Fixed positioning and padding display issue in
EuiRange
(#1257) - Fixed
highContrastTextColor
SASS function to account for background lightness and exit possible infinite loops (#1275)
Bug fixes
- Added TypeScript definitions for
EuiFieldPassword
. (#1255) - Added TypeScript definitions for
EuiConfirmModal
, removeAnyProps
, and several definition fixes (#1260)
- Increased default font size of tabs in K6 theme (#1244)
Bug fixes
- Fixed select warning on falsy value in EuiSelect (#1254)
Bug fixes
- Add TypeScript definitions for
EuiRange
andEuiRadio
, and correct the definitions forEuiRadioGroup
(#1253)
Bug fixes
- TypeScript definition changes for
EuiAccordion
,EuiDescriptionList
,EuiForm
,EuiFormHelpText
and the accessibility services, plus a number of other TS fixes (#1247)
Bug fixes
- Changed names of
*beatApp
types inEuiIcon
to follow a consistent naming pattern (#1243)
- Added export for
TYPES
toEuiAvatar
(#1238) - Updated node-sass dependency to support OSX Mojave (#1238)
- Added TypeScript definitions for
EuiFieldNumber
,EuiFormLabel
andEuiSelect
, and fix theEuiTextColor
definition. (#1240) - Added support for nodes as column headers in
EuiBasicTable
for supporting things like tooltips and localized text. (#1234)
Bug fixes
- Fixes TypeScript definitions for
EuiKeyPadMenuItem
andEuiKeyPadMenuItemButton
(#1232)
- Added TypeScript typings for
EuiKeyPadMenu
(#1229) - Forced
EuiPopover
contents to stick to its initial position when the content changes (#1199) - Updated
EuiIcon
app icon set and allow them to adjust colorschemes (#1225)
Bug fixes
- Fixed EuiToolTip to show tooltips on disabled elements (#1222)
- Fixed EuiAvatar when name is composed entirely of whitespace (#1231)
- Added a new
colorPalette
service for retrieving and generating color arrays for use in charts (#1209) - Added
1
as a valid value for thecolumns
prop inEuiFlexGrid
(#1210) - Make
htmlIdGenerator
only return valid HTML4 ids (#637) - Use
cursor: pointer
to indicate clickableEuiTable
rows (#1213) - Add
lockOpen
icon (#1215)
- Added some opacity options to
EuiLineSeries
andEuiAreaSeries
(#1198) - Added
initialFocus
prop for focus trapping toEuiPopover
andEuiModal
(#1099) - Added table footer support with
EuiTableFooter
andEuiTableFooterCell
(#1202)
- Added
direction
toEuiFlexGroup
prop types interface (#1196) - Made
description
prop optional forEuiDescribedFormGroup
(#1191) - Fixed issue with unselected tabs and aria-controls attribute in EuiTabbedContent
- Added
tag
icon (#1188) - Replaced
logging
app icon (#1194) - Made
EuiBasicTable
rows keyboard-accessible when they are clickable (#1206)
Bug fixes
- Fixed cross-axis alignment bug when positioning EuiPopover (#1197)
- Added background to
readOnly
inputs (#1188) - Fixed some modal default and responsive sizing (#1188)
- Fixed z-index issue of
EuiComboBoxOptionsList
especially inside modals (#1192)
Bug fixes
- Fixed an issue in
EuiTooltip
because IE1 didn't supportdocument.contains()
(#1190) - Fixed some issues around parsing string values in
EuiSearchBar
andEuiQuery
(#1189)
- Added
delay
prop toEuiToolTip
(#1103)
Breaking changes
EuiBasicTable
now shows up to 2 actions before condensing to all popover, but still displaying the top/primary 2 actions as well (#1103)EuiBasicTable
will automatically addhasActions
andisSelectable
to allow proper responsive style handling, but are still overridable (#1103)
- Decorated
pagination
next and previous buttons withdata-test-subj
. (#1182) - Added
euiFacetButton
andeuiFacetGroup
(#1167) - Added
width
prop toEuiContextMenu
panels (#1173) - Added patterns for global query and filters (#1137)
Bug fixes
- Fixed
onClickAriaLabel
console error stemming fromEuiComboBoxPill
(#1183)
- Added
maxWidth
prop toEuiModal
(#1165) - Support field names with
_
characters in search queries (#1180) - Added ability to include multiple fields in a value selection filter for
EuiSearchBar
(#1179)
Bug fixes
- Fixed an IE11
EuiModal
width issue by changing themin-width
to a pixel value (#1174)
- Added
infraApp
icon (#1161) - Added sizes to
EuiButtonIcon
(#1145) - Added
singleSelection.asPlainText
prop toEuiComboBox
(#1139) - Added proper aria labeling to
EuiSearchBar
andEuiBasicTable
so searching is properly announced (#1181)
Bug fixes
- Fixed
makeHighContrastColor
sass mixin to properly output an accessible color contrast (#1158) - Fixed
EuiTooltip
to interact correctly when the anchor is a disabled form element (#1158) - Fixed
EuiButton
(with icon) andEuiButtonEmpty
truncation (#1145) - Fixed alignment and coloring of form control clear button (#1145)
- Fixed
EuiToolTip
from setting state after component unmounts (#1163)
- Added a new
EuiStat
component for displaying prominent stats (#1146) - Added color and monotone icons for AWS and GCP. (#1135)
- Added TypeScript definition for
EuiComboBox
(#1115)
Bug fixes
- Fixed
EuiSearchBar
when used as a controlled component in React 16.4 (#1153) - Fixed
onChange
typedef onEuiSwitch
(#1144 - Fixed
EuiToolTip
's inability to update its position when tooltip content changes (#1116) - Fixed
EuiSearchBar
's syntax parsing to allow multiple escaped characters in a single field value
- Added
zIndexAdjustment
toEuiPopover
which allows tweaking the popover content'sz-index
(#1097) - Added new
EuiSuperSelect
component andhasArrow
prop toEuiPopover
(#921) - Added a new
EuiWindowEvent
component for declarative, safe management ofwindow
event listeners (#1127) - Changed
Flyout
component to close on ESC keypress even if the flyout does not have focus, using new Window Event component (#1127) - Added TypeScript definitions for
EuiAvatar
component and thecolor
services (#1120)
Bug fixes
EuiFlyout
responsive mode now gracefully overrides a custommaxWidth
(#1124
- Added TypeScript definition for
findTestSubject
test util (#1106)
Bug fixes
- Fixed bug where
EuiToolTip
content wasn't removed if its anchor is removed from the document (#1119)
Bug fixes
-
EuiWrappingPopover
only re-attach anchor element on unmount if anchor element is still attached to DOM (#1114) -
Fixed
EuiSeriesChart
overridesreact-vis
classes.(#1123)
- Fixed a bug around
indeterminate
checkboxes (#1110)
- Added support for
indeterminate
toEuiCheckbox
(#1108)
- Added typings for
EuiToolTip
andEuiIconTip
(#1087) - Added
spacesApp
logo toEuiIcon
set (#1065) - Added
!default
to border SASS props (#1079) - Added
repositionOnScroll
prop toEuiPopover
which enables repositioning the popover when the window is scrolled. (#1064) - Allow
_
and*
characters to be used inEuiSearchBar
query terms (#1058) - Added more
status
options forEuiSteps
(#1088) - Added
maxWidth
propEuiFlyout
(#1090) - Added
string
to allowedrestrictWidth
prop type ofEuiPage
andEuiPageBody
(#1090) - Added
.eui-textBreakNormal
and@mixin euiTextTruncate
as CSS/SASS utilities (#1092) - Added
fullWidth
support toEuiComboBox
(#1095)
Bug fixes
EuiMutationObserver
'schildren
prop is no longer marked as required (#1076)- Fixed large drop shadows so they work on darker backgrounds (#1079)
- Added
resize-observer-polyfill
as a dependency (was previously a devDependency) (#1085) - Fixed
EuiBasicTable
to inform its parent about a selection change triggered by a different set ofitems
(#1086) - Fixed width of
EuiFilterGroup
's popover (#1078) - Fixed
EuiStepsHorizontal
's title wrapping in IE (#1088) - Fixed wrong class name being added to
EuiPageBody
whenrestrictWidth !== false
(#1090)
- Added
onTableChange
callback toEuiInMemoryTable
which notifies on sorting and pagination changes. (#1060) EuiComboBox
now applies the provideddata-test-subj
to its options list element with the suffix-optionsList
so you can find a specific combo box instance's options list. This wasn't previously possible because the options list is attached to the body element, not the combo box element. This is in addition to the existingdata-test-subj="comboBoxOptionsList"
. (#1054)- EUI now provides minified versions of the themes' CSS files. (#1070)
Bug fixes
- Fixed
EuiSeriesChart
(previouslyEuiXYChart
) responsive resize in a flexbox layout (#1041) EuiInMemoryTable
no longer mutates theitems
prop array when sorting, adding deterministic sorting (#1057)EuiBasicTable
actions now close their context menu when clicked (#1069)
Experimental breaking change
- Renamed
EuiXYChart
toEuiSeriesChart
,EuiXYChartUtils
toEuiSeriesChartUtils
,EuiXYChartAxisUtils
toEuiSeriesChartAxisUtils
, andEuiXYChartTextUtils
toEuiSeriesChartTextUtils
(#1066)
- Added
closeButtonAriaLabel
property toEuiFlyout
(#1031) - Added types for
EuiToast
,EuiGlobalToastList
, andEuiGlobalToastListItem
(#1045) - Added a handful of third-party logos to
EuiIcon
(#1033)
Bug fixes
- Removed IE flex column fix in favor of forcing the consumer to add a
grow
prop. (#1044) - Removed max-width to children of
EuiPopover
. (#1044)
Note: this release creates a minor regression to the display of EuiFlexItem
s inside a column
EuiFlexGroup
. This is fixed in 3.2.1
.
Note: this release creates a minor regression to the display of EuiPopoverTitle
. This is fixed in 3.2.1
.
- Added typings for 'EuiBadge' (#1034)
- Added a visual pattern for Kibana's Global Date Picker (#1026)
- Added
responsive
prop toEuiFlexGrid
(#1026) - Added
expand
prop toEuiTabs
andEuiTabbedContent
(#1026) - Allow
titleElement
to be passed toEuiCard
(#1032)
Bug fixes
- Fixed
EuiContextMenuPanel
callingref
after being unmounted (#1038) EuiOutsideClickDetector
supports nested detectors in the DOM tree (#1039)- To make it more accessible, added a random id to
EuiSwitch
's id prop if none is passed. (#779) BetaBadge
now shows outside ofEuiPanel
bounds in IE (#1032)
- Added
EuiMutationObserver
to expose Mutation Observer API to React components (#966) - Added
EuiWrappingPopover
which allows existing non-React elements to be popover anchors (#966) EuiPopover
accepts acontainer
prop to further restrict popover placement (#966)EuiPortal
can inject content at arbitrary DOM locations, addedportalRef
prop (#966)
Bug fixes
EuiPopover
re-positions with dynamic content (including CSS height/width transitions) (#966)
Note: this release is a backport containing changes originally made in 3.6.1
Bug fixes
- Fixed bug where
EuiToolTip
content wasn't removed if its anchor is removed from the document (#1119)
Note: this release is a backport containing changes originally made in 3.4.0
- Allow
_
and*
characters to be used inEuiSearchBar
query terms (#1058)
Note: this release is a backport bugfix release containing changes originally made in 3.2.0
Bug fixes
- Fixed
EuiContextMenuPanel
callingref
after being unmounted (#1038)
- Added
restrictWidth
option toEuiPageBody
(#1024)
Bug fixes
- Fixed
EuiPageContent
centered layouts (#1024)
- Added typings for
EuiEmptyPrompt
,EuiCode
,EuiCodeBlock
, andEuiCallOut
(#1010) - Make utility type
Omit
compatible with newkeyof
behavior introduced in TypeScript 2.9 (#1017) - Added visualization chart type icons (#1020)
Bug fixes
- Fixed
EuiContextMenu
causing scroll-jumps because of premature browser focus. (#1018)
- Fixed
EuiHeader
responsive styles (#1009) - Added
prepend
andappend
props toEuiFormControlLayout
(#961) - Updated style implementation of
EuiFilterGroup
andEuiFilterGroupButton
(#961) - Added
EuiDatePickerRange
as a way to layout twoEuiDatePicker
s. (#961) - Temporarily removed
EuiPage
responsive styles (#1014)
Breaking changes
- Moved
EuiHeaderNotification
to a genericEuiNotificationBadge
component (#1009)
Bug fixes
EuiInMemoryTable
no longer resets to the first page on prop update whenitems
remains the same (#1008)- Fixed css selector for hiding responsive
EuiBreadcrumb
's (#1009) - Fixed responsive utility classes for IE (#1009)
- Fixed syntax errors in
keyCodes
's andEuiContextMenu
's typescript definition (#1012)
- Added more typings to
EuiContextMenuItemProps
(#1006) - Made some properties of
EuiFlyout
optional (#1003) - Added typings for
EuiFlyout
,EuiFlyoutBody
,EuiFlyoutHeader
, andEuiFlyoutFooter
(#1001) - Gave
EuiFlyout
close button a data-test-subj (#1000) - Updated
react-vis
version to1.10.2
(#999) - Added
component
prop toEuiTextColor
(#1011)
Breaking changes
- Altered
EuiPage
and sub-component layout (#998)EuiPageHeader
must now be contained withinEuiPageBody
EuiPageSideBar
must now be outside ofEuiPageBody
Bug fixes
EuiDescribedFormGroup
now renders itsdescription
inside of adiv
instead of aspan
(#1011)
Bug fixes
- Removed global manipulation of
EuiTitle
sizing in XYCharts (#997)
Note: this release creates a minor regression to the sizing of EuiTitle
s. This is fixed in 1.2.1
.
- Added typings for keyCodes (#988)
- Changed
EuiXYChart
components exports to/experimental
subfolder (#975) - Added beta version of
EuiXYChart
and associated components (#309) - Added
size
prop toEuiIconTip
(987) - Added
database
,filter
,globe
, andsave
icons (990) - Updated typings for
EuiButton
,EuiButtonEmpty
, andEuiButtonIcon
to include<a>
tag attributes likehref
(#992)
Bug fixes
- Fixed some IE11 flex box bugs and documented others (modal overflowing, image shrinking, and flex group wrapping) (#973)
- Fixed white square that show in double scrollbar via
euiScrollBar()
(989) - Fixed issue with Accordion would attempt to use properties and accessors on null (#982)
- Added more (mainly style) options to
EuiRange
(#932) - Cleaned up some
EuiPopover
styles (#969) - Added
inputRef
prop toEuiFieldPassword
(#970)
Bug fixes
- Fixed disabled states of icon buttons (#963)
- Added word-break fallback for FF & IE in table cell (#962)
- Fixed
EuiPopover
to show content over modals, flyouts, etc (#967) - Fixed background transition on inputs (#969)
EuiAccordion
use MutationObserver to re-calculate height when children DOM changes (#947)- Add
inspect
type option to icon typedef file. (#952) - Simplified form control styles. (#954)
Bug fixes
EuiPopover
now positions popover content over all other elements, instead of sometimes clipping (#948)EuiOnClickOutside
works with child components rendered via React portals (#948)
Deprecations
- Replaced the following SASS variables have been replaced
$euiFormControlHeight--compressed
,$euiFormControlPadding--compressed
,euiFormBorderColor--disabled
. (#954)
- Reduced font sizes of
EuiAvatar
(#945) - Changed release process to be fully automated by script (#944)
Bug fixes
EuiTooltip
re-positions content correctly after the window is resized (#936)EuiComboBox
list is positioned correctly in IE (#946)
- Added
getPopoverScreenCoordinates
service function for positioning popover/tooltip content, updatedEuiToolTip
to use it (#924) - Allow
mode
prop inEuiCodeEditor
to take custom mode object (#935) EuiCodeEditor
is now decorated with adata-test-subj
selector (codeEditorContainer
) (#939)EuiCodeEditor
no longer automatically scrolls cursor into view on selection change (#940)
Bug fixes
EuiTabbedContent
now updates dynamic tab content when used as an uncontrolled component (#931)
EuiComboBox
is now decorated withdata-test-subj
selectors for the search input (comboBoxSearchInput
), toggle button (comboBoxToggleListButton
), and clear button (comboBoxClearButton
) (#918)EuiComboBox
now gives focus to the search input when the user clicks the clear button, to prevent focus from defaulting to the body (#918)- Fixed visual size of inputs by setting the box-shadow border to
inset
(#928) - Per-column custom sort values added to
EuiInMemoryTable
(#929)
Non-breaking major changes
- Added close (
cross
) button as default way to close toEuiFlyout
whenonClose
is provided (#925) - Fleshed out
EuiFlyoutHeader
for consistency (see docs) (#925)
Bug fixes
- Added
role="dialog"
toEuiFlyout
to improve screen reader accessibility (#916) - Default sort comparator (used by
EuiInMemoryTable
) now handlesnull
andundefined
values (#922)
- Added updated logos for Cloud and Cloud ECE (#906)
- Added the ability for
EuiBetaBadge
to appear onEuiPanel
similar toEuiCard
(#885) - Added
restrictWidth
toEuiPage
(#896) - Added
resize
prop toEuiTextArea
that defaults to βverticalβ (only height) (#894) - Added multiple style-only adjustments to
EuiFormControlLayout
buttons/icons (#894) - Shifted
readOnly
inputs to not have left padding unless it has an icon (#894) - Added more customization options to
EuiAvatar
(#903) - Added more color options to
EuiButtonIcon
(#907) - Added icon for EMS (Elastic Map Service) (
emsApp
) (#914) - Added support for
href
,target
, andrel
properties forEuiContextMenu
items (#911) - Added responsive helpers in the form of
EuiShowFor
andEuiHideFor
components and corresponding CSS classes. (#909)
Deprecations
- Replaced
$breakpoints
in favor of better named$euiBreakpoints
(#909) - Replaced the following mixin
screenXSmall()
,screenSmall()
,screenMedium()
,screenLarge()
,screenSmallMediumLarge()
in favor of a singleeuiBreakpoint()
. (#909)
Bug fixes
- Removed
.nvmrc
file from published npm package (#892) EuiComboBox
no longer shows the clear icon when it's a no-op (#890)EuiIcon
no longer takes focus in Edge and IE unlesstabIndex
is defined as a value other than"-1"
(#900)- Fixed regression introduced in
0.0.50
in which the form control icons blocked users from clicking the control (#898) - Fixed
EuiSwitch
background in case itβs been placed on a gray background (#894) - Fixed
EuiComboBox
hidden input focus styles (#894) - Fixed responsive widths of
EuiDescribedFormGroup
(#894) - Fixed descenders being cut off in
EuiSelect
(#894) - Fixed extra spacing applied by Safari to
EuiFieldSearch
(#894) - Fixed contrast issues in dark theming (#907)
- Added
textStyle="reverse"
prop toEuiDescriptionList
as well as a class (.eui-definitionListReverse
) fordl
's withinEuiText
(#882) - Added
inspect
icon (#886) - Added
layout
prop toEuiCard
(#885)
Bug fixes
- Moved
EuiFieldSearch
's andEuiValidateControl
's ref out of render intosetRef
methods (#883)
Note: this release creates a minor regression to form controls containing icons, in which the icon blocks the user from clicking the control. This is fixed in 0.0.52
.
- Created
EuiToggle
,EuiButtonToggle
, andEuiButtonGroup
(#872) EuiBasicTable
andEuiInMemoryTable
now acceptrowProps
andcellProps
callbacks, which let you apply custom props to rows and props (#869)- Added
offline
andonline
icons (#881)
Bug fixes
EuiContextMenuPanel
now updates appropriately if its items are modified (#887)EuiComboBox
is no longer a focus trap, the clear button is now keyboard-accessible, and the virtualized list no longer interferes with the tab order (#866)EuiButton
,EuiButtonEmpty
, andEuiButtonIcon
now look and behave disabled whenisDisabled={true}
(#862)EuiGlobalToastList
no longer triggersUncaught TypeError: _this.callback is not a function
(#865)EuiGlobalToastList
checks to see if it has dismissed a toast before re-dismissing it (#868)- Added FF/IE fallback for
.eui-textBreakWord
(#864) - Fixed
EuiCard
description text color when used in/as an anchor tag (#864) - Fixed
EuiCard
IE bugs (#864) - Fixed button labeling for
EuiFormControlLayout
andEuiComboBox
accessibility (#876) - Fixed
EuiBreadcrumb
slash alignment when truncating (#878)
Breaking changes
EuiSearchBar
no longer has anonParse
callback, and now passes an object toonChange
with the shape{ query, queryText, error }
(#863)EuiInMemoryTable
'ssearch.onChange
callback now passes an object with{ query, queryText, error }
instead of only the query (#863)EuiFormControlLayout
no longer hasonClear
,iconSide
, oronIconClick
props. Instead ofonClear
it now accepts aclear
object of the shape{ onClick }
. Instead of the icon props, it now accepts a singleicon
prop which be either a string or an object of the shape{ type, side, onClick }
. (#866)EuiBasicTable
andEuiInMemoryTable
pass-through cell props (defined by thecolumns
prop and thecellProps
prop) used to be applied to thediv
inside of thetd
element. They're now applied directly to thetd
element. (#869)
Bug fixes
EuiInMemoryTable
now applies its search filter (#851)EuiInMemoryTable
andEuiBasicTable
now pass unknown props through to their child (#836)- Added
EuiHeaderLinks
which allow you to construct navigation in the header in place of the app menu. (#844) EuiPopover
will use an alert to warn the user it traps focus (#844)
Breaking changes
- EUI requires React
16.3
or higher (#849) EuiHeaderBreadcrumbs
refactored to useEuiBreadcrumbs
. This removed all child components ofEuiHeaderBreadcrumbs
. (#844)
Bug fixes
EuiComboBox
does not passisDisabled
prop toEuiComboBoxOptionsList
to avoid "React does not recognize the 'isDisabled' prop on a DOM element" console warning (#838)EuiComboBox
does not display clear icon whenisClearable
prop is set to false andselectedOptions
prop is provided (#838)
Breaking changes
- Move
EuiBasicTable
'sitemId
prop fromselection
to a top-level property (#830) - Renamed/refactored
requiresAriaLabel
prop validator to a more generalwithRequiredProp
(#830)
- Added utility CSS classes for text and alignment concerns (#774)
- Added
compressed
versions ofEuiFormRow
and all form controls (#800) - Removed pointer cursor on
EuiFormLabel
when afor
property is not set (#825) - Added the ability to add tooltips to
EuiContextMenuItem
s (#817) - Added
EuiBreadcrumbs
(#815)
Bug fixes
- Fixes height calculation error on
EuiAccordion
when it starts loads in an open state. (#816) - Added aria-invalid labeling on
EuiFormRow
(#777) - Added aria-live labeling for
EuiToasts
(#777) - Added aria labeling requirements for
EuiBadge
, as well as a generic prop_type functionrequiresAriaLabel
inutils
to check for it. (#777) (#802) - Ensure switchesβ inputs are still hidden when
[disabled]
(#778) - Made boolean matching in
EuiSearchBar
more exact so it doesn't match words starting with booleans, like "truest" or "offer" (#776) EuiComboBox
do not setState or call refs once component is unmounted (807 and #813)- Added better accessibility labeling to
EuiPagination
,EuiSideNav
,EuiPopover
,EuiBottomBar
andEuiBasicTable
. (#821) - Added
isDisabled
toEuiComboBox
(#829)
- Added
EuiDescribedFormGroup
component, a wrapper aroundEuiFormRow
(s) (#707) - Added
describedByIds
prop toEuiFormRow
to help with accessibility (#707) - Added
isLoading
prop toEuiButtonEmpty
(#768) - Removed individual badge cross icon when
EuiComboBox
hassingleSelection
prop enabled. (#769)
Bug fixes
- Removed specificity on
EuiText
that was causing cascade conflicts around text coloring. (#770)
NOTE v0.0.45 has a bug causing it to fail during installation, please use v0.0.46
- Added
EuiBetaBadge
for non-GA labelling including options to add it toEuiCard
andEuiKeyPadMenuItem
(#705) - Added
direction
prop to EuiFlexGroup (#711) - Added
EuiEmptyPrompt
which can be used as a placeholder over empty tables and lists (#711) - Added
EuiTabbedContent
(#737) EuiComboBox
added buttons for clearing and opening/closing the combo box (#698)
Bug fixes
- Fixed
EuiTableRowCell
from overwriting its child element'sclassName
#709 - Allow
EuiContextMenuPanel
s to update when theirchildren
changes (#710) EuiInMemoryTable
now passesitemIdToExpandedRowMap
prop toEuiBasicTable
(#759)- Expanded table rows in paginated data no longer leak to other pages (#761)
Breaking changes
- Rename
logoElasticSearch
tologoElasticsearch
#755
- Reduced
EuiToast
title size (#703)
Bug fixes
- Fixed inherited
line-height
of inputs and buttons (#702) - Fixed card title sizing in K6 theme. (#704)
- Added
status
prop toEuiStep
for additional styling (#673) EuiForm
andEuiFormRow
now accept nodes forerrors
prop (#685)- Removed the default
max-width
fromEuiText
. This can still be applied by settinggrow={false}
(#683) - Added support for text alignment with
EuiTextAlign
(#683) EuiBasicTable
added thecompressed
prop to allow for tables with smaller fonts and padding (#687)
Bug fixes
- Added a
paddingSize
prop toEuiAccordion
to better mitigate situations where a nestedEuiFlexGroup
causes scrollbars (#701) - Fixed
EuiCard
icon
prop to include user provided className (#684) EuiInMemoryTable
pagination state is now reset automatically when a search is executed (#686)- Fixed slow performance of
EuiComboBox
when there are hundreds or thousands of options by virtualizingEuiComboBoxOptionsList
(#670) - Fixed some text styles (#683)
- Fixed font-family of input, textarea, select, and buttons
- Fixed style of code, pre, and dlβs inside
EuiText
- Fixed ghost text color which was being set to a dark gray
Breaking changes
- Added responsive support for tables. This isn't technically a breaking change, but you will need to apply some new props (
hasActions
,isSelectable
) for certain tables to make them look their best in mobile. Responsive table views are on by default. (#584)
- Added
grow
prop toEuiText
(#662) - Added
disabled
prop toEuiComboBoxOption
(#650) - Added support for
<pre>
and<code>
tags to<EuiText>
(#654) - Added export of SASS theme variables in JSON format during compilation (#642)
- Close
EuiComboBox
singleSelection
options list when option is chosen (#645) - Wrap
EuiStepHorizontal
text instead of truncating it (#653) - Fixed a bug where
EuiSideNavItem
wouldn't pass anonClick
handler down to<a>
tags if they also had anhref
. (#664) - Updated existing and added additional TypeScript definitions (#666)
Bug fixes
- Fixed
EuiBasicTable
re-rendering on hover of table rows (#665)
Breaking changes
EuiStepsHorizontal
now requires anonClick
prop be provided for each step configuration object (#653)
- Tweaked sizing, weights, color, line-heights, and added more levels to
EuiTitle
andEuiText
(#627) - Added TypeScript type definitions for
EuiPortal
,EuiText
andEuiTitle
as well as thecalculatePopoverPosition
service (#638) - Grayed out labels for
disabled
controls (#648)
Bug fixes
- Fix visual shadow glitch on hover of
EuiToast
(#632)
Breaking changes
- Note: This breaking change is reversed in 0.0.43. Added a default
max-width
toEuiText
. (#627)
Bug fixes
- Allow accordions to dynamically change height, and support values on radio inputs (#613)
- Accordion toggle layout is no longer flagged responsive, in order to prevent unwanted stacking on mobile (#613)
Breaking changes
- Support values on radio inputs. This is breaking because now the second argument to the radio
onChange
callback is the value, which bumps the change event to the third argument (#613)
- Modified drop shadow intensities and color. (#607)
- Added SASS color functions. Made
$euiColorWarning
color usage more accessible while still being "yellow". (#628) - Removed extraneous
global_styling/mixins/_forms.scss
file and importing the correct files in thefilter_group.scss
andcombo_box.scss
files. (#609) - Added
isInvalid
prop toEuiComboBox
(#631) - Added support for rejecting user input by returning
false
from theonCreateOption
prop ofEuiComboBox
(#631)
Bug fixes
- Visual fix for the focus state of disabled
EuiButton
(#603) EuiSelect
can pass any node as a value rather than just a string (#603)- Fixed a typo in the flex TypeScript definition (#629)
- Fixed
EuiComboBox
bug in which the options list wouldn't always match the width of the input (#611) - Fixed
EuiComboBox
bug in which opening the combo box when there's no scrollbar on the window would result in the list being positioned incorrectly (#631) - Fixed
EuiComboBox
bug in which clicking a pill's close button would close the list (#631) - Fixed
EuiComboBox
bug in which moving focus from one combo box to another would remove theeuiBody-hasPortalContent
class from the body. (#631)
- Added
EuiComboBox
for selecting many options from a list of options (#567) - Added
EuiHighlight
for highlighting a substring within text (#567) calculatePopoverPosition
service now accepts apositions
argument so you can specify which positions are acceptable (#567)- Added
closeButtonProps
prop toEuiBadge
,hollow
badge type, and support for arbitrary hex color (#567) - Added support for arbitrary hex color to
EuiIcon
(#567)
Breaking changes
- Renamed
euiBody-hasToolTip
class toeuiBody-hasPortalContent
(#567)
- Added support for range queries in
EuiSearchBar
(works for numeric and date values) (#485) - Added support for emitting a
EuiSearchBar
query to an Elasticsearch query string (#598) - Added support for expandable rows to
EuiBasicTable
(#585)
Bug fixes
- Relaxed query syntax of
EuiSearchBar
to allow usage of hyphens without escaping (#581) - Fixed font-weight issue in K6 theme (#596)
- Modified
EuiLink
and all buttons to support both href and onClick (#554) - Added
color
prop toEuiIconTip
(#580)
- Adjust
EuiCallOut
and dark theme warning coloring (#563) - Added a
buttonColor
prop toEuiConfirmModal
(#546) - Added 'baseline' as option to
EuiFlexGroup
'salignItems
prop (#546)
Bug fixes
- Fixed
EuiToolTip
bug which caused the tooltip to hide when moving the mouse around inside of the trigger element (#557, #564) - Fixed a bug where
EuiButtonEmpty
would offer a white background on hover when it was disabled, even when there was no such background transition on hover when the buttons are not disabled (#561) - Fixed table cell bugs (#565)
EuiBasicTable
now supports explicitly settingtruncateText
andtextOnly
on column definitions, and supports passing through unrecognized props to the cell (e.g.data-test-subj
).- Updated table cell CSS so that long single-word cell content will break and wrap mid-word.
- Added initial sorting option to
EuiInMemoryTable
(#547) - Horizontally scrolling
EuiTabs
(#546) - Remove padding from both sides of
EuiEmptyButton
(#546) - Added
disabled
prop to placeholder (ellipses) button in pagination (#546) - Converted
.euiHeader__notification
intoEuiHeaderNotification
(#546)
Bug fixes
EuiConfirmModal
will now check for the presence of confirm and cancel buttons before trying to focus them (#555)
- Updated
EuiDescriptionList
to accept nodes for the titles and descriptions (#552) - Added
stop
andstopFilled
icons (#543)
Bug fixes
- Fixed
EuiToolTip
smart positioning to prevent tooltip from being clipped by the window where possible (#550)
- Made
<EuiProgress>
TypeScript types more specific (#518) - Removed
font-smoothing
from our reset css for better text legibility (#539)
Bug fixes
- Made
EuiIconTip
screen reader accessible (#534) - Fixed a sorting issue in
EuiInMemoryTable
(#453) - Fixed checkbox click for
EuiCheckbox
andEuiRadio
without a label (#541)
- Add ability to force
EuiSideNav
items open by settingitem.forceOpen
. (#515)
- Added
EuiIconTip
to make it easier to display icons with tooltips (#528) - Added
buttonRef
prop toEuiButton
,EuiButtonEmpty
, andEuiButtonIcon
(#529)
Bug fixes
EuiHealth
no longer stacks flex items on small screens (#530)- Fixed
EuiPageContent
centering withinEuiPage
issue (#527) EuiConfirmModal
will now correctly auto-focus on its confirm and cancel buttons (#529)
EuiInMemoryTable
pass items to BasicTable when message is provided (#517).EuiSearchBox
now passes unused props through toEuiFieldSearch
(#514)- Change
EuiBasicTable
noItemsMessage
andEuiInMemoryTable
message
propType to node instead of just string (#516)
- Don't propagate a null
onClick
on EuiPanels (#473) - Use 1.1px for the
EuiHorizontalRule
height, in order to work around strange Chrome height calculations (#473) - New icons for
logoGithub
andlogoSketch
(#494) EuiCard
now has anhref
andisClickable
prop for better handling hover animations. (#494)- Added
calculateContrast
andrgbToHex
to services (#494)
Bug fixes
EuiModal
is now responsive on mobile screens (#512)EuiFlexGrid
now collapses down in mobile layouts properly. (#515)- Made
EuiCard
proptypes more permission by changing strings to nodes. (#515) - Fixed
responsive={false}
prop not working when flex groups were nested. (#494) EuiBadge
wrapping element changed from adiv
tospan
so it can be nested in text blocks (#494)
Bug fixes
EuiSelect
do not setdefaultValue
property whenvalue
property is provided (#504).EuiBottomBar
now usesEuiPortal
to avoid z-index conflicts (#487)- Upped dark theme contrast on disabled buttons (#487)
Breaking changes
- Removed
EuiTableOfRecords
(#490)
EuiSearchBar
acceptstoolsLeft
andtoolsRight
props (#458)- Added
search.onChange
callback toEuiInMemoryTable
(#469) - Added
initialPageSize
option toEuiInMemoryTable
(#477) - Added design guidelines for button and toast usage (#371)
Breaking changes
- Complete refactor of
EuiToolTip
. They now work. Only a breaking change if you were using them. (#484)
- Removed hover and focus states from non-selectable
EuiSideNavItem
s (#434) - Added
Ast
andQuery
services (#454) - Added icons for Kibana query language (#455)
Bug fixes
- Fix error stemming from
selected
prop onEuiSelect
(#436)
Breaking changes
- The
Random
service'soneOf
method now only accepts an array (#454)
- Added
EuiInMemoryTable
, which encapsulates sorting, searching, selection, and pagination state and logic (#390) - Added stack trace information to
EuiErrorBoundary
(#428) - Make full screen code block use the same font-size on the original code block. (#447)
Bug fixes
- Fixed
EuiContextMenu
bug when using the keyboard to navigate up, which was caused by unnecessarily re-rendering the items, thus losing references to them (#431)
- Added
EuiDelayHide
component. (#412) - Decreased overall size of checkbox, radio, and switches as well as better styles for the different states. (#407)
- Added
EuiFilePicker
component forinput type="file"
needs. (#402) - Added
isLoading
prop toEuiButton
(#427) - Added icons:
eye
,eyeClosed
,grab
,heatmap
,vector
(#427) - Added
hasNoInitialSelection
option toEuiSelect
. (#422)
Bug fixes
- Fixed appearance of checked checkboxes and radios in IE (#407)
- Fixed disabled vs enabled appearance of checked checkboxes and radios (#407)
- Fixed disabled & checked state of switches (#407)
- Fixed
EuiCard
content alignment when content is short. (#415) - Only apply the
$euiCodeBlockSelectedBackgroundColor
variable if it is a color (#427) - No margins for
<hr>
(#427) - Fixed
EuiButton
truncation (#427)
Breaking changes
- Changed
EuiAccordion
βs method ofonToggleOpen
toonToggle
(#427)
- Logstash icon set. #399
- Added support for
disabled
options inEuiSelect
. #324 - Badges can now accept onClicks and custom colors. They were changed stylistically to be bolder and smaller by default. (#381)
- Added component to wrap blocks of substeps
EuiSubSteps
in a shaded container. (#375) - Added horizontal steps component (#375)
- Changed look and feel of pagination. Added
compressed
prop for smaller footprint pagination. (#380) - Added
EuiBasicTable
as an opinionated, high level component for constructing tables. Its addition deprecatesEuiTableOfRecords
which is still available, but now marked for removal. (#377) - Added styles for
readOnly
states of form controls. (#391) - Added importAction and exportAction icons (#394)
- Added
EuiCard
for UI patterns that need an icon/image, title and description with some sort of action. (#380) - Added TypeScript definitions for the
EuiHealth
component. (#403) - Added
SearchBar
component - introduces a simple yet rich query language to search for objects + search box and filter controls to construct/manipulate it. (#379)
Bug fixes
- Tables now default to
table-layout: fixed
to avoid some collapsing cell problems. #398 - Wrap long lines of text within the body of
EuiToast
instead of letting text overflow (#392) - Fixed dark theme coloring of SubSteps (#396)
- Reorder selectors to fix fixed progress bar in Firefox (#404)
- Renamed class from
euiFlexGroup--alignItemsStart
toeuiFlexGroup--alignItemsFlexStart
(#378)
EuiGlobalToastList
now prevents toasts from disappearing while the user's mouse is over the list. Addedtimer/Timer
service. (#370)
Bug fixes
- Note: This is deprecated in 0.0.21 and removed in 0.0.26.
EuiTableOfRecords
selection bugs (#365)- Deleting selected items now resets the select all checkbox to an unchecked state
- The select all checkbox only becomes checked when all selectable rows are checked, not just some of them
Breaking changes
- Changed
EuiGlobalToastList
to be responsible for instantiating toasts, tracking their lifetimes, and dismissing them. It now acceptstoasts
,dismissToast
, andtoastLifeTimeMs
props. It no longer acceptschildren
. (#370)
Bug fixes
- Fixed
EuiCodeEditor
bug in which hitting ESCAPE to close the autocompletion suggestions menu would also exit editing mode. (#363)
Bug fixes
- Downgraded
lodash
version to3.10.0
to align it with Kibana. (#359)
EuiRadio
now supports theinput
tag'sname
attribute.EuiRadioGroup
accepts aname
prop that will propagate to itsEuiRadio
s. (#348)- Added Machine Learning create jobs icon set. (#338)
- Note: This is deprecated in 0.0.21 and removed in 0.0.26. Added
EuiTableOfRecords
, a higher level table component to take away all your table listings frustrations. (#250)
Bug fixes
- Added
react-color
as a dependency (was previously a devDependency) (#354) - Stop propagation and prevent default when closing components. Otherwise the same Escape keypress could close the parent component(s) as well as the one you intend to close. (#344)
- Added
EuiColorPicker
. (#328) EuiCodeBlock
now only shows fullscreen icons ifoverflowHeight
prop is set. Also forces large fonts and padding while expanded. (#325)- Exported
VISUALIZATION_COLORS
from services (#329) - Added typescript definitions for
EuiFormRow
,EuiRadioGroup
,EuiSwitch
,EuiLoadingSpinner
,EuiLoadingChart
andEuiProgress
. (#326) - Added
checkHrefAndOnClick
andgetSecureRelForTarget
to services.
Breaking changes
EuiCodeBlock
now only shows fullscreen icons ifoverflowHeight
prop is set. Also forces large fonts and padding while expanded. (#325)- React ^16.2 is now a peer dependency (#264)
EuiProgress
no longer accepts theindeterminate
property, which never had any effect. (#326)
Bug fixes
- Fix TypeScript definitions such that optional and readonly properties survive being passed through
Omit
(#322)
- Added
isColorDark
color util (#311) - EuiButton, EuiButtonEmpty and EuiButtonIcon can now take an
href
(#316) - In
EuiSideNav
, allow a callback to be passed that renders the individual items in the navigation. This makes interoperability with e.g.react-router
easier. (#310) - Add new icon types to
EuiIcon
TypeScript definitions (#323).
Bug fixes
- Set
EuiFlexGroup
toflex-grow: 1
to be more friendly with IE11 (#315)
- Added index management icons. (#307)
Breaking changes
- Reverted test helper for async functions that throw exceptions. See PR for details on how this can be handled in Jest 22. (#306)
Bug fixes
- Minor style-only changes to
EuiPagination
, button reset,EuiTableHeaderCell
, andEuiCodeBlock
. (#298) - All NPM dependencies now use ^ to install the latest minor version.
- Added Apache, Nginx, MySQL logos (#270)
- Added small version of
EuiCallOut
(#269) - Added first batch of TypeScript type definitions for components and services (#252)
- Added button for expanding
EuiCodeBlock
instances to be full-screen. (#259) - Add test helper for async functions that throw exceptions (#301)
Bug fixes
- Removed padding on
EuiPage
mobile breakpoint. (#282) - Fixed some
EuiIcon
type
s not setting theirviewBox
attribute, which caused them to not honor thesize
properly. (#277) - Fixed
EuiContextMenu
to pass theevent
argument to aEuiContextMenuItem
'sonClick
handler even when a panel is defined. (#265)
Breaking changes
- Removed
color
prop fromEuiCodeBlock
. This component's highlighting now matches whichever theme is currently active. See PR for details on SCSS breaking changes. (#259)
- Added
EuiImage
component to allow for image sizing and zooms. (#262) - Updated
EuiOverlayMask
to append<div>
to body. (#254)
Bug fixes
- Disabled tab styling. (#258)
- Proper className for flexGroup alignItems prop. (#257)
- Clicking the downArrow icon in
EuiSelect
now triggers selection. (#255) - Fixed
euiFormRow
id's from being the same as the containing input and label. (#251)
Breaking changes
{rest}
prop attachment moved from wrapping div to the input on checkboxes and switches. (#246)
- Updated
euiPopover
to propagatepanelPaddingSize
padding values to content only (title does inherit horizontal values) via CSS. (#229) - Updated
EuiErrorBoundary
to preserve newlines in error. (#238) - Added more icons and fixed a few for dark mode (#228)
- Added
EuiFlyout
component. (#227)
Breaking changes
- Renamed
EuiModalOverlay
toEuiOverlayMask
. (#227)
Bug fixes
- Fixed bug in
Pager
service which occurred when there were no items. (#237) - Added
isPageable
method toPager
service and set first and last page index to -1 when there are no pages. (#242)
Breaking changes
- Renamed
euiFlexGroup--alignItemsEnd
class toeuiFlexGroup--alignItemsFlexEnd
. - Remove support for
primary
color fromEuiTextColor
because it looked too much like a link.
Bug fixes
- Give
EuiFormErrorText
andEuiFormHelpText
proper line-height. (#234)
Bug fixes
- Fix button vertical alignment. (#232)
Breaking changes
- Test helpers now published at
@elastic/eui/lib/test
Bug fixes
- Case sensitive file name fix for Kibana dark theme. (#216)
justify
prop ofEuiFlexGroup
now acceptsspaceEvenly
(#205)- Increased size of
<EuiTitle size="s">
so that it's distinguishable as a title (#204)
Bug fixes
- Fixed import paths for
EuiTable
,EuiHealth
, andEuiPopover
which prevented dependents of EUI from being able to compile when importing components from thelib
directory (#203)
- Added
EuiHealth
components for status checks (#158) - Cleaned up styling for checkboxes, switches, and radios (#158)
- Form
disabled
states are now more consistent (#158) - Page and title padding adjusted to be more compact (#158)
- Table spacing is now smaller (#158)
- Dark theme forms now have better contrast with their borders (#158)
- Added icons to match Kibana's app directory (#162)
- Converted icons from SVG to React component during the build and stop using sprites (#160)
- Added
isReadOnly
,setOptions
, andcursorStart
props toEuiCodeEditor
(#169) - Added
wrap
prop toEuiFlexGroup
(#170) - Added
scope
prop toEuiTableHeaderCell
andEuiTableHeaderCellCheckbox
(#171) - Added
disabled
prop toEuiContextMenuItem
(#172) - Added
EuiTablePagination
component andPager
service (#178) - Note: This is broken until 0.0.25. Added
EuiTooltip
component (#174, #193) - Added a bold weight of 700 and apply it to
<strong>
elements by default (#193) - Icon size prop now accepts
s
. Adjusted coloring of sidenav arrows (#178) - Added
EuiErrorBoundary
(#198) - Exported
test
module, which includesfindTestSubject
,startThrowingReactWarnings
,stopThrowingReactWarnings
,requiredProps
, andtakeMountedSnapshot
helpers (#198) - Added a more systematic way to add themes; includes a new K6 theme for Kibana. (#191)
Bug fixes
- Fixed bug where screen-reader styles weren't being imported (#103)
- Fixed a bug where
<progress>
wasn't being rendered underblock
display (#166) - Fixed a bug that caused
EuiPageSideBar
width to change when the width of its content changed (#181)
Breaking changes
- Fixed a bug where table cell classes were being applied twice (#167)
- React ^16.0 is now a peer dependency (#198)
EuiFlexItem
now accepts integers between 1 and 10 for thegrow
prop. (#144)EuiFlexItem
andEuiFlexGrow
now accept acomponent
prop which you can set tospan
ordiv
(default). (#141)- Added
isLoading
prop to form inputs to allow for a loading state (#150)
Breaking changes
EuiSideNav
now accepts a tree data structure via theitems
prop (#141)EuiSideNavGroup
,EuiSideNavItem
, andEuiSideNavTitle
have been removed from the public API (#141)
- Changed the hover states of
EuiButtonEmpty
to look more like links (#135) EuiCode
now wrapsEuiCodeBlock
, so it can do everythingEuiCodeBlock
could, but inline (#138)- Added
transparentBackground
prop toEuiCodeBlock
(#138) EuiCodeBlock
now uses thelight
theme by default (#138)EuiFormRow
generates its own uniqueid
prop if none is provided (#130)EuiFormRow
associates help text and errors with the field element via ARIA attributes (#130)
0.0.1
Initial Release
- Initial public release