[TypeScript] Updated existing and added additional TypeScript definitions

CHANGELOG.md

@@ -6,6 +6,7 @@
 - Close `EuiComboBox` `singleSelection` options list when option is choosen ([#645](https://github.com/elastic/eui/pull/645))
 - Wrap `EuiHorizontalStep` text instead of truncating it ([#653](https://github.com/elastic/eui/pull/653))
 - Fixed a bug where `EuiSideNavItem` wouldn't pass an `onClick` handler down to `<a>` tags if they also had an `href`. ([#664](https://github.com/elastic/eui/pull/664))
+- Updated existing and added additional TypeScript definitions ([#666](https://github.com/elastic/eui/pull/666))
 
 **Breaking changes**
 

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

@@ -0,0 +1,28 @@
+/// <reference path="../../common.d.ts" />
+
+import { SFC, InputHTMLAttributes } from 'react';
+
+declare module '@elastic/eui' {
+
+  /**
+   * text field type defs
+   *
+   * @see './field_text.js'
+   */
+  export interface EuiFieldTextProps {
+    name?: string;
+    id?: string;
+    placeholder?: string;
+    value?: string;
+    defaultValue?: string;
+    icon?: string;
+    isInvalid?: boolean;
+    inputRef?: (ref: HTMLInputElement) => void;
+    fullWidth?: boolean;
+    isLoading?: boolean;
+  }
+
+  export const EuiFieldText: SFC<
+    CommonProps & InputHTMLAttributes<HTMLInputElement> & EuiFieldTextProps
+    >;
+}

src/components/form/index.d.ts

@@ -1,5 +1,7 @@
 /// <reference path="./checkbox/index.d.ts" />
+/// <reference path="./field_text/index.d.ts" />
 /// <reference path="./field_search/index.d.ts" />
 /// <reference path="./form_row/index.d.ts" />
 /// <reference path="./radio/index.d.ts" />
 /// <reference path="./switch/index.d.ts" />
+/// <reference path="./text_area/index.d.ts" />

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

@@ -0,0 +1,26 @@
+/// <reference path="../../common.d.ts" />
+
+import { SFC, TextareaHTMLAttributes } from 'react';
+
+declare module '@elastic/eui' {
+
+  /**
+   * @see './text_area.js'
+   */
+  export interface EuiTextAreaProps {
+    id?: string;
+    name?: string;
+    placeholder?: string;
+    rows?: number;
+    isInvalid?: boolean;
+    fullWidth?: boolean;
+    onChange?: (event: any) => void;
+    value?: string;
+    defaultValue?: string;
+    inputRef?: (input: any) => void;
+  }
+
+  export const EuiTextArea: SFC<
+    CommonProps & TextareaHTMLAttributes & EuiTextAreaProps
+    >;
+}

src/components/horizontal_rule/index.d.ts

@@ -0,0 +1,27 @@
+/// <reference path="../common.d.ts" />
+
+import { SFC, ReactNode, HTMLAttributes } from 'react';
+
+declare module '@elastic/eui' {
+
+  /**
+   * EuiHorizontalRule type defs
+   *
+   * @see './horizontal_rule.js'
+   */
+
+  export type EuiHorizontalRuleSize = 'full' | 'half' | 'quarter';
+
+  export type EuiHorizontalRuleMargin = 'none' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+
+  export interface EuiHorizontalRuleProps {
+    children?: ReactNode;
+    size?: EuiHorizontalRuleSize;
+    margin?: EuiHorizontalRuleMargin;
+  }
+
+  export const EuiHorizontalRule: SFC<
+    CommonProps & HTMLAttributes<HTMLHRElement> & EuiHorizontalRuleProps
+    >;
+
+}

src/components/icon/index.d.ts

@@ -3,12 +3,12 @@
 import { SFC, SVGAttributes } from 'react';
 
 declare module '@elastic/eui' {
+
   /**
    * icon type defs
    *
    * @see './icon.js'
    */
-
   export type IconType =
     | 'addDataApp'
     | 'advancedSettingsApp'
@@ -37,34 +37,50 @@ declare module '@elastic/eui' {
     | 'controlsVertical'
     | 'copy'
     | 'copyClipboard'
+    | 'createAdvancedJob'
+    | 'createMultiMetricJob'
+    | 'createPopulationJob'
+    | 'createSingleMetricJob'
     | 'cross'
     | 'dashboardApp'
+    | 'dataVisualizer'
     | 'devToolsApp'
     | 'discoverApp'
     | 'document'
     | 'dot'
     | 'empty'
     | 'exit'
     | 'expand'
+    | 'exportAction'
+    | 'eyeClosed'
+    | 'eye'
     | 'faceHappy'
     | 'faceNeutral'
     | 'faceSad'
     | 'fullScreen'
     | 'gear'
+    | 'grab'
     | 'graphApp'
     | 'grid'
     | 'grokApp'
+    | 'heatmap'
     | 'help'
     | 'iInCircle'
+    | 'importAction'
     | 'indexClose'
     | 'indexEdit'
     | 'indexFlush'
     | 'indexMapping'
     | 'indexOpen'
-    | 'indexSettings'
     | 'indexPatternApp'
-    | 'inputOutput'
+    | 'indexSettings'
     | 'invert'
+    | 'inputOutput'
+    | 'kqlField'
+    | 'kqlOperand'
+    | 'kqlValue'
+    | 'kqlFunction'
+    | 'kqlSelector'
     | 'link'
     | 'list'
     | 'listAdd'
@@ -73,17 +89,27 @@ declare module '@elastic/eui' {
     | 'logoApache'
     | 'logoBeats'
     | 'logoCloud'
+    | 'logoDocker'
     | 'logoElastic'
     | 'logoElasticSearch'
     | 'logoElasticStack'
     | 'logoGmail'
+    | 'logoGithub'
     | 'logoKibana'
+    | 'logoKubernetes'
     | 'logoLogstash'
     | 'logoMySQL'
     | 'logoNginx'
+    | 'logoRedis'
+    | 'logoSketch'
     | 'logoSlack'
     | 'logoWebhook'
     | 'logoXpack'
+    | 'logstashFilter'
+    | 'logstashIf'
+    | 'logstashInput'
+    | 'logstashOutput'
+    | 'logstashQueue'
     | 'machineLearningApp'
     | 'managementApp'
     | 'mapMarker'
@@ -129,6 +155,7 @@ declare module '@elastic/eui' {
     | 'upgradeAssistantApp'
     | 'user'
     | 'usersRolesApp'
+    | 'vector'
     | 'visualizeApp'
     | 'watchesApp'
     | 'wrench';
@@ -153,7 +180,5 @@ declare module '@elastic/eui' {
     size?: IconSize;
   }
 
-  export const EuiIcon: SFC<
-    CommonProps & SVGAttributes<SVGAElement> & EuiIconProps
-  >;
+  export const EuiIcon: SFC<CommonProps & SVGAttributes<SVGAElement> & EuiIconProps>;
 }

src/components/index.d.ts

@@ -16,3 +16,7 @@
 /// <reference path="./portal/index.d.ts" />
 /// <reference path="./title/index.d.ts" />
 /// <reference path="./text/index.d.ts" />
+/// <reference path="./modal/index.d.ts" />
+/// <reference path="./overlay_mask/index.d.ts" />
+/// <reference path="./horizontal_rule/index.d.ts" />
+/// <reference path="./page/index.d.ts" />

src/components/loading/index.d.ts

@@ -27,4 +27,16 @@ declare module '@elastic/eui' {
     };
 
   export const EuiLoadingChart: SFC<EuiLoadingChartProps>;
+
+
+  /**
+   * @see './loading_kibana.js'
+   */
+  export interface EuiLoadingKibanaProps {
+    size: 'm' | 'l' | 'xl';
+  }
+
+  export const EuiLoadingKibana: SFC<
+    CommonProps & HTMLAttributes<HTMLDivElement> & EuiLoadingKibanaProps
+    >;
 }

src/components/modal/index.d.ts

@@ -0,0 +1,77 @@
+/// <reference path="../common.d.ts" />
+
+import { SFC, ReactNode, HTMLAttributes } from 'react';
+
+declare module '@elastic/eui' {
+
+  import { HTMLAttributes } from 'react';
+
+  /**
+   * Modal type defs
+   *
+   * @see './modal.js'
+   */
+  export interface EuiModalProps {
+    className?: string;
+    children?: ReactNode;
+    onClose: () => void;
+  }
+
+  export const EuiModal: SFC<
+    CommonProps & HTMLAttributes<HTMLDivElement> & EuiModalProps
+    >;
+
+
+  /**
+   * @see './modal_body.js'
+   */
+  export interface EuiModalBodyProps {
+    className?: string;
+    children?: ReactNode;
+  }
+
+  export const EuiModalBody: SFC<
+    CommonProps & HTMLAttributes<HTMLDivElement> & EuiModalBodyProps
+    >;
+
+
+  /**
+   * @see './modal_footer.js'
+   */
+  export interface EuiModalFooterProps {
+    className?: string;
+    children?: ReactNode;
+  }
+
+  export const EuiModalFooter: SFC<
+    CommonProps & HTMLAttributes<HTMLDivElement> & EuiModalFooterProps
+    >;
+
+
+  /**
+   * @see './modal_header.js'
+   */
+  export interface EuiModalHeaderProps {
+    className?: string;
+    children?: ReactNode;
+  }
+
+  export const EuiModalHeader: SFC<
+    CommonProps & HTMLAttributes<HTMLDivElement> & EuiModalHeaderProps
+    >;
+
+
+  /**
+   * @see './modal_header_title.js'
+   */
+  export interface EuiModalHeaderTitleProps {
+    className?: string;
+    children?: ReactNode;
+  }
+
+  export const EuiModalHeaderTitle: SFC<
+    CommonProps & HTMLAttributes<HTMLDivElement> & EuiModalHeaderTitleProps
+    >;
+
+
+}

src/components/overlay_mask/index.d.ts

@@ -0,0 +1,22 @@
+/// <reference path="../common.d.ts" />
+
+import { SFC, ReactNode, HTMLAttributes } from 'react';
+
+declare module '@elastic/eui' {
+
+  /**
+   * EuiOverlayMask type defs
+   *
+   * @see './overlay_mask.js'
+   */
+  export interface EuiOverlayMaskProps {
+    className?: string,
+    children?: ReactNode,
+    onClick?: () => void;
+  }
+
+  export const EuiOverlayMask: SFC<
+    CommonProps & HTMLAttributes<HTMLDivElement> & EuiOverlayMaskProps
+    >;
+
+}