v97.3.0

• EuiDataGrid now supports a new toolbarVisibility.showDisplaySelector.customRender function that allows completely customizing the rendering of the display selector popover (#8080)
• EuiDataGrid's row height/lines per row setting has been streamlined in both UI and UX (#8080)
• EuiDataGrid now accepts consumer-passed display setting updates even after users have changed their display preferences via UI (#8080)
• Updated EuiDataGrid to vertically center all toolbarVisibility.additionalControls nodes (#8085)
• Updated EuiDataGrid with a beta rowHeightsOptions.autoBelowLineCount feature flag (#8096)
• Updated EuiContextMenuPanel to allow disabling initial focus via initialFocusedItemIndex={-1} (#8101)

Bug fixes

• Fixed EuiComment's typing to correctly reflect all accepted props (#8089)
• Fixed EuiSelectableTemplateSitewides within dark-themed EuiHeaders missing input borders (#8100)

v97.2.0

• Updated EuiHeaderLinks with a new xxs gutter size (#8079)

Bug fixes

• Reverted an EuiDataGrid regression from #8015 which prevented overriding column widths via columns's initialWidths (#8086)

v97.1.0

• Added columnVisibility.canDragAndDropColumns on EuiDataGrid which enables reordering columns via draggable header cells (#8015)
• Updated EuiHeaders in dark mode to have a visible border-bottom color (#8070)
• Added props minDate and maxDate on EuiSuperDatePicker to support restricting date range selections (#8071)

v97.0.0

Breaking changes

• EuiDataGrid's custom grid body (rendered via renderCustomGridBody) no longer automatically renders the column header row or footer rows. It instead now passes the headerRow and footerRow React elements, which require manual rendering. (#8028)
  • This change was made to allow consumers to sync header/footer rows with their own custom virtualization libraries.
  • To facilitate this, a gridWidth prop is now also passed to custom grid body renderers.

Bug fixes

• Fixed inputs not taking the whole width when passing fullWidth as true to EuiDatePickerRange component (#8061)

Accessibility

• Improved accessibility of EuiExternalLinkIcon by clarifying text for Screen Reader users. (#8065)

v96.1.0

CSS-in-JS conversions

• Removed the following component-specific Sass mixins: (#8055)
  • euiButton
  • euiButtonBase
  • euiButtonFocus
  • euiButtonContent
  • euiButtonContentDisabled
  • euiButtonDefaultStyle
  • euiButtonFillStyle
  • euiPanel
  • euiFormControlDefaultShadow
  • euiToolTipTitle

v96.0.0

• Improved EuiPageHeader/EuiPageTemplate.Header's responsive UX: (#8044)
  • rightSideItems are no longer pushed to the side by wide tabs content
  • rightSideItems now wrap more responsively at smaller container widths
• Updated EuiDraggable with a new usePortal prop. (#8048)
  • This prop portals the dragged element to the body, allowing it to escape stacking contexts which prevents buggy drag positioning in e.g. popovers, modals, and flyouts.

Bug fixes

• Fixed EuiProvider's system color mode detection causing errors during server-side rendering (#8040)
• Fixed an EuiDataGrid rendering bug that was causing bouncing scrollbar issues (#8041)
• Fixed EuiSearchBox skips input when running with React 18 in Legacy Mode (#8047)

Deprecations

• Deprecated EuiPopover's hasDragDrop prop. Use EuiDraggable's new usePortal prop instead. (#8048)

Breaking changes

• Removed the following exported .css files: (#8045)
  • @elastic/eui/dist/eui_theme_light.css
  • @elastic/eui/dist/eui_theme_light.min.css
  • @elastic/eui/dist/eui_theme_dark.css
  • @elastic/eui/dist/eui_theme_dark.min.css
• All EUI components are now on CSS-in-JS. A CSS file/import in consuming applications is no longer needed, and is safe to remove. (#8045)
• Removed all src/theme/legacy Sass exports (#8054)

CSS-in-JS conversions

• Removed the following component-specific Sass variables: (#8031)
  • $euiButtonColorDisabled
  • $euiButtonColorDisabledText
  • $euiButtonColorGhostDisabled
  • $euiButtonFontWeight
  • $euiFormControlIconSizes
  • $euiFormControlLayoutGroupInputHeight
  • $euiFormControlLayoutGroupInputCompressedHeight
  • $euiFormControlLayoutGroupInputCompressedBorderRadius
  • $euiPageSidebarMinWidth
  • $euiPageDefaultMaxWidth
  • $euiPanelPaddingModifiers
  • $euiPanelBorderRadiusModifiers
  • $euiPanelBackgroundColorModifiers
  • $euiRangeTrackColor
  • $euiRangeHighlightColor
  • $euiRangeThumbHeight
  • $euiRangeThumbWidth
  • $euiRangeThumbBorderColor
  • $euiRangeThumbBackgroundColor
  • $euiRangeTrackWidth
  • $euiRangeTrackHeight
  • $euiRangeTrackCompressedHeight
  • $euiRangeTrackBorderWidth
  • $euiRangeTrackBorderColor
  • $euiRangeTrackRadius
  • $euiRangeDisabledOpacity
  • $euiRangeHighlightHeight
  • $euiRangeHighlightCompressedHeight
  • $euiRangeHeight
  • $euiRangeCompressedHeight
  • $euiTooltipAnimations
  • $euiTooltipBackgroundColor
  • $euiTooltipBorderColor
• Removed the following Sass mixins due to low external usage: (#8031)
  • euiHoverState
  • euiFocusState
  • euiDisabledState
  • euiInteractiveStates
  • euiFormControlStyle
  • euiFormControlStyleCompressed
  • euiFormControlFocusStyle
  • euiFormControlInvalidStyle
  • euiFormControlDisabledTextStyle
  • euiFormControlDisabledStyle
  • euiFormControlReadOnlyStyle
  • euiFormControlText
  • euiFormControlSize
  • euiFormControlGradient
  • euiFormControlLayoutPadding
  • euiFormControlWithIcon
  • euiFormControlIsLoading
  • euiFormControlSideBorderRadius
  • euiPlaceholderPerBrowser
  • euiHiddenSelectableInput
  • euiLink
  • euiLoadingSpinnerBorderColors
  • euiRangeTrackSize
  • euiRangeTrackPerBrowser
  • euiRangeThumbBorder
  • euiRangeThumbBoxShadow
  • euiRangeThumbFocusBoxShadow
  • euiRangeThumbStyle
  • euiRangeThumbPerBrowser
  • euiRangeThumbFocus
  • euiToolTipAnimation

v95.12.0

• Enhanced EuiDataGrid and EuiBasic/InMemoryTable to clean content newlines/tabs when users copy and paste from their tabular data (#8019)
• Updated EuiResizableButton with a new accountForScrollbars prop (#8021)
• Updated EuiProvider to inherit from the user's OS/system light/dark mode setting if a colorMode prop has not been passed (#8026)

Bug fixes

• Fixed EuiDatePicker's onClear button to not appear when the input is disabled (#8020)
• Fixed several EuiDataGrid row height bugs: (#8025)
  • Fixed row heights not recalculating when rowHeightOptions.lineHeight, gridStyles.fontSize, or gridStyles.cellPadding changed
  • Fixed incorrect height calculations for rowHeightOptions.rowHeights with lineCounts
  • Fixed control column content to align better with multi-line row heights, as well as custom line-heights

v95.11.0

• Updated EuiText, EuiTextColor, and EuiTextAlign with a new component prop that allows changing the default rendered <div> wrapper to a <span> or <p> tag. (#7993)
• Updated EuiDataGrid's cell actions to always consistently be left-aligned, regardless of text content alignment (#8011)
• Increased EuiDataGrid's cell actions hover zone to reduce UX friction when mousing over from the grid cell to its actions (#8011)

Bug fixes

• Fixed EuiPopover to correctly inherit from EuiProvider's componentDefaults.EuiPortal.insert (#8003)
• Fixed push EuiFlyoutResizables to not potentially block scrollbars on outside content (#8010)
• Fixed an EuiDataGrid bug where the setCellProps callback passed by renderCellValue was not correctly applying custom data-test-subjs (#8011)

Accessibility

• Updated the EuiBasicTable actions button's aria-label by adding a reference to the current row (#7994)

CSS-in-JS conversions

• Converted EuiDataGrid's toolbar controls to Emotion (#7997)
  • Removed $euiDataGridPopoverMaxHeight
• Converted EuiDataGrid to Emotion (#7998)
  • Removed $euiZDataGrid
  • Removed $euiZHeaderBelowDataGrid
• Converted EuiDataGrid's gridStyles to Emotion; Removed the following Sass variables and mixins: (#8006)
  • $euiDataGridCellPaddingS
  • $euiDataGridCellPaddingM
  • $euiDataGridCellPaddingL
  • $euiDataGridVerticalBorder
  • $euiDataGridPrefix
  • $euiDataGridStyles
  • @euiDataGridSelector
  • @euiDataGridStyles
• Converted EuiDataGrid's cell popover, actions, and focus outline to Emotion; Removed the following Sass variables and mixins: (#8011)
  • $euiZDataGridCellPopover
  • @euiDataGridCellFocus
• Converted EuiDataGrid's row, header, and footer cells to Emotion; Removed the following Sass variables and mixins: (#8013)
  • $euiDataGridColumnResizerWidth
  • @euiDataGridRowCell
  • @euiDataGridHeaderCell
  • @euiDataGridFooterCell

v95.10.1

Bug fixes

• Fixed a visual bug in compact density EuiDataGrids, where the header cell height would increase when the actions button became visible (#7999)

v95.10.0

• Updated EuiDataGrid to support interactive header cell content (#7898)
• Updated EuiSearchBar's field_value_selection filter type with a new autoSortOptions config, allowing consumers to configure whether or not selected options are automatically sorted to the top of the filter list (#7958)
• Updated getDefaultEuiMarkdownPlugins to support the following new default plugin configurations: (#7985)
  • parsingConfig.linkValidator, which allows configuring allowRelative and allowProtocols
  • parsingConfig.emoji, which allows configuring emoticon parsing
  • processingConfig.linkProps, which allows configuring rendered links with any props that EuiLink accepts
  • See our Markdown plugins documentation for example EuiMarkdownFormat and EuiMarkdownEditor usage
• Updated EuiDatePicker to support append and prepend nodes in its form control layout (#7987)

Bug fixes

• Fixed border rendering bug with inline EuiDatePickers with shadow={false} (#7987)
• Fixed EuiSuperSelect's placeholder text color to match other form controls (#7995)

Accessibility

• Improved the keyboard navigation and screen reader output for EuiDataGrid header cells (#7898)