-
Notifications
You must be signed in to change notification settings - Fork 860
[EuiMarkdownEditor] Add footer visibility toggle and toolbar right slot to MarkdownEditor #8889
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
9697307 to
c6d3221
Compare
c6d3221 to
b50e21c
Compare
packages/eui/src/components/markdown_editor/markdown_editor.tsx
Outdated
Show resolved
Hide resolved
packages/eui/src/components/markdown_editor/markdown_editor.tsx
Outdated
Show resolved
Hide resolved
packages/eui/src/components/markdown_editor/markdown_editor_toolbar.tsx
Outdated
Show resolved
Hide resolved
packages/eui/src/components/markdown_editor/markdown_editor_toolbar.tsx
Outdated
Show resolved
Hide resolved
packages/eui/src/components/markdown_editor/markdown_editor.tsx
Outdated
Show resolved
Hide resolved
packages/eui/src/components/markdown_editor/markdown_editor.tsx
Outdated
Show resolved
Hide resolved
|
@mgadewoll Thanks for a lightspeed review! I think I've addressed all your comments and added the storybook and website example as discussed offline. Not sure about the i18ntokens.json file changes - let me know if that's something I should revert, it was caused by the commit prehooks. |
packages/website/docs/components/editors-and-syntax/markdown/editor.mdx
Outdated
Show resolved
Hide resolved
mgadewoll
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🟢 Code changes are looking good to me. The component props updates work as intended. Nice work! Thank you for contributing! 🎉
💚 Build SucceededHistory
cc @mbondyra |
💚 Build Succeeded
History
cc @mbondyra |
|
Thank you @mgadewoll! Looks like I have no permission to merge this PR. Could you hit the button? 🙏🏼 |
`106.1.0` ⏩ `106.2.0` [Questions? Please see our Kibana upgrade FAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams) ## Package updates ### `@elastic/eui` #### [`v106.2.0`](https://github.com/elastic/eui/releases/v106.2.0) - Enhanced `EuiCheckableCard` to make non-interactive children clickable for card selection ([#8907](elastic/eui#8907)) - Added `showFooter` and `toolbarProps.right` props to `EuiMarkdownEditor` for more flexible layout control. ([#8889](elastic/eui#8889)) ([#8889](elastic/eui#8889)) **Bug fixes** - Fixed `EuiPopover` not closing on outside click after multiple fast clicks on the trigger element ([#8882](elastic/eui#8882)) **Accessibility** - Added accessible labels to virtualized `EuiCodeBlock` ([#8887](elastic/eui#8887)) --------- Co-authored-by: Elastic Machine <[email protected]> Co-authored-by: Marta Bondyra <[email protected]>
`106.1.0` ⏩ `106.2.0` [Questions? Please see our Kibana upgrade FAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams) ## Package updates ### `@elastic/eui` #### [`v106.2.0`](https://github.com/elastic/eui/releases/v106.2.0) - Enhanced `EuiCheckableCard` to make non-interactive children clickable for card selection ([elastic#8907](elastic/eui#8907)) - Added `showFooter` and `toolbarProps.right` props to `EuiMarkdownEditor` for more flexible layout control. ([elastic#8889](elastic/eui#8889)) ([elastic#8889](elastic/eui#8889)) **Bug fixes** - Fixed `EuiPopover` not closing on outside click after multiple fast clicks on the trigger element ([elastic#8882](elastic/eui#8882)) **Accessibility** - Added accessible labels to virtualized `EuiCodeBlock` ([elastic#8887](elastic/eui#8887)) --------- Co-authored-by: Elastic Machine <[email protected]> Co-authored-by: Marta Bondyra <[email protected]>
`106.1.0` ⏩ `106.2.0` [Questions? Please see our Kibana upgrade FAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams) ## Package updates ### `@elastic/eui` #### [`v106.2.0`](https://github.com/elastic/eui/releases/v106.2.0) - Enhanced `EuiCheckableCard` to make non-interactive children clickable for card selection ([elastic#8907](elastic/eui#8907)) - Added `showFooter` and `toolbarProps.right` props to `EuiMarkdownEditor` for more flexible layout control. ([elastic#8889](elastic/eui#8889)) ([elastic#8889](elastic/eui#8889)) **Bug fixes** - Fixed `EuiPopover` not closing on outside click after multiple fast clicks on the trigger element ([elastic#8882](elastic/eui#8882)) **Accessibility** - Added accessible labels to virtualized `EuiCodeBlock` ([elastic#8887](elastic/eui#8887)) --------- Co-authored-by: Elastic Machine <[email protected]> Co-authored-by: Marta Bondyra <[email protected]>
Summary
Resolves #8865
Adds two new props to
EuiMarkdownEditorto support the Dashboard Markdown visualization use case:showFooter— allows consumers to show/hide the editor footer entirely.toolbarProps.right— allows replacing the default preview/editor switch with a custom node on the right side of the toolbar.These changes make it easier to control the editor layout in custom contexts while keeping the default behavior intact.
Exposes
EuiMarkdownHelpButton- in Kibana, we want to display it on the right top corner.Checklist
Screenshots
Impact to users
Defaults remain unchanged
QA
Remove or strikethrough items that do not apply to your PR.
General checklist
@defaultif default values are missing) and playground toggles