@elastic/eui 106.1.0 → 106.2.0

package/es/components/markdown_editor/markdown_editor_toolbar.js

@@ -91,7 +91,8 @@ export var EuiMarkdownEditorToolbar = /*#__PURE__*/forwardRef(function (_ref2, r
     viewMode = _ref2.viewMode,
     onClickPreview = _ref2.onClickPreview,
     uiPlugins = _ref2.uiPlugins,
-    selectedNode = _ref2.selectedNode;
+    selectedNode = _ref2.selectedNode,
+    right = _ref2.right;
   var _useContext = useContext(EuiMarkdownContext),
     openPluginEditor = _useContext.openPluginEditor,
     readOnly = _useContext.readOnly;
@@ -178,27 +179,11 @@ export var EuiMarkdownEditorToolbar = /*#__PURE__*/forwardRef(function (_ref2, r
       label: button.label,
       icon: button.iconType
     }));
-  })) : null), isPreviewing ? ___EmotionJSX(EuiButtonEmpty, {
-    "data-test-subj": "markdown_editor_edit_button",
-    iconType: "code",
-    color: "text",
-    size: "s",
-    onClick: onClickPreview,
-    isDisabled: readOnly
-  }, ___EmotionJSX(EuiI18n, {
-    token: "euiMarkdownEditorToolbar.editor",
-    default: "Editor"
-  })) : ___EmotionJSX(EuiButtonEmpty, {
-    "data-test-subj": "markdown_editor_preview_button",
-    iconType: "eye",
-    color: "text",
-    size: "s",
-    onClick: onClickPreview,
-    isDisabled: readOnly
-  }, ___EmotionJSX(EuiI18n, {
-    token: "euiMarkdownEditorToolbar.previewMarkdown",
-    default: "Preview"
-  })));
+  })) : null), right !== null && right !== void 0 ? right : ___EmotionJSX(PreviewEditorSwitch, {
+    isPreviewing: isPreviewing,
+    onClickPreview: onClickPreview,
+    readOnly: readOnly
+  }));
 });
 EuiMarkdownEditorToolbar.propTypes = {
   className: PropTypes.string,
@@ -231,6 +216,26 @@ EuiMarkdownEditorToolbar.propTypes = {
       trimFirst: PropTypes.bool
     }),
     editor: PropTypes.elementType
-  }).isRequired).isRequired
+  }).isRequired).isRequired,
+  right: PropTypes.node
+};
+var PreviewEditorSwitch = function PreviewEditorSwitch(_ref4) {
+  var isPreviewing = _ref4.isPreviewing,
+    onClickPreview = _ref4.onClickPreview,
+    readOnly = _ref4.readOnly;
+  return ___EmotionJSX(EuiButtonEmpty, {
+    iconType: isPreviewing ? 'code' : 'eye',
+    color: "text",
+    size: "s",
+    onClick: onClickPreview,
+    isDisabled: readOnly,
+    "data-test-subj": isPreviewing ? 'markdown_editor_preview_button' : 'markdown_editor_edit_button'
+  }, isPreviewing ? ___EmotionJSX(EuiI18n, {
+    token: "euiMarkdownEditorToolbar.editor",
+    default: "Editor"
+  }) : ___EmotionJSX(EuiI18n, {
+    token: "euiMarkdownEditorToolbar.previewMarkdown",
+    default: "Preview"
+  }));
 };
 EuiMarkdownEditorToolbar.displayName = 'EuiMarkdownEditorToolbar';

package/es/components/popover/popover.js

@@ -162,7 +162,8 @@ export var EuiPopover = /*#__PURE__*/function (_Component) {
       // transition can take effect.
       _this.closingTransitionAnimationFrame = window.requestAnimationFrame(function () {
         _this.setState({
-          isOpening: true
+          isOpening: true,
+          isClosing: false
         });
       });
 

package/eui.d.ts

@@ -10126,8 +10126,9 @@ declare module '@elastic/eui/src/components/call_out/call_out' {
 	export const COLORS: readonly ["primary", "success", "warning", "danger", "accent"];
 	export type Color = (typeof COLORS)[number];
 	export const HEADINGS: readonly ["h1", "h2", "h3", "h4", "h5", "h6", "p"];
-	type Heading = (typeof HEADINGS)[number];
-	type Size = 's' | 'm';
+	export type Heading = (typeof HEADINGS)[number];
+	export const SIZES: readonly ["s", "m"];
+	export type Size = (typeof SIZES)[number];
 	export type EuiCallOutProps = CommonProps & Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'color'> & {
 	    title?: ReactNode;
 	    iconType?: IconType;
@@ -10158,7 +10159,6 @@ declare module '@elastic/eui/src/components/call_out/call_out' {
 	     */
 	    onDismiss?: () => void;
 	} & React.RefAttributes<HTMLDivElement>>;
-	export {};
 
 }
 declare module '@elastic/eui/src/components/call_out' {
@@ -12622,10 +12622,11 @@ declare module '@elastic/eui/src/components/code/code_block_controls' {
 
 }
 declare module '@elastic/eui/src/components/code/code_block_virtualized' {
-	import React, { HTMLAttributes } from 'react';
+	import React, { HTMLAttributes, ReactNode } from 'react';
 	import { RefractorNode } from 'refractor';
-	export const EuiCodeBlockVirtualized: ({ data, rowHeight, overflowHeight, preProps, codeProps, }: {
+	export const EuiCodeBlockVirtualized: ({ data, label, rowHeight, overflowHeight, preProps, codeProps, }: {
 	    data: RefractorNode[];
+	    label: ReactNode;
 	    rowHeight: number;
 	    overflowHeight?: number | string;
 	    preProps: HTMLAttributes<HTMLPreElement>;
@@ -21101,6 +21102,7 @@ declare module '@elastic/eui/src/components/markdown_editor/markdown_editor_tool
 	    viewMode: MARKDOWN_MODE;
 	    onClickPreview: MouseEventHandler<HTMLButtonElement>;
 	    uiPlugins: EuiMarkdownEditorUiPlugin[];
+	    right?: React.ReactNode;
 	};
 	export const EuiMarkdownEditorToolbar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CommonProps & {
 	    selectedNode?: null | any;
@@ -21108,6 +21110,7 @@ declare module '@elastic/eui/src/components/markdown_editor/markdown_editor_tool
 	    viewMode: MARKDOWN_MODE;
 	    onClickPreview: MouseEventHandler<HTMLButtonElement>;
 	    uiPlugins: EuiMarkdownEditorUiPlugin[];
+	    right?: React.ReactNode;
 	} & React.RefAttributes<HTMLDivElement>>;
 
 }
@@ -21392,6 +21395,16 @@ declare module '@elastic/eui/src/components/markdown_editor/markdown_format' {
 	};
 	export const EuiMarkdownFormat: FunctionComponent<EuiMarkdownFormatProps>;
 
+}
+declare module '@elastic/eui/src/components/markdown_editor/markdown_editor_footer.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiMarkdownEditorFooterStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiMarkdownEditorFooter: import("@emotion/react").SerializedStyles;
+	    euiMarkdownEditorFooter__actions: import("@emotion/react").SerializedStyles;
+	    euiMarkdownEditorFooter__uploadError: import("@emotion/react").SerializedStyles;
+	    euiMarkdownEditorFooter__popover: import("@emotion/react").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/markdown_editor/icons/markdown_logo' {
 	import React from 'react';
@@ -21402,16 +21415,24 @@ declare module '@elastic/eui/src/components/markdown_editor/icons/markdown_logo'
 	export default MarkdownLogo;
 
 }
-declare module '@elastic/eui/src/components/markdown_editor/markdown_editor_footer.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiMarkdownEditorFooterStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiMarkdownEditorFooter: import("@emotion/react").SerializedStyles;
-	    euiMarkdownEditorFooter__actions: import("@emotion/react").SerializedStyles;
-	    euiMarkdownEditorFooter__uploadError: import("@emotion/react").SerializedStyles;
+declare module '@elastic/eui/src/components/markdown_editor/markdown_editor_help_button.styles' {
+	export const euiMarkdownEditorHelpButtonStyles: () => {
 	    euiMarkdownEditorFooter__helpButton: import("@emotion/react").SerializedStyles;
-	    euiMarkdownEditorFooter__popover: import("@emotion/react").SerializedStyles;
 	};
 
+}
+declare module '@elastic/eui/src/components/markdown_editor/markdown_editor_help_button' {
+	import React from 'react';
+	import { EuiMarkdownEditorUiPlugin } from '@elastic/eui/src/components/markdown_editor/markdown_types';
+	interface EuiMarkdownEditorHelpButtonProps {
+	    uiPlugins: EuiMarkdownEditorUiPlugin[];
+	}
+	export const EuiMarkdownEditorHelpButton: {
+	    ({ uiPlugins, }: EuiMarkdownEditorHelpButtonProps): React.JSX.Element;
+	    displayName: string;
+	};
+	export {};
+
 }
 declare module '@elastic/eui/src/components/markdown_editor/markdown_editor_footer' {
 	import React from 'react';
@@ -21451,6 +21472,7 @@ declare module '@elastic/eui/src/components/markdown_editor/markdown_editor_drop
 	    setHasUnacceptedItems: (hasUnacceptedItems: boolean) => void;
 	    setEditorFooterHeight: (height: number) => void;
 	    isEditing: boolean;
+	    showFooter?: boolean;
 	}
 	export const EuiMarkdownEditorDropZone: FunctionComponent<EuiMarkdownEditorDropZoneProps>;
 	export {};
@@ -21461,6 +21483,7 @@ declare module '@elastic/eui/src/components/markdown_editor/markdown_editor' {
 	import { PluggableList } from 'unified';
 	import { VFileMessage } from 'vfile-message';
 	import { CommonProps, OneOf } from '@elastic/eui/src/components/common';
+	import { EuiMarkdownEditorToolbarProps } from '@elastic/eui/src/components/markdown_editor/markdown_editor_toolbar';
 	import { EuiMarkdownEditorTextAreaProps } from '@elastic/eui/src/components/markdown_editor/markdown_editor_text_area';
 	import { EuiMarkdownFormatProps } from '@elastic/eui/src/components/markdown_editor/markdown_format';
 	import { MARKDOWN_MODE } from '@elastic/eui/src/components/markdown_editor/markdown_modes';
@@ -21524,9 +21547,17 @@ declare module '@elastic/eui/src/components/markdown_editor/markdown_editor' {
 	     * Further extend the props applied to EuiMarkdownFormat
 	     */
 	    markdownFormatProps?: Omit<EuiMarkdownFormatProps, 'parsingPluginList' | 'processingPluginList' | 'children'>;
+	    /**
+	     * Props to customize the toolbar. `right` replaces the default preview/editor toggle with custom content.
+	     */
+	    toolbarProps?: {
+	        right?: EuiMarkdownEditorToolbarProps['right'];
+	    };
+	    /** Controls whether the footer is shown */
+	    showFooter?: boolean;
 	};
 	export type EuiMarkdownEditorProps = OneOf<CommonMarkdownEditorProps, 'aria-label' | 'aria-labelledby'>;
-	interface EuiMarkdownEditorRef {
+	export interface EuiMarkdownEditorRef {
 	    textarea: HTMLTextAreaElement | null;
 	    replaceNode: ContextShape['replaceNode'];
 	}
@@ -21535,8 +21566,9 @@ declare module '@elastic/eui/src/components/markdown_editor/markdown_editor' {
 
 }
 declare module '@elastic/eui/src/components/markdown_editor' {
-	export type { EuiMarkdownEditorProps } from '@elastic/eui/src/components/markdown_editor/markdown_editor';
+	export type { EuiMarkdownEditorProps, EuiMarkdownEditorRef, } from '@elastic/eui/src/components/markdown_editor/markdown_editor';
 	export { EuiMarkdownEditor } from '@elastic/eui/src/components/markdown_editor/markdown_editor';
+	export { EuiMarkdownEditorHelpButton } from '@elastic/eui/src/components/markdown_editor/markdown_editor_help_button';
 	export { getDefaultEuiMarkdownParsingPlugins, getDefaultEuiMarkdownProcessingPlugins, getDefaultEuiMarkdownUiPlugins, getDefaultEuiMarkdownPlugins, } from '@elastic/eui/src/components/markdown_editor/plugins/markdown_default_plugins';
 	export { EuiMarkdownContext } from '@elastic/eui/src/components/markdown_editor/markdown_context';
 	export type { EuiMarkdownFormatProps } from '@elastic/eui/src/components/markdown_editor/markdown_format';
@@ -33653,12 +33685,13 @@ declare module '@elastic/eui' {
 "euiTourFooter.endTour": any;
 "euiTourFooter.skipTour": any;
 "euiTourFooter.closeTour": any;
+"euiIconTip.defaultAriaLabel": any;
 "euiToast.newNotification": any;
 "euiToast.notification": any;
 "euiToast.dismissToast": any;
 "euiGlobalToastList.clearAllToastsButtonAriaLabel": any;
 "euiGlobalToastList.clearAllToastsButtonDisplayText": any;
-"euiIconTip.defaultAriaLabel": any;
+"euiTableHeaderCell.titleTextWithDesc": any;
 "euiStepStrings.step": any;
 "euiStepStrings.simpleStep": any;
 "euiStepStrings.complete": any;
@@ -33675,7 +33708,6 @@ declare module '@elastic/eui' {
 "euiStepStrings.simpleLoading": any;
 "euiStepStrings.current": any;
 "euiStepStrings.simpleCurrent": any;
-"euiTableHeaderCell.titleTextWithDesc": any;
 "euiStat.loadingText": any;
 "euiSkeletonLoading.loadedAriaText": any;
 "euiSkeletonLoading.loadingAriaText": any;
@@ -33709,37 +33741,37 @@ declare module '@elastic/eui' {
 "euiPagination.collection": any;
 "euiPagination.fromEndLabel": any;
 "euiModal.closeModal": any;
-"euiMark.highlightStart": any;
-"euiMark.highlightEnd": any;
-"euiLoadingStrings.ariaLabel": any;
-"euiExternalLinkIcon.newTarget.screenReaderOnlyText": any;
-"euiExternalLinkIcon.externalTarget.screenReaderOnlyText": any;
 "euiMarkdownEditorToolbar.editor": any;
 "euiMarkdownEditorToolbar.previewMarkdown": any;
+"euiMarkdownEditorHelpButton.mdSyntaxLink": any;
+"euiMarkdownEditorHelpButton.syntaxTitle": any;
+"euiMarkdownEditorHelpButton.showMarkdownHelp": any;
+"euiMarkdownEditorHelpButton.syntaxModalDescriptionPrefix": any;
+"euiMarkdownEditorHelpButton.syntaxModalDescriptionSuffix": any;
+"euiMarkdownEditorHelpButton.closeButton": any;
+"euiMarkdownEditorHelpButton.syntaxPopoverDescription": any;
 "euiMarkdownEditorFooter.uploadingFiles": any;
 "euiMarkdownEditorFooter.openUploadModal": any;
 "euiMarkdownEditorFooter.unsupportedFileType": any;
 "euiMarkdownEditorFooter.supportedFileTypes": any;
 "euiMarkdownEditorFooter.showSyntaxErrors": any;
-"euiMarkdownEditorFooter.showMarkdownHelp": any;
-"euiMarkdownEditorFooter.syntaxTitle": any;
 "euiMarkdownEditorFooter.errorsTitle": any;
-"euiMarkdownEditorFooter.mdSyntaxLink": any;
-"euiMarkdownEditorFooter.syntaxModalDescriptionPrefix": any;
-"euiMarkdownEditorFooter.syntaxModalDescriptionSuffix": any;
-"euiMarkdownEditorFooter.closeButton": any;
-"euiMarkdownEditorFooter.syntaxPopoverDescription": any;
+"euiMark.highlightStart": any;
+"euiMark.highlightEnd": any;
+"euiLoadingStrings.ariaLabel": any;
+"euiExternalLinkIcon.newTarget.screenReaderOnlyText": any;
+"euiExternalLinkIcon.externalTarget.screenReaderOnlyText": any;
+"euiImageButton.openFullScreen": any;
+"euiImageButton.closeFullScreen": any;
 "euiInlineEditForm.saveButtonAriaLabel": any;
 "euiInlineEditForm.cancelButtonAriaLabel": any;
 "euiInlineEditForm.inputKeyboardInstructions": any;
 "euiInlineEditForm.activateEditModeDescription": any;
-"euiImageButton.openFullScreen": any;
-"euiImageButton.closeFullScreen": any;
+"euiForm.addressFormErrors": any;
 "euiFlyout.screenReaderModalDialog": any;
 "euiFlyout.screenReaderNonModalDialog": any;
 "euiFlyout.screenReaderFocusTrapShards": any;
 "euiFlyoutCloseButton.ariaLabel": any;
-"euiForm.addressFormErrors": any;
 "euiFilterButton.filterBadgeActiveAriaLabel": any;
 "euiFilterButton.filterBadgeAvailableAriaLabel": any;
 "euiErrorBoundary.error": any;
@@ -33750,10 +33782,10 @@ declare module '@elastic/eui' {
 "euiSaturation.ariaLabel": any;
 "euiSaturation.roleDescription": any;
 "euiSaturation.screenReaderInstructions": any;
+"euiColorPickerSwatch.ariaLabel": any;
 "euiHue.ariaValueText": any;
 "euiHue.ariaRoleDescription": any;
 "euiHue.label": any;
-"euiColorPickerSwatch.ariaLabel": any;
 "euiColorPicker.popoverLabel": any;
 "euiColorPicker.colorLabel": any;
 "euiColorPicker.selectedColorLabel": any;
@@ -33763,10 +33795,10 @@ declare module '@elastic/eui' {
 "euiColorPicker.openLabel": any;
 "euiColorPicker.closeLabel": any;
 "euiCollapsibleNavBeta.ariaLabel": any;
+"euiCodeBlockCopy.copy": any;
 "euiCodeBlockFullScreen.fullscreenCollapse": any;
 "euiCodeBlockFullScreen.fullscreenExpand": any;
 "euiCodeBlockFullScreen.ariaLabel": any;
-"euiCodeBlockCopy.copy": any;
 "euiCodeBlockAnnotations.ariaLabel": any;
 "euiCodeBlock.label": any;
 "euiCallOut.dismissAriaLabel": any;
@@ -33788,11 +33820,11 @@ declare module '@elastic/eui' {
 "euiBasicTable.deselectRows": any;
 "euiBasicTable.selectThisRow": any;
 "euiBasicTable.tablePagination": any;
+"euiTableSortMobile.sorting": any;
 "euiTablePagination.allRows": any;
 "euiTablePagination.rowsPerPage": any;
 "euiTablePagination.rowsPerPageOptionShowAllRows": any;
 "euiTablePagination.rowsPerPageOption": any;
-"euiTableSortMobile.sorting": any;
 "euiSelectableTemplateSitewide.searchPlaceholder": any;
 "euiSelectableTemplateSitewide.loadingResults": any;
 "euiSelectableTemplateSitewide.noResults": any;
@@ -33815,29 +33847,15 @@ declare module '@elastic/eui' {
 "euiSuperSelect.ariaLabel": any;
 "euiRange.sliderScreenReaderInstructions": any;
 "euiDualRange.sliderScreenReaderInstructions": any;
+"euiFormControlLayoutDelimited.delimiterLabel": any;
+"euiFormControlLayoutClearButton.label": any;
 "euiFilePicker.promptText": any;
 "euiFilePicker.filesSelected": any;
 "euiFilePicker.removeSelectedAriaLabel": any;
 "euiFilePicker.removeSelected": any;
-"euiFormControlLayoutDelimited.delimiterLabel": any;
-"euiFormControlLayoutClearButton.label": any;
 "euiFieldSearch.clearSearchButtonLabel": any;
 "euiFieldPassword.showPassword": any;
 "euiFieldPassword.maskPassword": any;
-"euiRefreshInterval.fullDescriptionOff": any;
-"euiRefreshInterval.fullDescriptionOn": any;
-"euiRefreshInterval.toggleLabel": any;
-"euiRefreshInterval.toggleAriaLabel": any;
-"euiRefreshInterval.valueAriaLabel": any;
-"euiRefreshInterval.unitsAriaLabel": any;
-"euiAutoRefresh.autoRefreshLabel": any;
-"euiAutoRefresh.buttonLabelOff": any;
-"euiAutoRefresh.buttonLabelOn": any;
-"euiSuperUpdateButton.updatingButtonLabel": any;
-"euiSuperUpdateButton.updateButtonLabel": any;
-"euiSuperUpdateButton.refreshButtonLabel": any;
-"euiSuperUpdateButton.cannotUpdateTooltip": any;
-"euiSuperUpdateButton.clickToApplyTooltip": any;
 "euiTimeOptions.last": any;
 "euiTimeOptions.next": any;
 "euiTimeOptions.seconds": any;
@@ -33876,6 +33894,11 @@ declare module '@elastic/eui' {
 "euiTimeOptions.weekToDate": any;
 "euiTimeOptions.monthToDate": any;
 "euiTimeOptions.yearToDate": any;
+"euiSuperUpdateButton.updatingButtonLabel": any;
+"euiSuperUpdateButton.updateButtonLabel": any;
+"euiSuperUpdateButton.refreshButtonLabel": any;
+"euiSuperUpdateButton.cannotUpdateTooltip": any;
+"euiSuperUpdateButton.clickToApplyTooltip": any;
 "euiPrettyInterval.seconds": any;
 "euiPrettyInterval.minutes": any;
 "euiPrettyInterval.hours": any;
@@ -33909,6 +33932,17 @@ declare module '@elastic/eui' {
 "euiPrettyDuration.now": any;
 "euiPrettyDuration.invalid": any;
 "euiPrettyDuration.fallbackDuration": any;
+"euiRefreshInterval.fullDescriptionOff": any;
+"euiRefreshInterval.fullDescriptionOn": any;
+"euiRefreshInterval.toggleLabel": any;
+"euiRefreshInterval.toggleAriaLabel": any;
+"euiRefreshInterval.valueAriaLabel": any;
+"euiRefreshInterval.unitsAriaLabel": any;
+"euiAutoRefresh.autoRefreshLabel": any;
+"euiAutoRefresh.buttonLabelOff": any;
+"euiAutoRefresh.buttonLabelOn": any;
+"euiDataGridPagination.detailedPaginationLabel": any;
+"euiDataGridPagination.paginationLabel": any;
 "euiDataGridSchema.booleanSortTextAsc": any;
 "euiDataGridSchema.booleanSortTextDesc": any;
 "euiDataGridSchema.currencySortTextAsc": any;
@@ -33919,8 +33953,6 @@ declare module '@elastic/eui' {
 "euiDataGridSchema.numberSortTextDesc": any;
 "euiDataGridSchema.jsonSortTextAsc": any;
 "euiDataGridSchema.jsonSortTextDesc": any;
-"euiDataGridPagination.detailedPaginationLabel": any;
-"euiDataGridPagination.paginationLabel": any;
 "euiKeyboardShortcuts.title": any;
 "euiKeyboardShortcuts.upArrowTitle": any;
 "euiKeyboardShortcuts.upArrowDescription": any;