Add type definitions to EuiSuperSelect #1752

CHANGELOG.md

@@ -2,6 +2,7 @@
 
 - Added `selectable` prop to `EuiCard` ([#1895](https://github.com/elastic/eui/pull/1895))
 - Converted `EuiValidatableControl` to TS ([#1879](https://github.com/elastic/eui/pull/1879))
+- Add type definitions to `EuiSuperSelect` ([##1752](https://github.com/elastic/eui/issues/1752))
 
 **Bug fixes**
 

src/components/form/index.d.ts

@@ -9,6 +9,7 @@ import { CommonProps } from '../common';
 /// <reference path="./radio/index.d.ts" />
 /// <reference path="./range/index.d.ts" />
 /// <reference path="./select/index.d.ts" />
+/// <reference path="./super_select/index.d.ts" />
 /// <reference path="./switch/index.d.ts" />
 /// <reference path="./text_area/index.d.ts" />
 

src/components/form/super_select/index.d.ts

@@ -0,0 +1,74 @@
+import { CommonProps } from '../../common';
+
+import {FunctionComponent, ReactNode, ButtonHTMLAttributes} from 'react';
+
+declare module '@elastic/eui' {
+  /**
+   * @see './super_select.js'
+   */
+
+  export type EuiSuperSelectProps = CommonProps & ButtonHTMLAttributes<HTMLButtonElement> & {
+    /**
+     * Classes for the context menu item
+     */
+    itemClassName: string;
+
+    /**
+     * You must pass an `onChange` function to handle the update of the value
+     */
+    onChange: (value: string) => void;
+
+    /**
+     * Pass an array of options that must at least include:
+     * `value`: storing unique value of item,
+     * `inputDisplay`: what shows inside the form input when selected
+     * `dropdownDisplay` (optional): what shows for the item in the dropdown
+     */
+    options?: Array<{
+      value: string;
+      inputDisplay: ReactNode;
+      dropdownDisplay?: ReactNode;
+    }>;
+
+    valueOfSelected: string;
+
+    /**
+     * Change to `true` if you want horizontal lines between options.
+     * This is best used when options are multi-line.
+     */
+    hasDividers?: boolean;
+
+    /**
+     * Change `EuiContextMenuItem` layout position of icon
+     */
+    itemLayoutAlign: string;
+
+    /**
+     * Make it wide. Default: false
+     */
+    fullWidth?: boolean;
+
+    /**
+     * Provides invalid styling. Default: false
+     */
+    isInvalid?: boolean;
+
+    /**
+     * Make it short. Default: false
+     */
+    compressed?: boolean;
+
+    /**
+     * Applied to the outermost wrapper (popover)
+     */
+    popoverClassName: string;
+
+    /**
+     * Controls whether the options are shown. Default: false
+     */
+    isOpen?: boolean;
+
+  };
+
+  export const EuiSuperSelect: FunctionComponent<EuiSuperSelectProps>;
+}