Export props for components (#4517)

Props are now exported for all components down to the dist. This I believe means we can now use `import { EuiComponentNameProps } from @elastic/eui/` without reaching into source.

CHANGELOG.md

@@ -1,5 +1,6 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
+- Added exports for all EUI component props matching `EuiComponentProps` name pattern. ([#4517](https://github.com/elastic/eui/pull/4517))
 - Added `truncate`, `disabled`, and `emphasize` props to `EuiSideNavItem` ([#4488](https://github.com/elastic/eui/pull/4488))
 - Added `truncate` prop to `EuiSideNav` ([#4488](https://github.com/elastic/eui/pull/4488))
 

src/components/badge/beta_badge/beta_badge.tsx

@@ -74,7 +74,7 @@ type BadgeProps = {
   title?: string;
 } & ExclusiveUnion<LabelAsNode, LabelAsString>;
 
-type EuiBetaBadgeProps = CommonProps &
+export type EuiBetaBadgeProps = CommonProps &
   Omit<HTMLAttributes<HTMLSpanElement>, 'title'> &
   BadgeProps;
 

src/components/badge/beta_badge/index.ts

@@ -17,4 +17,4 @@
  * under the License.
  */
 
-export { EuiBetaBadge } from './beta_badge';
+export { EuiBetaBadge, EuiBetaBadgeProps } from './beta_badge';

src/components/badge/index.ts

@@ -19,7 +19,7 @@
 
 export { EuiBadge, EuiBadgeProps } from './badge';
 
-export { EuiBetaBadge } from './beta_badge';
+export { EuiBetaBadge, EuiBetaBadgeProps } from './beta_badge';
 
 export { EuiNotificationBadge } from './notification_badge';
 

src/components/badge/notification_badge/index.ts

@@ -17,4 +17,7 @@
  * under the License.
  */
 
-export { EuiNotificationBadge } from './badge_notification';
+export {
+  EuiNotificationBadge,
+  EuiNotificationBadgeProps,
+} from './badge_notification';

src/components/bottom_bar/bottom_bar.tsx

@@ -36,7 +36,7 @@ export const paddingSizeToClassNameMap: {
   l: 'euiBottomBar--paddingLarge',
 };
 
-interface Props extends CommonProps {
+export interface EuiBottomBarProps extends CommonProps {
   /**
    * Padding applied to the bar. Default is 'm'.
    */
@@ -59,7 +59,7 @@ interface Props extends CommonProps {
   landmarkHeading?: string;
 }
 
-export class EuiBottomBar extends Component<Props> {
+export class EuiBottomBar extends Component<EuiBottomBarProps> {
   static defaultProps = {
     paddingSize: 'm',
     affordForDisplacement: true,
@@ -78,7 +78,7 @@ export class EuiBottomBar extends Component<Props> {
     }
   }
 
-  componentDidUpdate(prevProps: Props) {
+  componentDidUpdate(prevProps: EuiBottomBarProps) {
     if (prevProps.affordForDisplacement !== this.props.affordForDisplacement) {
       if (this.props.affordForDisplacement) {
         // start affording for displacement

src/components/bottom_bar/index.ts

@@ -17,4 +17,4 @@
  * under the License.
  */
 
-export { EuiBottomBar } from './bottom_bar';
+export { EuiBottomBar, EuiBottomBarProps } from './bottom_bar';

src/components/color_picker/index.ts

@@ -18,14 +18,20 @@
  */
 
 export { EuiColorPicker, EuiColorPickerProps } from './color_picker';
-export { EuiColorPickerSwatch } from './color_picker_swatch';
-export { EuiHue } from './hue';
-export { EuiSaturation } from './saturation';
-export { EuiColorStops } from './color_stops';
+export {
+  EuiColorPickerSwatch,
+  EuiColorPickerSwatchProps,
+} from './color_picker_swatch';
+export { EuiHue, EuiHueProps } from './hue';
+export { EuiSaturation, EuiSaturationProps } from './saturation';
+export { EuiColorStops, EuiColorStopsProps } from './color_stops';
 export {
   EuiColorPalettePicker,
   EuiColorPalettePickerProps,
   EuiColorPalettePickerPaletteProps,
 } from './color_palette_picker';
 
-export { EuiColorPaletteDisplay } from './color_palette_display';
+export {
+  EuiColorPaletteDisplay,
+  EuiColorPaletteDisplayProps,
+} from './color_palette_display';

src/components/context/context.tsx

@@ -39,7 +39,7 @@ export interface I18nShape {
 const I18nContext: React.Context<I18nShape> = createContext({});
 const { Provider: EuiI18nProvider, Consumer: EuiI18nConsumer } = I18nContext;
 
-interface EuiContextProps {
+export interface EuiContextProps {
   i18n: I18nShape;
   /**
    * ReactNode to render as this component's content

src/components/context/index.ts

@@ -17,4 +17,4 @@
  * under the License.
  */
 
-export { EuiContext, EuiI18nConsumer } from './context';
+export { EuiContext, EuiI18nConsumer, EuiContextProps } from './context';

src/components/context_menu/index.ts

@@ -19,6 +19,7 @@
 
 export {
   EuiContextMenu,
+  EuiContextMenuProps,
   EuiContextMenuPanelDescriptor,
   EuiContextMenuPanelItemDescriptor,
 } from './context_menu';
@@ -30,6 +31,7 @@ export {
 
 export {
   EuiContextMenuItem,
+  EuiContextMenuItemProps,
   EuiContextMenuItemIcon,
   EuiContextMenuItemLayoutAlignment,
 } from './context_menu_item';

src/components/control_bar/index.ts

@@ -17,4 +17,4 @@
  * under the License.
  */
 
-export { EuiControlBar } from './control_bar';
+export { EuiControlBar, EuiControlBarProps } from './control_bar';

src/components/copy/copy.tsx

@@ -22,7 +22,7 @@ import { CommonProps } from '../common';
 import { copyToClipboard } from '../../services';
 import { EuiToolTip, EuiToolTipProps } from '../tool_tip';
 
-interface EuiCopyProps
+export interface EuiCopyProps
   extends CommonProps,
     Partial<Omit<EuiToolTipProps, 'children'>> {
   /**

src/components/copy/index.ts

@@ -17,4 +17,4 @@
  * under the License.
  */
 
-export { EuiCopy } from './copy';
+export { EuiCopy, EuiCopyProps } from './copy';

src/components/delay_hide/index.ts

@@ -17,4 +17,4 @@
  * under the License.
  */
 
-export { EuiDelayHide } from './delay_hide';
+export { EuiDelayHide, EuiDelayHideProps } from './delay_hide';

src/components/delay_render/delay_render.tsx

@@ -19,7 +19,7 @@
 
 import { Component } from 'react';
 
-interface EuiDelayRenderProps {
+export interface EuiDelayRenderProps {
   delay: number;
 }
 

src/components/delay_render/index.ts

@@ -17,4 +17,4 @@
  * under the License.
  */
 
-export { EuiDelayRender } from './delay_render';
+export { EuiDelayRender, EuiDelayRenderProps } from './delay_render';

src/components/description_list/index.ts

@@ -17,7 +17,10 @@
  * under the License.
  */
 
-export { EuiDescriptionList } from './description_list';
+export {
+  EuiDescriptionList,
+  EuiDescriptionListProps,
+} from './description_list';
 
 export { EuiDescriptionListTitle } from './description_list_title';
 

src/components/drag_and_drop/drag_drop_context.tsx

@@ -30,13 +30,15 @@ import {
 
 type EuiDraggingType = string | null;
 
-interface EuiDraggingContext {
+export interface EuiDragDropContextProps {
   isDraggingType: EuiDraggingType;
 }
 
-export const EuiDragDropContextContext = createContext<EuiDraggingContext>({
-  isDraggingType: null,
-});
+export const EuiDragDropContextContext = createContext<EuiDragDropContextProps>(
+  {
+    isDraggingType: null,
+  }
+);
 
 export const EuiDragDropContext: FunctionComponent<DragDropContextProps> = ({
   onBeforeDragStart,

src/components/drag_and_drop/index.ts

@@ -17,9 +17,12 @@
  * under the License.
  */
 
-export { EuiDragDropContext } from './drag_drop_context';
-export { EuiDraggable } from './draggable';
-export { EuiDroppable } from './droppable';
+export {
+  EuiDragDropContext,
+  EuiDragDropContextProps,
+} from './drag_drop_context';
+export { EuiDraggable, EuiDraggableProps } from './draggable';
+export { EuiDroppable, EuiDroppableProps } from './droppable';
 export {
   euiDragDropCopy,
   euiDragDropMove,

src/components/expression/index.ts

@@ -17,4 +17,4 @@
  * under the License.
  */
 
-export { EuiExpression } from './expression';
+export { EuiExpression, EuiExpressionProps } from './expression';

src/components/flex/index.ts

@@ -23,6 +23,6 @@ export {
   EuiFlexGroupGutterSize,
 } from './flex_group';
 
-export { EuiFlexGrid } from './flex_grid';
+export { EuiFlexGrid, EuiFlexGridProps } from './flex_grid';
 
-export { EuiFlexItem } from './flex_item';
+export { EuiFlexItem, EuiFlexItemProps } from './flex_item';

src/components/focus_trap/index.ts

@@ -17,4 +17,4 @@
  * under the License.
  */
 
-export { EuiFocusTrap, FocusTarget } from './focus_trap';
+export { EuiFocusTrap, EuiFocusTrapProps, FocusTarget } from './focus_trap';

src/components/header/header_links/index.ts

@@ -17,6 +17,6 @@
  * under the License.
  */
 
-export { EuiHeaderLink } from './header_link';
+export { EuiHeaderLink, EuiHeaderLinkProps } from './header_link';
 
-export { EuiHeaderLinks } from './header_links';
+export { EuiHeaderLinks, EuiHeaderLinksProps } from './header_links';

src/components/header/header_section/header_section.tsx

@@ -29,13 +29,13 @@ const sideToClassNameMap: { [side in HeaderSectionSide]: string } = {
   right: 'euiHeaderSection--right',
 };
 
-type Props = CommonProps &
+export type EuiHeaderSectionProps = CommonProps &
   HTMLAttributes<HTMLDivElement> & {
     side?: HeaderSectionSide;
     grow?: boolean;
   };
 
-export const EuiHeaderSection: FunctionComponent<Props> = ({
+export const EuiHeaderSection: FunctionComponent<EuiHeaderSectionProps> = ({
   side = 'left',
   children,
   className,

src/components/header/header_section/index.ts

@@ -17,7 +17,7 @@
  * under the License.
  */
 
-export { EuiHeaderSection } from './header_section';
+export { EuiHeaderSection, EuiHeaderSectionProps } from './header_section';
 
 export {
   EuiHeaderSectionItem,

src/components/header/index.ts

@@ -23,7 +23,12 @@ export { EuiHeaderAlert, EuiHeaderAlertProps } from './header_alert';
 
 export { EuiHeaderBreadcrumbs } from './header_breadcrumbs';
 
-export { EuiHeaderLink, EuiHeaderLinks } from './header_links';
+export {
+  EuiHeaderLink,
+  EuiHeaderLinkProps,
+  EuiHeaderLinks,
+  EuiHeaderLinksProps,
+} from './header_links';
 
 export { EuiHeaderLogo, EuiHeaderLogoProps } from './header_logo';
 

src/components/highlight/index.ts

@@ -17,4 +17,4 @@
  * under the License.
  */
 
-export { EuiHighlight } from './highlight';
+export { EuiHighlight, EuiHighlightProps } from './highlight';

src/components/i18n/i18n.tsx

@@ -98,7 +98,7 @@ interface I18nTokensShape<T extends any[]> {
   children: (x: Array<T[number]>) => ReactChild;
 }
 
-type EuiI18nProps<
+export type EuiI18nProps<
   T,
   DEFAULT extends Renderable<T>,
   DEFAULTS extends any[]

src/components/i18n/i18n_number.tsx

@@ -39,7 +39,7 @@ interface EuiI18nNumberValuesShape {
   children: (x: ReactChild[]) => ReactElement<any>;
 }
 
-type EuiI18nNumberProps = ExclusiveUnion<
+export type EuiI18nNumberProps = ExclusiveUnion<
   EuiI18nNumberValueShape,
   EuiI18nNumberValuesShape
 >;

src/components/i18n/index.ts

@@ -17,5 +17,5 @@
  * under the License.
  */
 
-export { EuiI18n, useEuiI18n } from './i18n';
-export { EuiI18nNumber } from './i18n_number';
+export { EuiI18n, EuiI18nProps, useEuiI18n } from './i18n';
+export { EuiI18nNumber, EuiI18nNumberProps } from './i18n_number';

src/components/image/image.tsx

@@ -71,7 +71,9 @@ const fullScreenIconColorMap: { [color in FullScreenIconColor]: string } = {
   dark: 'default',
 };
 
-interface EuiImageProps extends CommonProps, HTMLAttributes<HTMLImageElement> {
+export interface EuiImageProps
+  extends CommonProps,
+    HTMLAttributes<HTMLImageElement> {
   /**
    * Separate from the caption is a title on the alt tag itself.
    * This one is required for accessibility.

src/components/image/index.ts

@@ -17,4 +17,4 @@
  * under the License.
  */
 
-export { EuiImage } from './image';
+export { EuiImage, EuiImageProps } from './image';