Add types for EuiEmptyPrompt, EuiCode(Block), EuiCallOut

CHANGELOG.md

@@ -3,6 +3,7 @@
 - Make some proprties of `EuiFlyout` optional ([#1003](https://github.com/elastic/eui/pull/1003))
 - Add typings for `EuiFlyout`, `EuiFlyoutBody`, `EuiFlyoutHeader`, and `EuiFlyoutFooter` ([#1001](https://github.com/elastic/eui/pull/1001))
 - Gave `EuiFlyout` close button a data-test-subj ([#1000](https://github.com/elastic/eui/pull/1000))
+- Add typings for `EuiEmptyPrompt`, `EuiCode`, `EuiCodeBlock`, and `EuiCallOut` ([#1010](https://github.com/elastic/eui/pull/1010))
 
 **Breaking changes**
 

src/components/call_out/index.d.ts

@@ -0,0 +1,26 @@
+/// <reference path="../common.d.ts" />
+/// <reference path="../icon/index.d.ts" />
+
+import { SFC, ReactNode, HTMLAttributes } from 'react';
+
+declare module '@elastic/eui' {
+  /**
+   * EuiCallOut type defs
+   *
+   * @see './code.js'
+   */
+
+  type Color = 'primary' | 'success' | 'warning' | 'danger';
+  type Size = 's' | 'm';
+
+  export interface EuiCallOutProps {
+    title?: ReactNode,
+    iconType?: IconType,
+    color?: Color,
+    size?: Size,
+  }
+
+  export const EuiCallOut: SFC<
+    CommonProps & EuiCallOutProps & HTMLAttributes<HTMLDivElement>
+  >;
+}

src/components/code/index.d.ts

@@ -0,0 +1,57 @@
+/// <reference path="../common.d.ts" />
+
+import { SFC, HTMLAttributes } from 'react';
+
+declare module '@elastic/eui' {
+  type FontSize = 's' | 'm' | 'l';
+  type PaddingSize = 'none' | 's' | 'm' | 'l';
+
+  // there isn't a specific type for the <code> element, and MDN
+  // says that it only supports the HTMLElement interface
+  // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/code
+  type HTMLCodeElement = HTMLElement
+
+  interface EuiCodeSharedProps {
+    paddingSize?: PaddingSize;
+
+    /**
+     * Sets the syntax highlighting for a specific language
+     * See http://highlightjs.readthedocs.io/en/latest/css-classes-reference.html#language-names-and-aliases
+     * for options
+     */
+    language?: string;
+
+    overflowHeight?: number;
+    fontSize?: FontSize;
+    transparentBackground?: boolean;
+  }
+
+
+  /**
+   * EuiCode type defs
+   *
+   * @see './code.js'
+   */
+
+  export interface EuiCodeProps extends EuiCodeSharedProps {
+    inline?: true
+  }
+
+  export const EuiCode: SFC<
+    CommonProps & EuiCodeProps & HTMLAttributes<HTMLCodeElement>
+  >;
+
+  /**
+   * EuiCodeBlock type defs
+   *
+   * @see './code_block.js'
+   */
+
+  export interface EuiCodeBlockProps extends EuiCodeSharedProps {
+    inline?: false
+  }
+
+  export const EuiCodeBlock: SFC<
+    CommonProps & EuiCodeBlockProps & HTMLAttributes<HTMLCodeElement>
+  >;
+}

src/components/empty_prompt/index.d.ts

@@ -0,0 +1,26 @@
+/// <reference path="../common.d.ts" />
+/// <reference path="../icon/index.d.ts" />
+/// <reference path="../title/index.d.ts" />
+
+import { SFC, ReactNode, HTMLAttributes } from 'react';
+
+declare module '@elastic/eui' {
+  /**
+   * EuiEmptyPrompt type defs
+   *
+   * @see './empty_prompt.js'
+   */
+
+  export interface EuiEmptyPromptProps {
+    iconType?: IconType;
+    iconColor?: IconColor;
+    title?: ReactNode;
+    titleSize?: EuiTitleSize;
+    body?: ReactNode;
+    actions?: ReactNode;
+  }
+
+  export const EuiEmptyPrompt: SFC<
+    CommonProps & EuiEmptyPromptProps & HTMLAttributes<HTMLDivElement>
+  >;
+}

src/components/index.d.ts

@@ -21,3 +21,6 @@
 /// <reference path="./horizontal_rule/index.d.ts" />
 /// <reference path="./page/index.d.ts" />
 /// <reference path="./flyout/index.d.ts" />
+/// <reference path="./empty_prompt/index.d.ts" />
+/// <reference path="./code/index.d.ts" />
+/// <reference path="./call_out/index.d.ts" />