Convert EuiFacetGroup to TS

src/components/facet/facet_group.js → src/components/facet/facet_group.tsx

@@ -1,16 +1,30 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React, { FunctionComponent, HTMLAttributes } from 'react';
 import classNames from 'classnames';
+
+import { CommonProps, keysOf } from '../common';
 import { EuiFlexGroup } from '../flex';
 
-const layoutToClassNameMap = {
+type FacetGroupLayout = 'vertical' | 'horizontal';
+
+const layoutToClassNameMap: { [layout in FacetGroupLayout]: string } = {
   vertical: 'euiFacetGroup--vertical',
   horizontal: 'euiFacetGroup--horizontal',
 };
 
-export const LAYOUTS = Object.keys(layoutToClassNameMap);
+export const LAYOUTS = keysOf(layoutToClassNameMap);
+
+export interface EuiFacetGroupProps {
+  layout?: FacetGroupLayout;
+}
+
+type Props = CommonProps & HTMLAttributes<HTMLDivElement> & EuiFacetGroupProps;
 
-export const EuiFacetGroup = ({ children, className, layout, ...rest }) => {
+export const EuiFacetGroup: FunctionComponent<Props> = ({
+  children,
+  className,
+  layout = 'vertical',
+  ...rest
+}) => {
   const classes = classNames(
     'euiFacetGroup',
     layoutToClassNameMap[layout],
@@ -30,13 +44,3 @@ export const EuiFacetGroup = ({ children, className, layout, ...rest }) => {
     </EuiFlexGroup>
   );
 };
-
-EuiFacetGroup.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  layout: PropTypes.oneOf(LAYOUTS),
-};
-
-EuiFacetGroup.defaultProps = {
-  layout: 'vertical',
-};

src/components/facet/index.ts

@@ -0,0 +1,3 @@
+export { EuiFacetButton, EuiFacetButtonProps } from './facet_button';
+
+export { EuiFacetGroup, EuiFacetGroupProps } from './facet_group';

src/components/index.d.ts

@@ -4,7 +4,6 @@
 /// <reference path="./date_picker/index.d.ts" />
 /// <reference path="./empty_prompt/index.d.ts" />
 /// <reference path="./error_boundary/index.d.ts" />
-/// <reference path="./facet/index.d.ts" />
 /// <reference path="./filter_group/index.d.ts" />
 /// <reference path="./flyout/index.d.ts" />
 /// <reference path="./form/index.d.ts" />