elastic · chandlerprall · Mar 31, 2020 · Mar 31, 2020
diff --git a/package.json b/package.json
@@ -121,7 +121,7 @@
     "@elastic/charts": "^18.1.1",
     "@elastic/datemath": "5.0.2",
     "@elastic/ems-client": "7.7.1",
-    "@elastic/eui": "21.0.1",
+    "@elastic/eui": "22.1.1",
     "@elastic/filesaver": "1.1.2",
     "@elastic/good": "8.1.1-kibana2",
     "@elastic/numeral": "2.4.0",

diff --git a/packages/kbn-ui-shared-deps/package.json b/packages/kbn-ui-shared-deps/package.json
@@ -11,7 +11,7 @@
   "devDependencies": {
     "@elastic/charts": "^18.1.1",
     "abortcontroller-polyfill": "^1.4.0",
-    "@elastic/eui": "21.0.1",
+    "@elastic/eui": "22.1.1",
     "@kbn/babel-preset": "1.0.0",
     "@kbn/dev-utils": "1.0.0",
     "@kbn/i18n": "1.0.0",

diff --git a/..._plugins/input_control_vis/public/components/vis/__snapshots__/list_control.test.tsx.snap b/..._plugins/input_control_vis/public/components/vis/__snapshots__/list_control.test.tsx.snap
diff --git a/...ugins/kibana/public/dashboard/np_ready/__snapshots__/dashboard_empty_screen.test.tsx.snap b/...ugins/kibana/public/dashboard/np_ready/__snapshots__/dashboard_empty_screen.test.tsx.snap
diff --git a/src/legacy/core_plugins/vis_default_editor/public/components/agg_group.tsx b/src/legacy/core_plugins/vis_default_editor/public/components/agg_group.tsx
@@ -171,7 +171,7 @@ function DefaultEditorAggGroup({
                     agg={agg}
                     aggIndex={index}
                     aggIsTooLow={calcAggIsTooLow(agg, index, group, schemas)}
-                    dragHandleProps={provided.dragHandleProps}
+                    dragHandleProps={provided.dragHandleProps || null}
                     formIsTouched={aggsState[agg.id] ? aggsState[agg.id].touched : false}
                     groupName={groupName}
                     isDraggable={stats.count > 1}

diff --git a/.../vis_type_timeseries/public/components/icon_select/__snapshots__/icon_select.test.js.snap b/.../vis_type_timeseries/public/components/icon_select/__snapshots__/icon_select.test.js.snap
diff --git a/...ore_plugins/vis_type_timeseries/public/components/splits/__snapshots__/terms.test.js.snap b/...ore_plugins/vis_type_timeseries/public/components/splits/__snapshots__/terms.test.js.snap
diff --git a/src/plugins/data/public/ui/index_pattern_select/index_pattern_select.tsx b/src/plugins/data/public/ui/index_pattern_select/index_pattern_select.tsx
@@ -27,6 +27,7 @@ import { SavedObjectsClientContract, SimpleSavedObject } from '../../../../../co
 import { getTitle } from '../../index_patterns/lib';
 
 export type IndexPatternSelectProps = Required<
+  // Omit<EuiComboBoxProps<any>, 'isLoading' | 'onSearchChange' | 'options' | 'selectedOptions' | 'append' | 'prepend' | 'sortMatchesBy'>,
   Omit<EuiComboBoxProps<any>, 'isLoading' | 'onSearchChange' | 'options' | 'selectedOptions'>,
   'onChange' | 'placeholder'
 > & {

diff --git a/src/plugins/visualizations/public/wizard/__snapshots__/new_vis_modal.test.tsx.snap b/src/plugins/visualizations/public/wizard/__snapshots__/new_vis_modal.test.tsx.snap
diff --git a/src/plugins/visualizations/public/wizard/type_selection/type_selection.tsx b/src/plugins/visualizations/public/wizard/type_selection/type_selection.tsx
@@ -27,7 +27,7 @@ import {
   EuiFlexGroup,
   EuiFlexItem,
   EuiKeyPadMenu,
-  EuiKeyPadMenuItemButton,
+  EuiKeyPadMenuItem,
   EuiModalHeader,
   EuiModalHeaderTitle,
   EuiScreenReaderOnly,
@@ -262,7 +262,7 @@ class TypeSelection extends React.Component<TypeSelectionProps, TypeSelectionSta
     };
 
     return (
-      <EuiKeyPadMenuItemButton
+      <EuiKeyPadMenuItem
         key={visType.name}
         label={<span data-test-subj="visTypeTitle">{visType.title}</span>}
         onClick={onClick}
@@ -282,7 +282,7 @@ class TypeSelection extends React.Component<TypeSelectionProps, TypeSelectionSta
           icon={visType.icon}
           image={!('aliasUrl' in visType) ? visType.image : undefined}
         />
-      </EuiKeyPadMenuItemButton>
+      </EuiKeyPadMenuItem>
     );
   };
 

diff --git a/test/interpreter_functional/plugins/kbn_tp_run_pipeline/package.json b/test/interpreter_functional/plugins/kbn_tp_run_pipeline/package.json
@@ -7,7 +7,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "21.0.1",
+    "@elastic/eui": "22.1.1",
     "react": "^16.12.0",
     "react-dom": "^16.12.0"
   }

diff --git a/test/plugin_functional/plugins/kbn_tp_custom_visualizations/package.json b/test/plugin_functional/plugins/kbn_tp_custom_visualizations/package.json
@@ -8,7 +8,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "21.0.1",
+    "@elastic/eui": "22.1.1",
     "react": "^16.12.0"
   },
   "scripts": {

diff --git a/test/plugin_functional/plugins/kbn_tp_embeddable_explorer/package.json b/test/plugin_functional/plugins/kbn_tp_embeddable_explorer/package.json
@@ -8,7 +8,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "21.0.1",
+    "@elastic/eui": "22.1.1",
     "react": "^16.12.0"
   },
   "scripts": {

diff --git a/test/plugin_functional/plugins/kbn_tp_sample_panel_action/package.json b/test/plugin_functional/plugins/kbn_tp_sample_panel_action/package.json
@@ -8,7 +8,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "21.0.1",
+    "@elastic/eui": "22.1.1",
     "react": "^16.12.0"
   },
   "scripts": {

diff --git a/...m/public/components/app/ErrorGroupOverview/List/__test__/__snapshots__/List.test.tsx.snap b/...m/public/components/app/ErrorGroupOverview/List/__test__/__snapshots__/List.test.tsx.snap
diff --git a/x-pack/legacy/plugins/apm/public/components/app/ServiceMap/cytoscapeOptions.ts b/x-pack/legacy/plugins/apm/public/components/app/ServiceMap/cytoscapeOptions.ts
@@ -48,7 +48,7 @@ const style: cytoscape.Stylesheet[] = [
           ? theme.euiColorPrimary
           : theme.euiColorMediumShade,
       'border-width': 2,
-      color: theme.textColors.default,
+      color: theme.textColors.text,
       // theme.euiFontFamily doesn't work here for some reason, so we're just
       // specifying a subset of the fonts for the label text.
       'font-family': 'Inter UI, Segoe UI, Helvetica, Arial, sans-serif',

diff --git a/...ransactionDetails/WaterfallWithSummmary/WaterfallContainer/Waterfall/SpanFlyout/index.tsx b/...ransactionDetails/WaterfallWithSummmary/WaterfallContainer/Waterfall/SpanFlyout/index.tsx
@@ -74,7 +74,7 @@ function getSpanTypes(span: Span) {
 const SpanBadge = styled(EuiBadge)`
   display: inline-block;
   margin-right: ${px(units.quarter)};
-`;
+` as any;
 
 const HttpInfoContainer = styled('div')`
   margin-right: ${px(units.quarter)};

diff --git a/...s/app/TransactionDetails/WaterfallWithSummmary/WaterfallContainer/Waterfall/SyncBadge.tsx b/...s/app/TransactionDetails/WaterfallWithSummmary/WaterfallContainer/Waterfall/SyncBadge.tsx
@@ -13,7 +13,7 @@ import { px, units } from '../../../../../../style/variables';
 const SpanBadge = styled(EuiBadge)`
   display: inline-block;
   margin-right: ${px(units.quarter)};
-`;
+` as any;
 
 interface SyncBadgeProps {
   /**

diff --git a/x-pack/legacy/plugins/apm/public/components/shared/Summary/ErrorCountSummaryItemBadge.tsx b/x-pack/legacy/plugins/apm/public/components/shared/Summary/ErrorCountSummaryItemBadge.tsx
@@ -15,9 +15,9 @@ interface Props {
   count: number;
 }
 
-const Badge = styled(EuiBadge)`
+const Badge = (styled(EuiBadge)`
   margin-top: ${px(units.eighth)};
-`;
+` as any) as any;
 
 export const ErrorCountSummaryItemBadge = ({ count }: Props) => (
   <Badge color={euiThemeLight.euiColorDanger}>

diff --git a/x-pack/legacy/plugins/apm/public/components/shared/Summary/HttpInfoSummaryItem/index.tsx b/x-pack/legacy/plugins/apm/public/components/shared/Summary/HttpInfoSummaryItem/index.tsx
@@ -11,9 +11,9 @@ import styled from 'styled-components';
 import { units, px, truncate, unit } from '../../../../style/variables';
 import { HttpStatusBadge } from '../HttpStatusBadge';
 
-const HttpInfoBadge = styled(EuiBadge)`
+const HttpInfoBadge = (styled(EuiBadge)`
   margin-right: ${px(units.quarter)};
-`;
+` as any) as any;
 
 const Url = styled('span')`
   display: inline-block;

diff --git a/x-pack/legacy/plugins/beats_management/public/components/tag/tag_badge.tsx b/x-pack/legacy/plugins/beats_management/public/components/tag/tag_badge.tsx
@@ -31,7 +31,7 @@ export const TagBadge = (props: TagBadgeProps) => {
       <EuiBadge
         color={tag.color || 'primary'}
         iconType={iconType}
-        onClick={onClick}
+        onClick={onClick as React.MouseEventHandler<HTMLButtonElement>}
         onClickAriaLabel={onClickAriaLabel}
       >
         {idToRender}

diff --git a/...anvas/public/components/asset_manager/__examples__/__snapshots__/asset.examples.storyshot b/...anvas/public/components/asset_manager/__examples__/__snapshots__/asset.examples.storyshot