Skip to content

fix(deps): update dependency @elastic/eui to v87#2145

Merged
nickofthyme merged 2 commits intomainfrom
renovate/@elasticeui
Aug 23, 2023
Merged

fix(deps): update dependency @elastic/eui to v87#2145
nickofthyme merged 2 commits intomainfrom
renovate/@elasticeui

Conversation

@renovate
Copy link
Copy Markdown
Contributor

@renovate renovate bot commented Aug 14, 2023 •
edited
Loading

Mend Renovate

This PR contains the following updates:

Package Change Age Adoption Passing Confidence
@elastic/eui ^85.0.0 -> ^87.2.0 age adoption passing confidence

Release Notes

elastic/eui (@​elastic/eui)

v87.2.0

Compare Source

  • EuiResizableButton is now available as a generic top-level export (#​7087)
  • Added new alignIndicator prop to EuiResizableButton. Defaults to center, and can now additionally be configured to start and end (#​7087)
  • Updated useGeneratedHtmlId hook to use React.useId as the source of unique identifiers when available (#​7095)

CSS-in-JS conversions

  • Converted EuiResizableButton to Emotion; Removed $euiResizableButtonTransitionSpeed and $euiResizableButtonSize (#​7081)
  • Converted EuiResizableCollapseButton to Emotion (#​7091)

v87.1.0

Compare Source

  • Updated the underlying library powering EuiAutoSizer. This primarily affects typing around the disableHeight and disableWidth props (#​6798)
  • Added new EuiAutoSize, EuiAutoSizeHorizontal, and EuiAutoSizeVertical types to support EuiAutoSizer's now-stricter typing (#​6798)
  • Updated EuiDatePickerRange to support compressed display (#​7058)
  • Updated EuiFlyoutBody with a new scrollableTabIndex prop (#​7061)
  • Added a new panelMinWidth prop to EuiInputPopover (#​7071)
  • Added a new inputPopoverProps prop for EuiRanges and EuiDualRanges with showInput="inputWithPopover" set (#​7082)

Bug fixes

  • Fixed EuiToolTip overriding instead of merging its aria-describedby tooltip ID with any existing aria-describedbys (#​7055)
  • Fixed EuiSuperDatePicker's compressed display (#​7058)
  • Fixed EuiAccordion to remove tabbable children from sequential keyboard navigation when the accordion is closed (#​7064)
  • Fixed EuiFlyouts to accept custom aria-describedby IDs (#​7065)

Accessibility

  • Removed the default dialog role and tabIndex from push EuiFlyouts. Push flyouts, compared to overlay flyouts, require manual accessibility management. (#​7065)

v87.0.0

Compare Source

  • Added beta componentDefaults prop to EuiProvider, which will allow configuring certain default props globally. This list of components and defaults is still under consideration. (#​6923)
  • EuiPortal's insert prop can now be configured globally via EuiProvider.componentDefaults (#​6941)
  • EuiFocusTrap's crossFrame and gapMode props can now be configured globally via EuiProvider.componentDefaults (#​6942)
  • EuiTablePagination's itemsPerPage, itemsPerPageOptions, and showPerPageOptions props can now be configured globally via EuiProvider.componentDefaults (#​6951)
  • EuiBasicTable, EuiInMemoryTable, and EuiDataGrid now allow pagination.pageSize to be undefined. If undefined, pageSize defaults to EuiTablePagination's itemsPerPage component default. (#​6993)
  • EuiBasicTable, EuiInMemoryTable, and EuiDataGrid's pagination.pageSizeOptions will now fall back to EuiTablePagination's itemsPerPageOptions component default. (#​6993)
  • Updated EuiHeaderLinks's gutterSize spacings (#​7005)
  • Updated EuiHeaderAlert's stacking styles (#​7005)
  • Added toolTipProps to EuiListGroupItem that allows customizing item tooltips. (#​7018)
  • Updated EuiBreadcrumbs to support breadcrumbs that toggle popovers via popoverContent and popoverProps (#​7031)
  • Improved the contrast ratio of disabled titles within EuiSteps and EuiStepsHorizontal to meet WCAG AA guidelines. (#​7032)
  • Updated EuiSteps and EuiStepsHorizontal to highlight and provide a more clear visual indication of the current step (#​7048)

Bug fixes

  • Single uses of <EuiHeaderSectionItem side="right" /> now align right as expected without needing a previous side="left" sibling. (#​7005)
  • EuiPageTemplate now correctly displays panelled={true} (#​7044)

Breaking changes

  • EuiTablePagination's default itemsPerPage is now 10 (was previously 50). This can be configured through EuiProvider.componentDefaults. (#​6993)
  • EuiTablePagination's default itemsPerPageOptions is now [10, 25, 50] (was previously [10, 20, 50, 100]). This can be configured through EuiProvider.componentDefaults. (#​6993)
  • Removed border prop from EuiHeaderSectionItem (unused since Amsterdam theme) (#​7005)
  • Removed borders object configuration from EuiHeader.sections (#​7005)

CSS-in-JS conversions

  • Converted EuiHeaderAlert to Emotion; Removed unused .euiHeaderAlert__dismiss CSS (#​7005)
  • Converted EuiHeaderSection, EuiHeaderSectionItem, and EuiHeaderSectionItemButton to Emotion (#​7005)
  • Converted EuiHeaderLinks and EuiHeaderLink to Emotion; Removed $euiHeaderLinksGutterSizes Sass variables (#​7005)
  • Removed $euiHeaderBackgroundColor Sass variable; use $euiColorEmptyShade instead (#​7005)
  • Removed $euiHeaderChildSize Sass variable; use $euiSizeXXL instead (#​7005)

v86.0.0

Compare Source

  • Added React 18 support (StrictMode not yet supported). (#​7012)

Deprecations

  • Deprecated euiPaletteComplimentary; Use euiPaletteComplementary instead. (#​6992)

Breaking changes

  • Replaced the underlying drag-and-drop library from react-beautiful-dnd to its fork @hello-pangea/dnd (#​7012) (#​7012)
    • No code updates are needed if using only <EuiDragDropContext>, <EuiDroppable> and <EuiDraggable> with no direct imports from react-beautiful-dnd. In case you were importing things from react-beautiful-dnd and using them together with EUI components, you need to switch to @hello-pangea/dnd which has cross-compatible API.

v85.1.0

Compare Source

  • Updated EuiComboBox's options to accept option.append and option.prepend props (#​6953)
  • Updated deprecated .substr() usages to .substring() (#​6954)
  • Updated EuiInlineEdit's read mode button to include a title tooltip, increasing readability of truncated text (#​6966)

Bug fixes

  • Fixed EuiFilterGroup's responsive styles (#​6983)

Deprecations

  • Deprecated EuiFilterSelectItem; Use EuiSelectable instead (#​6982)

CSS-in-JS conversions

  • Converted EuiFilterSelectItem to Emotion (#​6982)
  • Removed .euiFilterSelect__items CSS; Use EuiSelectable instead (#​6982)
  • Removed .euiFilterSelect__note and .euiFilterSelect__noteContent CSS; Use EuiSelectableMessage instead (#​6982)
  • Added focus.transparency and focus.backgroundColor theme tokens (#​6984)

v85.0.1

Compare Source

Configuration

📅 Schedule: Branch creation - "every 1 week on monday" (UTC), Automerge - At any time (no schedule defined).

🚦 Automerge: Enabled.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about these updates again.

  • If you want to rebase/retry this PR, check this box

This PR has been generated by Mend Renovate. View repository job log here.

@renovate renovate bot added dependencies Pull requests that update a dependency file skip-newsletter labels Aug 14, 2023
@renovate renovate bot requested a review from a team August 14, 2023 04:47
@renovate renovate bot force-pushed the renovate/@elasticeui branch 2 times, most recently from 08441dc to d4b22bb Compare August 15, 2023 20:15
@markov00
Copy link
Copy Markdown
Collaborator

markov00 commented Aug 21, 2023 •
edited
Loading

@nickofthyme it looks like storybook can't handle an EUI dependency (something related to DnD) because it uses optional chaining in an ES module.
I will take a deeper look later today

Update:
It seems that the output folder and bundled files are generating fine. Looks like an issue on the webpack Stats, or something right after the finished output (clearing the .out folder and rebuilding storybook generate a valid bundle that run correctly).

The last switch in the EUI DND library, @hello-pangea/dnd is what is breaking, looks like a misconfigured package.json in that package or our webpack can't correctly select a avoid bundle in a multi-bundle library.

@renovate renovate bot force-pushed the renovate/@elasticeui branch from d4b22bb to 9b4379c Compare August 21, 2023 21:29
@renovate renovate bot force-pushed the renovate/@elasticeui branch from 9b4379c to fed3bf2 Compare August 22, 2023 14:27
@renovate
Copy link
Copy Markdown
Contributor Author

renovate bot commented Aug 22, 2023

Edited/Blocked Notification

Renovate will not automatically rebase this PR, because it does not recognize the last commit author and assumes somebody else may have edited the PR.

You can manually request rebase by checking the rebase/retry box above.

⚠ Warning: custom changes will be lost.

@markov00 markov00 force-pushed the renovate/@elasticeui branch 3 times, most recently from ed5d695 to 75cb626 Compare August 22, 2023 14:50
@markov00
Copy link
Copy Markdown
Collaborator

markov00 commented Aug 22, 2023

@nickofthyme I've managed to make a successful build by including the babel-loader to specifically load that @hello-pangea/dnd library here 75cb626
Not the best thing to do probably but worked...

@markov00 markov00 force-pushed the renovate/@elasticeui branch from 75cb626 to 2b3232e Compare August 22, 2023 15:12
@markov00
Copy link
Copy Markdown
Collaborator

markov00 commented Aug 23, 2023 •
edited
Loading

@nickofthyme this also will work:

    module.noParse: [path.resolve(__dirname, '../../node_modules/@hello-pangea')],

instead of using babel loader

@markov00 markov00 force-pushed the renovate/@elasticeui branch from 4a5b770 to fed3bf2 Compare August 23, 2023 14:04
nickofthyme
nickofthyme approved these changes Aug 23, 2023
View reviewed changes
Copy link
Copy Markdown
Collaborator

@nickofthyme nickofthyme left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Excellent! Thanks for fixing this!! 🍾

@nickofthyme nickofthyme merged commit 312c32c into main Aug 23, 2023
@nickofthyme nickofthyme deleted the renovate/@elasticeui branch August 23, 2023 15:00
nickofthyme pushed a commit that referenced this pull request Sep 20, 2023
@semantic-release-bot
chore(release): 60.0.0 [skip ci]
def039b 
# [60.0.0](v59.1.0...v60.0.0) (2023-09-20)

### Bug Fixes

* **deps:** update dependency @elastic/eui to ^88.2.0 ([#2161](#2161)) ([6609a19](6609a19))
* **deps:** update dependency @elastic/eui to ^88.3.0 ([#2163](#2163)) ([624f43a](624f43a))
* **deps:** update dependency @elastic/eui to v85 ([#2113](#2113)) ([1b3fa7c](1b3fa7c))
* **deps:** update dependency @elastic/eui to v87 ([#2145](#2145)) ([312c32c](312c32c))
* **deps:** update dependency @elastic/eui to v88 ([#2154](#2154)) ([4070da0](4070da0))
* **tooltip:** rendering in react v18 ([#2169](#2169)) ([f30df54](f30df54))
* update font family ([#2165](#2165)) ([be07b0c](be07b0c))
* **waffle:** remove alpha artifacts ([#2139](#2139)) ([8eb4ede](8eb4ede))
* Wait a tick before reporting render status ([#2131](#2131)) ([fd2bca4](fd2bca4))
* **xy:** disable legend extra on ordinal ([#2114](#2114)) ([3ddfb18](3ddfb18))

### Features

* add locale prop to Settings ([#2164](#2164)) ([0bb3ab1](0bb3ab1))

### BREAKING CHANGES

* **xy:** when using the `ScaleType.Ordinal` for the X scale the legend extra value, representing the last and current hovered value, will not be shown.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@nickofthyme nickofthyme nickofthyme approved these changes

Assignees

No one assigned

Labels

dependencies Pull requests that update a dependency file skip-newsletter

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@markov00 @nickofthyme