upgrade EUI to 0.0.26 (#17110) (#17126)

* upgrade EUI to 0.0.25

* remove last reference to TooltipTrigger

* upgraded to EUI 0.0.26

* fix warning, EuiKeyboardAccessible child must have onClick defined

package.json

@@ -75,7 +75,7 @@
     "url": "https://github.com/elastic/kibana.git"
   },
   "dependencies": {
-    "@elastic/eui": "0.0.23",
+    "@elastic/eui": "0.0.26",
     "@elastic/filesaver": "1.1.2",
     "@elastic/numeral": "2.3.1",
     "@elastic/ui-ace": "0.2.3",

src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/indexed_fields_table/__tests__/indexed_fields_table.test.js

@@ -8,7 +8,6 @@ jest.mock('@elastic/eui', () => ({
   EuiFlexItem: 'eui-flex-item',
   EuiIcon: 'eui-icon',
   EuiInMemoryTable: 'eui-in-memory-table',
-  TooltipTrigger: 'tooltip-trigger'
 }));
 
 jest.mock('../components/table', () => ({

src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/indexed_fields_table/components/table/__tests__/__snapshots__/table.test.js.snap

@@ -22,25 +22,16 @@ exports[`Table should render conflicting type 1`] = `
       component="div"
       grow={true}
     >
-      <TooltipTrigger
-        clickHideDelay={1000}
-        display={false}
-        isSticky={false}
-        onClick={[Function]}
-        onEntered={[Function]}
-        onExited={[Function]}
-        placement="top"
-        size="auto"
-        theme="dark"
-        tooltip="The type of this field changes across indices. It is unavailable for many analysis functions."
-        trigger="hover"
+      <EuiToolTip
+        content="The type of this field changes across indices. It is unavailable for many analysis functions."
+        position="top"
       >
         <EuiIcon
           color="warning"
           size="m"
           type="alert"
         />
-      </TooltipTrigger>
+      </EuiToolTip>
     </EuiFlexItem>
   </EuiFlexGroup>
 </div>
@@ -220,25 +211,16 @@ exports[`Table should render timestamp field name 1`] = `
       component="div"
       grow={true}
     >
-      <TooltipTrigger
-        clickHideDelay={1000}
-        display={false}
-        isSticky={false}
-        onClick={[Function]}
-        onEntered={[Function]}
-        onExited={[Function]}
-        placement="top"
-        size="auto"
-        theme="dark"
-        tooltip="This field represents the time that events occurred."
-        trigger="hover"
+      <EuiToolTip
+        content="This field represents the time that events occurred."
+        position="top"
       >
         <EuiIcon
           color="primary"
           size="m"
           type="clock"
         />
-      </TooltipTrigger>
+      </EuiToolTip>
     </EuiFlexItem>
   </EuiFlexGroup>
 </div>

src/core_plugins/kibana/public/management/sections/indices/edit_index_pattern/indexed_fields_table/components/table/table.js

@@ -6,7 +6,7 @@ import {
   EuiFlexItem,
   EuiIcon,
   EuiInMemoryTable,
-  TooltipTrigger
+  EuiToolTip,
 } from '@elastic/eui';
 
 export class Table extends PureComponent {
@@ -29,9 +29,9 @@ export class Table extends PureComponent {
           </EuiFlexItem>
           {isTimeField ? (
             <EuiFlexItem>
-              <TooltipTrigger tooltip="This field represents the time that events occurred.">
+              <EuiToolTip content="This field represents the time that events occurred.">
                 <EuiIcon type="clock" color="primary" />
-              </TooltipTrigger>
+              </EuiToolTip>
             </EuiFlexItem>
           ) : ''}
         </EuiFlexGroup>
@@ -48,9 +48,9 @@ export class Table extends PureComponent {
           </EuiFlexItem>
           {isConflict ? (
             <EuiFlexItem>
-              <TooltipTrigger tooltip="The type of this field changes across indices. It is unavailable for many analysis functions.">
+              <EuiToolTip content="The type of this field changes across indices. It is unavailable for many analysis functions.">
                 <EuiIcon type="alert" color="warning" />
-              </TooltipTrigger>
+              </EuiToolTip>
             </EuiFlexItem>
           ) : ''}
         </EuiFlexGroup>

src/core_plugins/metric_vis/public/components/metric_vis_value.js

@@ -31,7 +31,7 @@ class MetricVisValue extends Component {
         <div
           className={containerClassName}
           style={{ backgroundColor: metric.bgColor }}
-          onClick={hasFilter ? this.onClick : null}
+          onClick={hasFilter ? this.onClick : () => {}}
           tabIndex={hasFilter ? 0 : null}
           role={hasFilter ? 'button' : null}
         >

src/ui/public/styles/base.less

@@ -60,6 +60,7 @@ ul.navbar-inline li {
 .content {
   .real-flex-parent(@flow: row nowrap);
   width: 100%;
+  min-height: 100vh;
   height: 100%;
   overflow: hidden;
 

yarn.lock

@@ -81,9 +81,9 @@
   version "0.0.0"
   uid ""
 
-"@elastic/eui@0.0.23":
-  version "0.0.23"
-  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-0.0.23.tgz#01a3d88aeaff175da5d42b70d407d08a32783f3d"
+"@elastic/eui@0.0.26":
+  version "0.0.26"
+  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-0.0.26.tgz#368beede3bb36b60879e2d7b5035e8d56e80b6e6"
   dependencies:
     brace "^0.10.0"
     classnames "^2.2.5"