add EuiListGroup and EuiListGroupItem type definitions.

elastic · Mar 18, 2019 · 98d97c7 · 98d97c7
1 parent 76e8fb5
commit 98d97c7
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 11 deletions.
diff --git a/src/components/list_group/index.d.ts b/src/components/list_group/index.d.ts
@@ -1,5 +1,6 @@
+import { IconType } from '../icon'
 import { CommonProps } from '../common';
-import { FunctionComponent } from 'react';
+import { FunctionComponent, ReactNode, ReactPropTypes } from 'react';
 
 declare module '@elastic/eui' {
   /**
@@ -9,8 +10,38 @@ declare module '@elastic/eui' {
    */
 
   type EuiListGroupProps = CommonProps & {
-
+    bordered?: boolean;
+    flush?: boolean;
+    listItems?: FunctionComponent<EuiListGroupItemProps>[];
+    maxWidth?: boolean | number | string;
+    showToolTips?: boolean;
+    wrapText?: boolean;
   };
 
   export const EuiListGroup: FunctionComponent<EuiListGroupProps>;
+
+  /**
+   * list group item type defs
+   *
+   * @see './list_group_item.js'
+   */
+
+  type EuiListGroupItemProps = CommonProps & {
+    size?: 'xs' | 's' | 'm' | 'l';
+    label: ReactNode;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    href?: string;
+    iconType?: IconType;
+    icon?: ReactPropTypes['element'];
+    showToolTip?: boolean;
+    extraAction?: {
+      iconType: IconType;
+      alwaysShow?: boolean;
+    };
+    onClick?(): void;
+    wrapText?: boolean;
+  };
+
+  export const EuiListGroupItem: FunctionComponent<EuiListGroupItemProps>;
 }
diff --git a/src/components/list_group/list_group.js b/src/components/list_group/list_group.js
@@ -76,15 +76,7 @@ export const EuiListGroup = ({
 };
 
 EuiListGroup.propTypes = {
-  listItems: PropTypes.arrayOf(PropTypes.shape({
-    label: PropTypes.node,
-    href: PropTypes.string,
-    extraAction: PropTypes.object,
-    iconType: PropTypes.string,
-    isActive: PropTypes.boolean,
-    isDisabled: PropTypes.boolean,
-    showToolTip: PropTypes.boolean,
-  })),
+  listItems: PropTypes.arrayOf(EuiListGroupItem.propTypes),
   children: PropTypes.node,
   className: PropTypes.string,