Convert EuiSuperSelect to TS

CHANGELOG.md

@@ -9,6 +9,7 @@
 - Converted `EuiFieldSearch` to TypeScript ([#2775](https://github.com/elastic/eui/pull/2775))
 - Added `data-test-subj` to the `EuiContextMenuItem` in `EuiTablePagination` ([#2778](https://github.com/elastic/eui/pull/2778))
 - Improved compressed `EuiPagination` by including active and last page numbers ([#2779](https://github.com/elastic/eui/pull/2779))
+- Converted `EuiSuperSelect` to TypeScript ([#2776](https://github.com/elastic/eui/pull/2776))
 
 **Bug fixes**
 

src/components/context_menu/context_menu_item.tsx

@@ -17,7 +17,7 @@ import { getSecureRelForTarget } from '../../services';
 
 export type EuiContextMenuItemIcon = ReactElement<any> | string | HTMLElement;
 
-type LayoutAlignment = 'center' | 'top' | 'bottom';
+export type EuiContextMenuItemLayoutAlignment = 'center' | 'top' | 'bottom';
 
 export interface EuiContextMenuItemProps extends CommonProps {
   icon?: EuiContextMenuItemIcon;
@@ -43,14 +43,16 @@ export interface EuiContextMenuItemProps extends CommonProps {
   /**
    * How to align icon with content of button
    */
-  layoutAlign?: LayoutAlignment;
+  layoutAlign?: EuiContextMenuItemLayoutAlignment;
 }
 
 type Props = CommonProps &
   Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'> &
   EuiContextMenuItemProps;
 
-const layoutAlignToClassNames: { [align in LayoutAlignment]: string | null } = {
+const layoutAlignToClassNames: {
+  [align in EuiContextMenuItemLayoutAlignment]: string | null
+} = {
   center: null,
   top: 'euiContextMenu__itemLayout--top',
   bottom: 'euiContextMenu__itemLayout--bottom',

src/components/context_menu/index.ts

@@ -12,4 +12,5 @@ export {
 export {
   EuiContextMenuItem,
   EuiContextMenuItemIcon,
+  EuiContextMenuItemLayoutAlignment,
 } from './context_menu_item';

src/components/form/index.d.ts

@@ -1,5 +1,4 @@
 import { CommonProps } from '../common';
-/// <reference path="./super_select/index.d.ts" />
 
 import { FunctionComponent, FormHTMLAttributes, ReactNode } from 'react';
 

src/components/form/super_select/__snapshots__/super_select.test.js.snap → src/components/form/super_select/__snapshots__/super_select.test.tsx.snap

@@ -497,6 +497,7 @@ exports[`EuiSuperSelect props more props are propogated to each option 2`] = `
   fullWidth={false}
   hasDividers={false}
   isInvalid={false}
+  isLoading={false}
   onChange={[Function]}
   options={
     Array [
@@ -1032,10 +1033,10 @@ exports[`EuiSuperSelect props more props are propogated to each option 2`] = `
                                 role="listbox"
                                 style={
                                   Object {
-                                    "width": null,
+                                    "width": undefined,
                                   }
                                 }
-                                tabIndex="0"
+                                tabIndex={0}
                               >
                                 <EuiContextMenuItem
                                   aria-selected={true}

src/components/form/super_select/index.ts

@@ -0,0 +1,7 @@
+export { EuiSuperSelect, EuiSuperSelectProps } from './super_select';
+
+export {
+  EuiSuperSelectControl,
+  EuiSuperSelectControlProps,
+  EuiSuperSelectOption,
+} from './super_select_control';

src/components/form/super_select/super_select.test.js → src/components/form/super_select/super_select.test.tsx

@@ -7,7 +7,7 @@ import { EuiSuperSelect } from './super_select';
 jest.mock('../form_row/make_id', () => () => 'generated-id');
 
 jest.mock('../../portal', () => ({
-  EuiPortal: ({ children }) => children,
+  EuiPortal: ({ children }: any) => children,
 }));
 
 // Mock the htmlIdGenerator to generate predictable ids for snapshot tests