refactor: export interfaces for exported components

danielkaxis · Tigge · commit 7f77f100217f · 2022-01-27T07:56:06.000+01:00
Exports the interface used for the component if the
component is exported.
diff --git a/packages/core/src/Card/CardTabs.tsx b/packages/core/src/Card/CardTabs.tsx
@@ -160,7 +160,7 @@ interface TabItem<T> {
   readonly disabled?: boolean
 }
 
-interface CardTabsProps<T> extends Omit<BaseProps, 'onChange'> {
+export interface CardTabsProps<T> extends Omit<BaseProps, 'onChange'> {
   /**
    * Current selected tab, matching a `value` from options
    */
diff --git a/packages/core/src/Chip/index.tsx b/packages/core/src/Chip/index.tsx
@@ -28,7 +28,8 @@ const ChipRemoveIcon = styled(ClickableIcon).attrs({
   margin-left: ${spacing.small};
 `
 
-interface ChipProps extends Omit<BaseChipProps, 'component' | 'noPadding'> {
+export interface ChipProps
+  extends Omit<BaseChipProps, 'component' | 'noPadding'> {
   /**
    * Changes the text of the label displayed on the chip.
    */
diff --git a/packages/core/src/Content/index.tsx b/packages/core/src/Content/index.tsx
@@ -47,7 +47,7 @@ const Caption = styled(Typography)`
   color: ${({ theme }) => theme.color.text03()};
 `
 
-interface TextBlockProps extends BaseProps {
+export interface TextBlockProps extends BaseProps {
   /**
    * `class` to be passed to the component.
    */
@@ -131,7 +131,7 @@ const GroupTitle: React.FC<{
   )
 }
 
-interface FormSectionProps extends BaseProps {
+export interface FormSectionProps extends BaseProps {
   /**
    * `class` to be passed to the component.
    */
@@ -183,7 +183,7 @@ export const ContentListItem = styled.div<{
   }
 `
 
-interface ContentListItemWithHoverProps extends BaseProps {
+export interface ContentListItemWithHoverProps extends BaseProps {
   /**
    * `class` to be passed to the component.
    */
diff --git a/packages/core/src/Dialog/AlertDialog.tsx b/packages/core/src/Dialog/AlertDialog.tsx
@@ -21,7 +21,7 @@ export interface AlertDialogAction {
   readonly onClick: ButtonClickHandler
 }
 
-interface AlertDialogProps extends ModalProps {
+export interface AlertDialogProps extends ModalProps {
   /**
    * When `true` the dialog is rendered, `false` removes the dialog.
    */
diff --git a/packages/core/src/Dialog/ConfirmDialog.tsx b/packages/core/src/Dialog/ConfirmDialog.tsx
@@ -10,7 +10,7 @@ export interface ConfirmDialogAction {
   readonly onClick: ButtonClickHandler
 }
 
-interface ConfirmDialogProps extends ModalProps {
+export interface ConfirmDialogProps extends ModalProps {
   /**
    * When `true` the dialog is rendered, `false` removes the dialog.
    */
diff --git a/packages/core/src/DraggableList/index.tsx b/packages/core/src/DraggableList/index.tsx
@@ -52,7 +52,7 @@ export const DraggableListItem = styled.div<{
  * rendered on the right side of the list items.
  */
 
-interface DraggableListProps extends Omit<BaseProps, 'onChange'> {
+export interface DraggableListProps extends Omit<BaseProps, 'onChange'> {
   /**
    * Function called when list order changes with list of re-ordered indices as argument
    */
diff --git a/packages/core/src/Droppable/index.tsx b/packages/core/src/Droppable/index.tsx
@@ -61,7 +61,7 @@ const InputLabel = styled(Typography)`
   word-wrap: break-word;
 `
 
-interface DroppableProps extends BaseProps {
+export interface DroppableProps extends BaseProps {
   /**
    * `class` to be passed to the component.
    */
diff --git a/packages/core/src/Expandable/ArrowIcon.tsx b/packages/core/src/Expandable/ArrowIcon.tsx
@@ -18,7 +18,7 @@ const SvgIcon: IconType = () => (
   </svg>
 )
 
-interface ArrowProps {
+export interface ArrowProps {
   readonly expanded: boolean
   readonly disabled: boolean
 }
diff --git a/packages/core/src/Expandable/index.tsx b/packages/core/src/Expandable/index.tsx
@@ -17,7 +17,7 @@ const ExpandableHeader: React.FC<{
   return <Header onClick={onClick}>{children}</Header>
 }
 
-interface ExpandableProps extends BaseProps {
+export interface ExpandableProps extends BaseProps {
   /**
    * `class` to be passed to the component.
    */
diff --git a/packages/core/src/ExpandableList/index.tsx b/packages/core/src/ExpandableList/index.tsx
@@ -11,7 +11,7 @@ export * from './ExpandableListItem'
 type BaseElement = HTMLDivElement
 type BaseProps = React.HTMLAttributes<BaseElement>
 
-interface ExpandableListProps extends BaseProps {
+export interface ExpandableListProps extends BaseProps {
   /**
    * `class` to be passed to the component.
    */
diff --git a/packages/core/src/FilePicker/index.tsx b/packages/core/src/FilePicker/index.tsx
@@ -21,7 +21,7 @@ const FileInput = styled.input`
   display: none;
 `
 
-interface FilePickerProps
+export interface FilePickerProps
   extends Pick<ButtonProps, 'variant' | 'accent' | 'label' | 'icon'>,
     BaseProps {
   /**
diff --git a/packages/core/src/Menu/BaseMenu.tsx b/packages/core/src/Menu/BaseMenu.tsx
@@ -180,7 +180,7 @@ export const BaseMenuItem = styled.div<{
 
 type ButtonClickHandler = React.MouseEventHandler<HTMLButtonElement>
 
-interface MenuButtonProps extends BaseButtonProps {
+export interface MenuButtonProps extends BaseButtonProps {
   /**
    * If `true`, the button will be disabled.
    */
diff --git a/packages/core/src/Menu/Menu.tsx b/packages/core/src/Menu/Menu.tsx
@@ -79,7 +79,8 @@ export interface MenuItemProps
   readonly submenu?: ReadonlyArray<MenuItemProps>
 }
 
-interface MenuProps extends Omit<BaseMenuProps, 'components' | 'button'> {
+export interface MenuProps
+  extends Omit<BaseMenuProps, 'components' | 'button'> {
   /**
    * The icon element for menu button.
    *
diff --git a/packages/core/src/Note/index.tsx b/packages/core/src/Note/index.tsx
@@ -25,7 +25,7 @@ const NoteTextWrapper = styled.div`
   margin-left: ${spacing.medium};
 `
 
-interface NoteProps extends BaseProps {
+export interface NoteProps extends BaseProps {
   /**
    * `class` to be passed to the component.
    */
diff --git a/packages/core/src/Paper/index.tsx b/packages/core/src/Paper/index.tsx
@@ -31,7 +31,7 @@ const PaperDiv = styled.div<{
         `}
 `
 
-interface PaperProps extends BaseProps {
+export interface PaperProps extends BaseProps {
   /**
    * `class` to be passed to the component.
    */
diff --git a/packages/core/src/Progress/index.tsx b/packages/core/src/Progress/index.tsx
@@ -36,7 +36,7 @@ const ProgressLabel = styled(Typography).attrs({
   color: ${({ theme }) => theme.color.text03()};
 `
 
-interface ProgressProps extends BaseProps {
+export interface ProgressProps extends BaseProps {
   /**
    * `class` to be passed to the component.
    */
diff --git a/packages/core/src/RadioButton/RadioButton.tsx b/packages/core/src/RadioButton/RadioButton.tsx
@@ -64,7 +64,7 @@ const SvgDot = styled.circle<{
     partial ? theme.color.text05() : theme.color.elementPrimary()};
 `
 
-interface RadioButtonAtomProps {
+export interface RadioButtonAtomProps {
   readonly checked: boolean
   readonly partial: boolean
   readonly error: string
@@ -229,7 +229,7 @@ export type RadioButtonValueChangeHandler<V extends string = string> = (
   value: V
 ) => void
 
-interface RadioButtonProps<V extends string = string> extends BaseProps {
+export interface RadioButtonProps<V extends string = string> extends BaseProps {
   /**
    * Attributes a name to the RadioButton.
    */
diff --git a/packages/core/src/Select/BaseSelect.tsx b/packages/core/src/Select/BaseSelect.tsx
@@ -178,7 +178,7 @@ const SelectOptionComponent: React.FC<SelectOption> = ({
   )
 }
 
-interface SelectPopoverProps<V extends string = string>
+export interface SelectPopoverProps<V extends string = string>
   extends Required<Pick<BaseSelectProps, 'direction' | 'align' | 'compact'>>,
     PopOverProps {
   readonly anchorEl: HTMLDivElement | null
diff --git a/packages/core/src/SimpleTable/index.tsx b/packages/core/src/SimpleTable/index.tsx
@@ -164,7 +164,7 @@ const TableCellContent = styled.td<{ readonly columWidthPercentage?: number }>`
       : undefined}
 `
 
-interface SimpleTableRowProps extends BaseRowProps {
+export interface SimpleTableRowProps extends BaseRowProps {
   readonly children: React.ReactNodeArray
   /**
    * `class` to be passed to the component.
@@ -257,7 +257,7 @@ const TableContentContainer = styled.tbody<{
   border-top: 1px solid ${({ theme }) => theme.color.element12()};
 `
 
-interface SimpleTableProps extends BaseProps {
+export interface SimpleTableProps extends BaseProps {
   /**
    * `class` to be passed to the component.
    */
diff --git a/packages/core/src/Spinner/index.tsx b/packages/core/src/Spinner/index.tsx
@@ -66,7 +66,7 @@ const Label = styled.div`
   color: ${({ theme }) => theme.color.text01()};
 `
 
-interface SpinnerProps extends BaseProps {
+export interface SpinnerProps extends BaseProps {
   /**
    * `class` to be passed to the component.
    */
diff --git a/packages/core/src/Tab/index.tsx b/packages/core/src/Tab/index.tsx
@@ -298,7 +298,7 @@ function InternalTab<T>({
 /**
  * Tab
  */
-interface TabProps<T> extends InternalTabBaseProps<T> {
+export interface TabProps<T> extends InternalTabBaseProps<T> {
   readonly markerOffset?: HorizontalTabMarkerOffset
 }
 
@@ -312,7 +312,7 @@ export function Tab<T>({
 /**
  * Vertical tab
  */
-interface VerticalTabProps<T> extends InternalTabBaseProps<T> {
+export interface VerticalTabProps<T> extends InternalTabBaseProps<T> {
   readonly markerOffset?: VerticalTabMarkerOffset
 }
 
diff --git a/packages/core/src/Table/SkeletonRows.tsx b/packages/core/src/Table/SkeletonRows.tsx
@@ -98,7 +98,7 @@ const SkeletonRow: React.FunctionComponent<SkeletonRowProps> = React.memo(
 )
 SkeletonRow.displayName = 'SkeletonRowComponent'
 
-interface SkeletonTableRowsProps extends BaseProps {
+export interface SkeletonTableRowsProps extends BaseProps {
   /**
    * `class` to be passed to the component.
    */
diff --git a/packages/core/src/Table/TableDivider.tsx b/packages/core/src/Table/TableDivider.tsx
@@ -27,7 +27,7 @@ const TableDividerCell = styled(TableCell)`
   grid-column-end: scroll;
 `
 
-interface TableDividerProps extends BaseProps {
+export interface TableDividerProps extends BaseProps {
   /**
    * `class` to be passed to the component.
    */
diff --git a/packages/core/src/Table/TableHeader.tsx b/packages/core/src/Table/TableHeader.tsx
@@ -30,7 +30,7 @@ const TableHeaderGrid = styled.div`
   display: grid;
   grid-template-rows: ${componentSize.large};
 `
-interface TableHeaderProps extends BaseProps {
+export interface TableHeaderProps extends BaseProps {
   /**
    * `class` to be passed to the component.
    */
diff --git a/packages/core/src/Table/index.ts b/packages/core/src/Table/index.ts
@@ -1,6 +1,6 @@
 export { Table } from './Table'
 export { TableRow } from './TableRow'
-export { TableHeader } from './TableHeader'
+export { TableHeader, TableHeaderProps } from './TableHeader'
 export { TableHeaderText } from './TableCells'
-export { TableDivider } from './TableDivider'
-export { SkeletonTableRows } from './SkeletonRows'
+export { TableDivider, TableDividerProps } from './TableDivider'
+export { SkeletonTableRows, SkeletonTableRowsProps } from './SkeletonRows'
diff --git a/packages/core/src/Toast/context.ts b/packages/core/src/Toast/context.ts
@@ -86,7 +86,7 @@ export type ToastAction =
 export const NI = () => {
   throw new Error(`Not implemented: no ToastContext set`)
 }
-interface ToastContextType extends ToastCallbacks {
+export interface ToastContextType extends ToastCallbacks {
   readonly __dispatchRef: React.MutableRefObject<React.Dispatch<ToastAction>>
 }
 
diff --git a/packages/core/src/ToggleButtonGroup/index.tsx b/packages/core/src/ToggleButtonGroup/index.tsx
@@ -191,7 +191,7 @@ export interface ToggleButtonGroupOption<T extends string | number> {
   readonly disabled?: boolean
 }
 
-interface ToggleButtonGroupProps<T extends string | number>
+export interface ToggleButtonGroupProps<T extends string | number>
   extends Omit<BaseProps, 'onChange'> {
   /**
    * `class` to be passed to the component.
diff --git a/packages/core/src/Tooltip/index.tsx b/packages/core/src/Tooltip/index.tsx
@@ -202,7 +202,7 @@ const arrows: Record<Placement, ReactElement> = {
   down: <TooltipUpArrow />,
 }
 
-interface TooltipProps extends Omit<PopOverProps, 'anchorEl'> {
+export interface TooltipProps extends Omit<PopOverProps, 'anchorEl'> {
   /**
    * Optional Tooltip variant.
    * Default: `default`
@@ -214,7 +214,7 @@ interface TooltipProps extends Omit<PopOverProps, 'anchorEl'> {
   readonly text: string
 }
 
-interface ExpandedTooltipProps extends Omit<PopOverProps, 'anchorEl'> {
+export interface ExpandedTooltipProps extends Omit<PopOverProps, 'anchorEl'> {
   /**
    * Required Tooltip variant.
    */
diff --git a/packages/core/src/Transition/FoldTransition.tsx b/packages/core/src/Transition/FoldTransition.tsx
@@ -16,7 +16,7 @@ const transitionHeight = (
   node.style.height = `${end}px`
 }
 
-interface FoldTransitionProps {
+export interface FoldTransitionProps {
   readonly expanded: boolean
 }
 

Original file line number	Diff line number	Diff line change
`@@ -160,7 +160,7 @@ interface TabItem<T> {`
`160`	`160`	`readonly disabled?: boolean`
`161`	`161`	`}`
`162`	`162`
`163`		`-interface CardTabsProps<T> extends Omit<BaseProps, 'onChange'> {`
	`163`	`+export interface CardTabsProps<T> extends Omit<BaseProps, 'onChange'> {`
`164`	`164`	`/**`
`165`	`165`	* Current selected tab, matching a `value` from options
`166`	`166`	`*/`
Original file line number	Diff line number	Diff line change
`@@ -28,7 +28,8 @@ const ChipRemoveIcon = styled(ClickableIcon).attrs({`
`28`	`28`	`margin-left: ${spacing.small};`
`29`	`29`	`
`30`	`30`
`31`		`-interface ChipProps extends Omit<BaseChipProps, 'component' \| 'noPadding'> {`
	`31`	`+export interface ChipProps`
	`32`	`+ extends Omit<BaseChipProps, 'component' \| 'noPadding'> {`
`32`	`33`	`/**`
`33`	`34`	`* Changes the text of the label displayed on the chip.`
`34`	`35`	`*/`
Original file line number	Diff line number	Diff line change
@@ -47,7 +47,7 @@ const Caption = styled(Typography)`
`47`	`47`	`color: ${({ theme }) => theme.color.text03()};`
`48`	`48`	`
`49`	`49`
`50`		`-interface TextBlockProps extends BaseProps {`
	`50`	`+export interface TextBlockProps extends BaseProps {`
`51`	`51`	`/**`
`52`	`52`	* `class` to be passed to the component.
`53`	`53`	`*/`
`@@ -131,7 +131,7 @@ const GroupTitle: React.FC<{`
`131`	`131`	`)`
`132`	`132`	`}`
`133`	`133`
`134`		`-interface FormSectionProps extends BaseProps {`
	`134`	`+export interface FormSectionProps extends BaseProps {`
`135`	`135`	`/**`
`136`	`136`	* `class` to be passed to the component.
`137`	`137`	`*/`
`@@ -183,7 +183,7 @@ export const ContentListItem = styled.div<{`
`183`	`183`	`}`
`184`	`184`	`
`185`	`185`
`186`		`-interface ContentListItemWithHoverProps extends BaseProps {`
	`186`	`+export interface ContentListItemWithHoverProps extends BaseProps {`
`187`	`187`	`/**`
`188`	`188`	* `class` to be passed to the component.
`189`	`189`	`*/`
Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@ export interface AlertDialogAction {`
`21`	`21`	`readonly onClick: ButtonClickHandler`
`22`	`22`	`}`
`23`	`23`
`24`		`-interface AlertDialogProps extends ModalProps {`
	`24`	`+export interface AlertDialogProps extends ModalProps {`
`25`	`25`	`/**`
`26`	`26`	* When `true` the dialog is rendered, `false` removes the dialog.
`27`	`27`	`*/`
Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@ export interface ConfirmDialogAction {`
`10`	`10`	`readonly onClick: ButtonClickHandler`
`11`	`11`	`}`
`12`	`12`
`13`		`-interface ConfirmDialogProps extends ModalProps {`
	`13`	`+export interface ConfirmDialogProps extends ModalProps {`
`14`	`14`	`/**`
`15`	`15`	* When `true` the dialog is rendered, `false` removes the dialog.
`16`	`16`	`*/`
Original file line number	Diff line number	Diff line change
@@ -61,7 +61,7 @@ const InputLabel = styled(Typography)`
`61`	`61`	`word-wrap: break-word;`
`62`	`62`	`
`63`	`63`
`64`		`-interface DroppableProps extends BaseProps {`
	`64`	`+export interface DroppableProps extends BaseProps {`
`65`	`65`	`/**`
`66`	`66`	* `class` to be passed to the component.
`67`	`67`	`*/`
Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,7 @@ const SvgIcon: IconType = () => (`
`18`	`18`	`</svg>`
`19`	`19`	`)`
`20`	`20`
`21`		`-interface ArrowProps {`
	`21`	`+export interface ArrowProps {`
`22`	`22`	`readonly expanded: boolean`
`23`	`23`	`readonly disabled: boolean`
`24`	`24`	`}`
Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,7 @@ const ExpandableHeader: React.FC<{`
`17`	`17`	`return <Header onClick={onClick}>{children}</Header>`
`18`	`18`	`}`
`19`	`19`
`20`		`-interface ExpandableProps extends BaseProps {`
	`20`	`+export interface ExpandableProps extends BaseProps {`
`21`	`21`	`/**`
`22`	`22`	* `class` to be passed to the component.
`23`	`23`	`*/`