diff --git a/src-docs/src/views/filter_group/filter_group_multi.js b/src-docs/src/views/filter_group/filter_group_multi.js
index 82d593fff11..ad40a02e215 100644
--- a/src-docs/src/views/filter_group/filter_group_multi.js
+++ b/src-docs/src/views/filter_group/filter_group_multi.js
@@ -65,8 +65,7 @@ export default () => {
button={button}
isOpen={isPopoverOpen}
closePopover={closePopover}
- panelPaddingSize="none"
- withTitle>
+ panelPaddingSize="none">
diff --git a/src-docs/src/views/nav_drawer/nav_drawer.js b/src-docs/src/views/nav_drawer/nav_drawer.js
deleted file mode 100644
index 158cbb2beba..00000000000
--- a/src-docs/src/views/nav_drawer/nav_drawer.js
+++ /dev/null
@@ -1,544 +0,0 @@
-import React, { Fragment, useState, useRef } from 'react';
-
-import {
- EuiAvatar,
- EuiButton,
- EuiFocusTrap,
- EuiHeader,
- EuiHeaderBreadcrumbs,
- EuiHeaderLogo,
- EuiHeaderSection,
- EuiHeaderSectionItem,
- EuiHeaderSectionItemButton,
- EuiHorizontalRule,
- EuiIcon,
- EuiImage,
- EuiNavDrawer,
- EuiNavDrawerGroup,
- EuiPage,
- EuiPageBody,
- EuiPageContent,
- EuiPageContentBody,
- EuiPageContentHeader,
- EuiPageContentHeaderSection,
- EuiPageHeader,
- EuiPageHeaderSection,
- EuiShowFor,
- EuiTitle,
-} from '../../../../src/components';
-
-export default () => {
- const [isFullScreen, setIsFullScreen] = useState(false);
-
- const faveExtraAction = {
- color: 'subdued',
- iconType: 'starEmpty',
- iconSize: 's',
- 'aria-label': 'Add to favorites',
- };
-
- const pinExtraAction = {
- color: 'subdued',
- iconType: 'pin',
- iconSize: 's',
- };
-
- const pinExtraActionFn = (val) => {
- pinExtraAction['aria-label'] = `Pin ${val} to top`;
- return pinExtraAction;
- };
-
- const topLinks = [
- {
- label: 'Recently viewed',
- iconType: 'clock',
- flyoutMenu: {
- title: 'Recent items',
- listItems: [
- {
- label: 'My dashboard',
- href: '#/layout/nav-drawer',
- iconType: 'dashboardApp',
- extraAction: faveExtraAction,
- },
- {
- label: 'Workpad with title that wraps',
- href: '#/layout/nav-drawer',
- iconType: 'canvasApp',
- extraAction: faveExtraAction,
- },
- {
- label: 'My logs',
- href: '#/layout/nav-drawer',
- iconType: 'logsApp',
- 'aria-label': 'This is an alternate aria-label',
- extraAction: faveExtraAction,
- },
- ],
- },
- },
- {
- label: 'Favorites',
- iconType: 'starEmpty',
- flyoutMenu: {
- title: 'Favorite items',
- listItems: [
- {
- label: 'My workpad',
- href: '#/layout/nav-drawer',
- iconType: 'canvasApp',
- extraAction: {
- color: 'subdued',
- iconType: 'starFilled',
- iconSize: 's',
- 'aria-label': 'Remove from favorites',
- alwaysShow: true,
- },
- },
- {
- label: 'My logs',
- href: '#/layout/nav-drawer',
- iconType: 'logsApp',
- extraAction: {
- color: 'subdued',
- iconType: 'starFilled',
- iconSize: 's',
- 'aria-label': 'Remove from favorites',
- alwaysShow: true,
- },
- },
- ],
- },
- },
- ];
-
- const adminLinks = [
- {
- label: 'Admin',
- iconType: 'managementApp',
- flyoutMenu: {
- title: 'Tools and settings',
- listItems: [
- {
- label: 'Dev tools',
- href: '#/layout/nav-drawer',
- iconType: 'devToolsApp',
- extraAction: {
- color: 'subdued',
- iconType: 'starEmpty',
- iconSize: 's',
- 'aria-label': 'Add to Tools and Settings to favorites',
- },
- },
- {
- label: 'Stack Monitoring',
- href: '#/layout/nav-drawer',
- iconType: 'monitoringApp',
- extraAction: {
- color: 'subdued',
- iconType: 'starEmpty',
- iconSize: 's',
- 'aria-label': 'Add Stack Monitoring to favorites',
- },
- },
- {
- label: 'Stack Management',
- href: '#/layout/nav-drawer',
- iconType: 'managementApp',
- extraAction: {
- color: 'subdued',
- iconType: 'starEmpty',
- iconSize: 's',
- 'aria-label': 'Add Stack Management to favorites',
- },
- },
- {
- label: 'Nature Plugin (image as icon)',
- href: '#/layout/nav-drawer',
- extraAction: { ...pinExtraActionFn('Nature Plugin') },
- icon: (
-
- ),
- },
- ],
- },
- },
- ];
-
- const analyzeLinks = [
- {
- label: 'Analyze',
- iconType: 'logoBusinessAnalytics',
- flyoutMenu: {
- title: 'Analyze your data',
- listItems: [
- {
- label: 'Discover',
- href: '#/layout/nav-drawer',
- iconType: 'discoverApp',
- extraAction: {
- color: 'subdued',
- iconType: 'starEmpty',
- iconSize: 's',
- 'aria-label': 'Add Discover to favorites',
- },
- },
- {
- label: 'Visualize',
- href: '#/layout/nav-drawer',
- iconType: 'visualizeApp',
- extraAction: {
- color: 'subdued',
- iconType: 'starEmpty',
- iconSize: 's',
- 'aria-label': 'Add Visualize to favorites',
- },
- },
- {
- label: 'Canvas',
- href: '#/layout/nav-drawer',
- iconType: 'canvasApp',
- extraAction: {
- color: 'subdued',
- iconType: 'starEmpty',
- iconSize: 's',
- 'aria-label': 'Add Canvas to favorites',
- },
- },
- {
- label: 'Maps',
- href: '#/layout/nav-drawer',
- iconType: 'gisApp',
- extraAction: {
- color: 'subdued',
- iconType: 'starEmpty',
- iconSize: 's',
- 'aria-label': 'Add Maps to favorites',
- },
- },
- {
- label: 'Machine Learning',
- href: '#/layout/nav-drawer',
- iconType: 'machineLearningApp',
- extraAction: {
- color: 'subdued',
- iconType: 'starEmpty',
- iconSize: 's',
- 'aria-label': 'Add Machine Learning to favorites',
- },
- },
- {
- label: 'Graph',
- href: '#/layout/nav-drawer',
- iconType: 'graphApp',
- extraAction: {
- color: 'subdued',
- iconType: 'starEmpty',
- iconSize: 's',
- 'aria-label': 'Add Graph to favorites',
- },
- },
- ],
- },
- },
- ];
-
- const securityLinks = [
- {
- label: 'Security',
- iconType: 'logoSecurity',
- flyoutMenu: {
- title: 'Security',
- listItems: [
- {
- label: 'SIEM',
- href: '#/layout/nav-drawer',
- iconType: 'securityApp',
- extraAction: { ...pinExtraActionFn('SIEM') },
- },
- {
- label: 'Endpoints',
- href: '#/layout/nav-drawer',
- iconType: 'securityAnalyticsApp',
- extraAction: {
- color: 'subdued',
- iconType: 'starEmpty',
- iconSize: 's',
- 'aria-label': 'Add SIEM to favorites',
- },
- },
- ],
- },
- },
- ];
-
- const searchLinks = [
- {
- label: 'Enterprise Search',
- iconType: 'logoAppSearch',
- flyoutMenu: {
- title: 'Enterprise search',
- listItems: [
- {
- label: 'Site search',
- href: '#/layout/nav-drawer',
- iconType: 'searchProfilerApp',
- extraAction: {
- color: 'subdued',
- iconType: 'starEmpty',
- iconSize: 's',
- 'aria-label': 'Add Enterprise search to favorites',
- },
- },
- {
- label: 'App search',
- href: '#/layout/nav-drawer',
- iconType: 'searchProfilerApp',
- extraAction: {
- color: 'subdued',
- iconType: 'starEmpty',
- iconSize: 's',
- 'aria-label': 'Add App Search to favorites',
- },
- },
- {
- label: 'Workplace search',
- href: '#/layout/nav-drawer',
- iconType: 'searchProfilerApp',
- extraAction: {
- color: 'subdued',
- iconType: 'starEmpty',
- iconSize: 's',
- 'aria-label': 'Add Workplace Search to favorites',
- },
- },
- ],
- },
- },
- ];
-
- const observabilityLinks = [
- {
- label: 'Observability',
- iconType: 'logoMetrics',
- flyoutMenu: {
- title: 'Observe your operations',
- listItems: [
- {
- label: 'Logs',
- href: '#/layout/nav-drawer',
- iconType: 'logsApp',
- extraAction: {
- color: 'subdued',
- iconType: 'starEmpty',
- iconSize: 's',
- 'aria-label': 'Add Logs to favorites',
- },
- },
- {
- label: 'Metrics',
- href: '#/layout/nav-drawer',
- iconType: 'metricsApp',
- extraAction: {
- color: 'subdued',
- iconType: 'starEmpty',
- iconSize: 's',
- 'aria-label': 'Add Metrics to favorites',
- },
- },
- {
- label: 'APM',
- href: '#/layout/nav-drawer',
- iconType: 'apmApp',
- extraAction: {
- color: 'subdued',
- iconType: 'starEmpty',
- iconSize: 's',
- 'aria-label': 'Add APM to favorites',
- },
- },
- {
- label: 'Uptime',
- href: '#/layout/nav-drawer',
- iconType: 'uptimeApp',
- extraAction: {
- color: 'subdued',
- iconType: 'starEmpty',
- iconSize: 's',
- 'aria-label': 'Add Uptime to favorites',
- },
- },
- ],
- },
- },
- ];
-
- const toggleFullScreen = () =>
- setIsFullScreen((isFullScreen) => !isFullScreen);
-
- const renderLogo = () => (
-
- );
-
- const renderMenuTrigger = () => (
-
navDrawerRef.current.toggleOpen()}>
-
- );
- const renderBreadcrumbs = () => {
- const breadcrumbs = [
- {
- text: 'Management',
- href: '#',
- onClick: (e) => {
- e.preventDefault();
- console.log('You clicked management');
- },
- 'data-test-subj': 'breadcrumbsAnimals',
- className: 'customClass',
- },
- {
- text: 'Truncation test is here for a really long item',
- href: '#',
- onClick: (e) => {
- e.preventDefault();
- console.log('You clicked truncation test');
- },
- },
- {
- text: 'hidden',
- href: '#',
- onClick: (e) => {
- e.preventDefault();
- console.log('You clicked hidden');
- },
- },
- {
- text: 'Users',
- href: '#',
- onClick: (e) => {
- e.preventDefault();
- console.log('You clicked users');
- },
- },
- {
- text: 'Create',
- },
- ];
-
- return
;
- };
-
- const navDrawerRef = useRef(null);
-
- let fullScreenDisplay;
-
- if (isFullScreen) {
- fullScreenDisplay = (
-
-
-
-
-
-
- {renderMenuTrigger()}
-
-
-
- {renderLogo()}
-
-
-
-
-
-
-
- {renderBreadcrumbs()}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Page title
-
-
-
-
-
-
-
- Content title
-
-
-
-
-
- Exit fullscreen demo
-
-
-
-
-
-
-
- );
- }
- return (
-
-
- Show fullscreen demo
-
-
- {/*
- If the below fullScreen code renders, it actually attaches to the body because of
- EuiOverlayMask's React portal usage.
- */}
-
- {fullScreenDisplay}
-
- );
-};
diff --git a/src-docs/src/views/nav_drawer/nav_drawer_example.js b/src-docs/src/views/nav_drawer/nav_drawer_example.js
deleted file mode 100644
index d87111c513e..00000000000
--- a/src-docs/src/views/nav_drawer/nav_drawer_example.js
+++ /dev/null
@@ -1,93 +0,0 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-
-import { renderToHtml } from '../../services';
-
-import { GuideSectionTypes } from '../../components';
-
-import {
- EuiNavDrawer,
- EuiCode,
- EuiCallOut,
- EuiBadge,
- EuiSpacer,
-} from '../../../../src/components';
-
-import NavDrawer from './nav_drawer';
-const navDrawerSource = require('!!raw-loader!./nav_drawer');
-const navDrawerHtml = renderToHtml(NavDrawer);
-const navDrawerSnippet = `
- `;
-
-export const NavDrawerExample = {
- title: 'Nav drawer',
- sections: [
- {
- source: [
- {
- type: GuideSectionTypes.JS,
- code: navDrawerSource,
- },
- {
- type: GuideSectionTypes.HTML,
- code: navDrawerHtml,
- },
- ],
- text: (
-
-
- Set for deprecation. See details.
-
-
-
- Please use{' '}
- EuiCollapsableNav
- {' '}
- instead of EuiNavDrawer for your global navigation
- needs. Feature enhancements are no longer being made to this
- component.
-
-
- EuiNavDrawer provides a side navigation feature
- that is complete with interactions and a mobile-friendly design. It
- can contain one or more EuiNavDrawerGroup {' '}
- components and is designed to be used in conjunction with{' '}
- EuiHeader
-
- .
-
-
-
- Providing a flyoutMenu prop on the{' '}
- listItems object of an{' '}
- EuiNavDrawerGroup will result in that link
- opening a secondary menu. Note that this will also override the{' '}
- onClick event. For more details about other
- props available for the listItems object,
- please refer to{' '}
- EuiListGroupItem
-
- .
-
-
-
- ),
- snippet: navDrawerSnippet,
- props: {
- EuiNavDrawer,
- },
- demo:
,
- },
- ],
-};
diff --git a/src-docs/src/views/suggest/global_filter_add.js b/src-docs/src/views/suggest/global_filter_add.js
index e499705badf..514810a16fe 100644
--- a/src-docs/src/views/suggest/global_filter_add.js
+++ b/src-docs/src/views/suggest/global_filter_add.js
@@ -30,8 +30,7 @@ export default () => {
+ Add filter
}
- anchorPosition="downCenter"
- withTitle>
+ anchorPosition="downCenter">
Add a filter
diff --git a/src-docs/src/views/suggest/global_filter_options.js b/src-docs/src/views/suggest/global_filter_options.js
index cc8d243a9f1..13a41329b10 100644
--- a/src-docs/src/views/suggest/global_filter_options.js
+++ b/src-docs/src/views/suggest/global_filter_options.js
@@ -102,8 +102,7 @@ export default () => {
/>
}
anchorPosition="downCenter"
- panelPaddingSize="none"
- withTitle>
+ panelPaddingSize="none">
Change all filters
`;
-exports[`EuiButtonEmpty props color disabled is rendered 1`] = `
-
-
-
-
-`;
-
exports[`EuiButtonEmpty props color ghost is rendered 1`] = `
`;
-exports[`EuiButtonIcon props color disabled is rendered 1`] = `
-
-
-`;
-
exports[`EuiButtonIcon props color ghost is rendered 1`] = `
`;
-exports[`EuiFormRow props compressed is rendered 1`] = `
-
-`;
-
exports[`EuiFormRow props describedByIds is rendered 1`] = `
`;
-exports[`EuiFormRow props displayOnly is rendered 1`] = `
-
-`;
-
exports[`EuiFormRow props error as array is rendered 1`] = `