From 47f0cff113209f6aad7b64dcb0f6542e32f23e29 Mon Sep 17 00:00:00 2001
From: oatkiller <robert.austin@elastic.co>
Date: Tue, 11 Aug 2020 12:01:23 -0400
Subject: [PATCH] fix types

---
 .../public/resolver/view/submenu.tsx          | 23 +++++++++----------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/x-pack/plugins/security_solution/public/resolver/view/submenu.tsx b/x-pack/plugins/security_solution/public/resolver/view/submenu.tsx
index 26a7a7c1f96d7..359a4e2dafd2e 100644
--- a/x-pack/plugins/security_solution/public/resolver/view/submenu.tsx
+++ b/x-pack/plugins/security_solution/public/resolver/view/submenu.tsx
@@ -4,10 +4,12 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
+/* eslint-disable no-duplicate-imports */
+
 /* eslint-disable react/display-name */
 
 import { i18n } from '@kbn/i18n';
-import React, { ReactNode, useState, useMemo, useCallback, useRef, useLayoutEffect } from 'react';
+import React, { useState, useMemo, useCallback, useRef, useLayoutEffect } from 'react';
 import {
   EuiI18nNumber,
   EuiSelectable,
@@ -17,6 +19,7 @@ import {
   htmlIdGenerator,
 } from '@elastic/eui';
 import styled from 'styled-components';
+import { EuiSelectableOption } from '@elastic/eui';
 import { Matrix3 } from '../types';
 
 /**
@@ -61,22 +64,19 @@ const OptionList = React.memo(
     subMenuOptions: ResolverSubmenuOptionList;
     isLoading: boolean;
   }) => {
-    const [options, setOptions] = useState(() =>
+    const [options, setOptions] = useState<EuiSelectableOption[]>(() =>
       typeof subMenuOptions !== 'object'
         ? []
-        : subMenuOptions.map((opt: ResolverSubmenuOption): {
-            label: string;
-            prepend?: ReactNode;
-          } => {
+        : subMenuOptions.map((option: ResolverSubmenuOption) => {
             const dataTestSubj = 'resolver:map:node-submenu-item';
-            return opt.prefix
+            return option.prefix
               ? {
-                  label: opt.optionTitle,
-                  prepend: <span>{opt.prefix} </span>,
+                  label: option.optionTitle,
+                  prepend: <span>{option.prefix} </span>,
                   'data-test-subj': dataTestSubj,
                 }
               : {
-                  label: opt.optionTitle,
+                  label: option.optionTitle,
                   prepend: <span />,
                   'data-test-subj': dataTestSubj,
                 };
@@ -93,11 +93,10 @@ const OptionList = React.memo(
       }, {});
     }, [subMenuOptions]);
 
-    type ChangeOptions = Array<{ label: string; prepend?: ReactNode; checked?: string }>;
     const selectableProps = useMemo(() => {
       return {
         listProps: { showIcons: true, bordered: true },
-        onChange: (newOptions: ChangeOptions) => {
+        onChange: (newOptions: EuiSelectableOption[]) => {
           const selectedOption = newOptions.find((opt) => opt.checked === 'on');
           if (selectedOption) {
             const { label } = selectedOption;