@sproutsocial/racine 13.8.0 → 14.0.0

package/__flow__/Popout/index.flow.js

@@ -1,89 +1,2 @@
 // @flow
-import * as React from 'react';
-import type { PopperProps } from 'react-popper';
-
-// Seeds docs can't parse $Keys<typeof placements> yet
-export type EnumPlacements = 'auto' | 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'right-start' | 'bottom-start' | 'left-start' | 'top-end' | 'right-end' | 'bottom-end' | 'left-end';
-export type TypeFocusLockProps = {|
-  disabled?: boolean,
-  returnFocus?: boolean | {|
-    preventScroll?: boolean
-  |},
-  persistentFocus?: boolean,
-  autoFocus?: boolean,
-  noFocusGuards?: boolean | 'tail',
-  group?: string,
-  className?: string,
-  onActivation?: (node: HTMLElement) => void,
-  onDeactivation?: (node: HTMLElement) => void,
-  as?: string | React.Element<any>,
-  lockProps?: any,
-  ref?: any,
-  whiteList?: (activeElement: HTMLElement) => boolean,
-  shards?: Array<any>,
-  children?: React.Node,
-|};
-export type TypePopoutProps = {
-  /**
-   * Is the popout open? This prop is optional. By using it, you will lose some automatic handling of the logic for opening and closing the popout.
-   */
-  isOpen?: boolean,
-  /**
-   * If you use the isOpen prop you will need to pass a handler to change the state of the popout
-   */
-  setIsOpen?: (isOpen: boolean, event?: MouseEvent | KeyboardEvent) => void,
-  /**
-   * The content to be shown in the popout. If there is no content, just the children are rendered
-   */
-  content: ?React.Element<any> | ?(opts: {
-    hide: () => void
-  }) => React.Element<any>,
-  /**
-   * The content that the popout should be attached to
-   */
-  children: React.Element<any> | ((opts: {
-    ref: (React.ElementRef<any> | HTMLElement) => void,
-    toggle: () => void,
-    show: () => void,
-    hide: () => void,
-    ariaProps: Object,
-  }) => React.Node),
-  /** How the popped-out content should be placed, in relationship to the children */
-  placement?: EnumPlacements,
-  /**
-   * Should the popped-out content inherit its width from the children?
-   * This is useful for typeaheads and other places where a popout needs to match the width of a given element.
-   */
-  fullWidth?: boolean,
-  /**
-   *  When the popout has opened, should we focus on its content?
-   *  Focus will be brought inside by looking for elements with [autofocus] first, [tabindex] second and buttons/links/other natively-focusable elements last.
-   *  Upon closing the popout, focus will be returned to the popout's target.
-   *  If nothing within your popout's content is focusable, this prop will do nothing.
-   */
-  focusOnContent?: boolean,
-  qa?: {
-    [string]: string
-  },
-  zIndex?: number,
-  /**
-   * Override react-popper per the API documentation here: https://github.com/FezVrasta/react-popper#api-documentation
-   */
-  popperProps?: $Shape<PopperProps>,
-  onClose?: () => void,
-  onOpen?: () => void,
-  /**
-   * And optional callback to receive the scheduleUpdate function.
-   * Use the function to recalculate the popout position in relation to the contents.
-   */
-  scheduleUpdateRef?: (() => void) => void,
-  /**
-   * Mount the popout at the bottom of the DOM (using React.Portal) instead of inside the current DOM tree
-   */
-  appendToBody?: boolean,
-  /**
-   * Override `FocusLock` props, see the API documentation for more details: https://github.com/theKashey/react-focus-lock#api
-   */
-  focusLockProps?: TypeFocusLockProps,
-  ...
-};
+export * from "./Popout.flow";

package/__flow__/Portal/Portal.flow.js

@@ -0,0 +1,17 @@
+// @flow
+import * as React from 'react';
+export type TypePortalProps = {
+  as: string,
+  container?: HTMLElement,
+  children: React.Node,
+  el?: HTMLElement,
+  id: string,
+  ...
+};
+declare var Portal: React.ComponentType<{
+  ...TypePortalProps,
+  as?: string,
+  id?: string,
+  ...
+}>;
+declare export default typeof Portal;

package/__flow__/Portal/index.flow.js

@@ -1,10 +1,2 @@
 // @flow
-import * as React from 'react';
-export type TypePortalProps = {
-  as: string,
-  container?: HTMLElement,
-  children: React.Node,
-  el?: HTMLElement,
-  id: string,
-  ...
-};
+export * from "./Portal.flow";

package/__flow__/Radio/Radio.flow.js

@@ -0,0 +1,21 @@
+// @flow
+import * as React from 'react';
+export type TypeRadioProps = {
+  /** ID of the form element, should match the "for" value of the associated label */
+  id: string,
+  name: string,
+  /** Label text to display next to the radio input */
+  label?: string,
+  /** Label used to describe the input if not used with an accompanying visual label */
+  ariaLabel?: string,
+  value?: string,
+  checked?: boolean,
+  disabled?: boolean,
+  qa?: Object,
+  onChange?: (e: SyntheticInputEvent<HTMLInputElement>) => void,
+  onFocus?: (e: SyntheticFocusEvent<HTMLInputElement>) => void,
+  onBlur?: (e: SyntheticFocusEvent<HTMLInputElement>) => void,
+  ...
+};
+declare var Radio: React.ComponentType<TypeRadioProps>;
+declare export default typeof Radio;

package/__flow__/Radio/index.flow.js

@@ -1,19 +1,2 @@
 // @flow
-
-export type TypeRadioProps = {
-  /** ID of the form element, should match the "for" value of the associated label */
-  id: string,
-  name: string,
-  /** Label text to display next to the radio input */
-  label?: string,
-  /** Label used to describe the input if not used with an accompanying visual label */
-  ariaLabel?: string,
-  value?: string,
-  checked?: boolean,
-  disabled?: boolean,
-  qa?: Object,
-  onChange?: (e: SyntheticInputEvent<HTMLInputElement>) => void,
-  onFocus?: (e: SyntheticFocusEvent<HTMLInputElement>) => void,
-  onBlur?: (e: SyntheticFocusEvent<HTMLInputElement>) => void,
-  ...
-};
+export * from "./Radio.flow";

package/__flow__/SegmentedControl/SegmentedControl.flow.js

@@ -0,0 +1,25 @@
+// @flow
+import * as React from 'react';
+import type { TypeWithDisplayName } from "../types/shared.flow";
+export type TypeSegmentedControlItemProps = {
+  /** The value of this item. Should be unique among sibling items. */
+  value: string,
+  children: React.Node,
+  ...
+};
+export type TypeSegmentedControlProps = {
+  /** The value of the currently selected item. Should match the value prop of one of the child items */
+  selectedValue: string,
+  /** The title of the segmented control, used for accessibility purposes  */
+  label: string,
+  /** Called when the user selects a new item. You can access the value of the newly selected item using "event.target.value" */
+  onChange: (e: SyntheticInputEvent<HTMLInputElement>) => void,
+  /** Disables user action and applies a disabled style on the component */
+  disabled?: boolean,
+  children: React.Node,
+  ...
+};
+declare class SegmentedControl extends React.Component<TypeSegmentedControlProps> {
+  static Item: TypeWithDisplayName<React.StatelessFunctionalComponent<TypeSegmentedControlItemProps>>
+}
+declare export default typeof SegmentedControl;

package/__flow__/SegmentedControl/index.flow.js

@@ -1,20 +1,2 @@
 // @flow
-import * as React from 'react';
-export type TypeSegmentedControlItemProps = {
-  /** The value of this item. Should be unique among sibling items. */
-  value: string,
-  children: React.Node,
-  ...
-};
-export type TypeSegmentedControlProps = {
-  /** The value of the currently selected item. Should match the value prop of one of the child items */
-  selectedValue: string,
-  /** The title of the segmented control, used for accessibility purposes  */
-  label: string,
-  /** Called when the user selects a new item. You can access the value of the newly selected item using "event.target.value" */
-  onChange: (e: SyntheticInputEvent<HTMLInputElement>) => void,
-  /** Disables user action and applies a disabled style on the component */
-  disabled?: boolean,
-  children: React.Node,
-  ...
-};
+export * from "./SegmentedControl.flow";

package/__flow__/Select/Select.flow.js

@@ -0,0 +1,27 @@
+// @flow
+import * as React from 'react';
+export type TypeSelectProps = {
+  /** ID of the form element, should match the "for" value of the associated label */
+  id: string,
+  name: string,
+  /** Label used to describe the select if not used with an accompanying visual label */
+  ariaLabel?: string,
+  /** Attribute used to associate other elements that describe the Select, like an error */
+  ariaDescribedby?: string,
+  children: React.Node,
+  defaultValue?: any,
+  /** Current value of the input */
+  value?: any,
+  required?: boolean,
+  isInvalid?: boolean,
+  autoFocus?: boolean,
+  disabled?: boolean,
+  /** Props to spread onto the underlying input element */
+  inputProps?: any,
+  qa?: any,
+  onChange?: (e: SyntheticInputEvent<HTMLInputElement>) => void,
+  size?: 'large' | 'small' | 'default',
+  ...
+};
+declare var Select: React.ComponentType<TypeSelectProps>;
+declare export default typeof Select;

package/__flow__/Select/index.flow.js

@@ -1,25 +1,2 @@
 // @flow
-import * as React from 'react';
-export type TypeSelectProps = {
-  /** ID of the form element, should match the "for" value of the associated label */
-  id: string,
-  name: string,
-  /** Label used to describe the select if not used with an accompanying visual label */
-  ariaLabel?: string,
-  /** Attribute used to associate other elements that describe the Select, like an error */
-  ariaDescribedby?: string,
-  children: React.Node,
-  defaultValue?: any,
-  /** Current value of the input */
-  value?: any,
-  required?: boolean,
-  isInvalid?: boolean,
-  autoFocus?: boolean,
-  disabled?: boolean,
-  /** Props to spread onto the underlying input element */
-  inputProps?: any,
-  qa?: any,
-  onChange?: (e: SyntheticInputEvent<HTMLInputElement>) => void,
-  size?: 'large' | 'small' | 'default',
-  ...
-};
+export * from "./Select.flow";

package/__flow__/Skeleton/Skeleton.flow.js

@@ -0,0 +1,6 @@
+// @flow
+import type { StyledComponent } from 'styled-components';
+import type { TypeTheme } from "../types/theme.flow";
+import Box, { type TypeBoxProps } from "../Box/index.flow";
+declare var Skeleton: StyledComponent<TypeBoxProps, TypeTheme, typeof Box>;
+declare export default typeof Skeleton;

package/__flow__/Skeleton/index.flow.js

@@ -0,0 +1,2 @@
+// @flow
+export * from "./Skeleton.flow";

package/__flow__/SpotIllustration/SpotIllustration.flow.js

@@ -0,0 +1,12 @@
+// @flow
+import * as React from 'react';
+import type { EnumIllustrationNames } from "../EnumIllustrationNames.flow";
+export type TypeSpotIllustrationProps = {
+  name: EnumIllustrationNames,
+  customFill?: 'red' | 'green' | 'yellow' | 'magenta' | 'purple' | 'aqua',
+  height?: string,
+  width?: string,
+  ...
+};
+declare var SpotIllustration: React.StatelessFunctionalComponent<TypeSpotIllustrationProps>;
+declare export default typeof SpotIllustration;

package/__flow__/SpotIllustration/index.flow.js

@@ -1,9 +1,2 @@
 // @flow
-import type { EnumIllustrationNames } from "../EnumIllustrationNames";
-export type TypeSpotIllustrationProps = {
-  name: EnumIllustrationNames,
-  customFill?: 'red' | 'green' | 'yellow' | 'magenta' | 'purple' | 'aqua',
-  height?: string,
-  width?: string,
-  ...
-};
+export * from "./SpotIllustration.flow";

package/__flow__/Stack/Stack.flow.js

@@ -0,0 +1,26 @@
+// @flow
+import * as React from 'react';
+import { type TypeResponsive, type TypeSystemCommonProps, type TypeSystemFlexboxProps, type TypeSystemPositionProps, type TypeSystemLayoutProps, type TypeSystemBorderProps } from "../types/system-props.flow.js";
+export type TypeSpaceLiterals = 0 | 100 | 200 | 300 | 350 | 400 | 450 | 500 | 600 | string;
+type TypeDirection = 'vertical' | 'horizontal';
+type TypeAlignment = 'left' | 'center' | 'right' | 'stretch';
+type TypeSystemProps = {|
+  ...TypeSystemCommonProps,
+  ...TypeSystemFlexboxProps,
+  ...TypeSystemPositionProps,
+  ...TypeSystemLayoutProps,
+  ...TypeSystemBorderProps,
+|};
+export type TypeStackProps = {
+  ...TypeSystemProps,
+  /** Amount of space between items in the stack */
+  space?: TypeResponsive<TypeSpaceLiterals>,
+  /** Alignment of the items in the stack (horizontal or vertical) */
+  align?: TypeResponsive<TypeAlignment>,
+  /** Axis upon which the stack is laid out (left, center, right, or stretch) */
+  direction?: TypeResponsive<TypeDirection>,
+  children: React.Node,
+  ...
+};
+declare var Stack: React.StatelessFunctionalComponent<TypeStackProps>;
+declare export default typeof Stack;

package/__flow__/Stack/index.flow.js

@@ -1,24 +1,2 @@
 // @flow
-import * as React from 'react';
-import { type TypeResponsive, type TypeSystemCommonProps, type TypeSystemFlexboxProps, type TypeSystemPositionProps, type TypeSystemLayoutProps, type TypeSystemBorderProps } from "../types/system-props.flow.js";
-export type TypeSpaceLiterals = 0 | 100 | 200 | 300 | 350 | 400 | 450 | 500 | 600 | string;
-type TypeDirection = 'vertical' | 'horizontal';
-type TypeAlignment = 'left' | 'center' | 'right' | 'stretch';
-type TypeSystemProps = {|
-  ...TypeSystemCommonProps,
-  ...TypeSystemFlexboxProps,
-  ...TypeSystemPositionProps,
-  ...TypeSystemLayoutProps,
-  ...TypeSystemBorderProps,
-|};
-export type TypeStackProps = {
-  ...TypeSystemProps,
-  /** Amount of space between items in the stack */
-  space?: TypeResponsive<TypeSpaceLiterals>,
-  /** Alignment of the items in the stack (horizontal or vertical) */
-  align?: TypeResponsive<TypeAlignment>,
-  /** Axis upon which the stack is laid out (left, center, right, or stretch) */
-  direction?: TypeResponsive<TypeDirection>,
-  children: React.Node,
-  ...
-};
+export * from "./Stack.flow";

package/__flow__/Switch/Switch.flow.js

@@ -0,0 +1,24 @@
+// @flow
+import * as React from 'react';
+export type TypeSwitchProps = {
+  onClick: (e: SyntheticEvent<HTMLButtonElement>, checked: boolean) => void,
+  checked: boolean,
+  /** Customizable object to pass in localized "On" and "Off" label text for screen readers {"on": ONTEXT, "off": OFFTEXT} */
+  a11yLabels: {
+    on: string,
+    off: string,
+    ...
+  },
+  /** Disables interaction on component and applies disabled styles  */
+  disabled: boolean,
+  name?: string,
+  qa?: Object,
+  ...
+};
+declare var Switch: React.ComponentType<{
+  ...TypeSwitchProps,
+  a11yLabels?: $PropertyType<TypeSwitchProps, 'a11yLabels'>,
+  disabled?: $PropertyType<TypeSwitchProps, 'disabled'>,
+  ...
+}>;
+declare export default typeof Switch;

package/__flow__/Switch/index.flow.js

@@ -1,16 +1,2 @@
 // @flow
-
-export type TypeSwitchProps = {
-  onClick: (e: SyntheticEvent<HTMLButtonElement>, checked: boolean) => void,
-  checked: boolean,
-  /** Customizable object to pass in localized "On" and "Off" label text for screen readers {"on": ONTEXT, "off": OFFTEXT} */
-  a11yLabels: {
-    on: string,
-    off: string,
-  },
-  /** Disables interaction on component and applies disabled styles  */
-  disabled: boolean,
-  name?: string,
-  qa?: Object,
-  ...
-};
+export * from "./Switch.flow";

package/__flow__/Table/Table.flow.js

@@ -0,0 +1,48 @@
+// @flow
+import * as React from 'react';
+import type { TypeWithDisplayName } from "../types/shared.flow";
+import type { TypeEnumSortDirections, TypeTableHeaderCell } from "../TableHeaderCell/index.flow";
+import type { TypeTableCellProps } from "../TableCell/index.flow";
+import TableCell from "../TableCell/index.flow";
+import TableHeaderCell from "../TableHeaderCell/index.flow";
+export type TypePassthroughProps = {
+  children: React.Node,
+  ...
+};
+export type TypeTableRow = {|
+  /** Table Row Id */
+  id: string,
+  /** Array for TableCells to render */
+  cells: TypeTableCellProps[],
+|};
+export type TypeTableProps = {
+  /** Array of TableHeaderCells to render */
+  head?: TypeTableHeaderCell[],
+  /** Array of TableRows to render */
+  rows?: TypeTableRow[],
+  /** Callback for Sorting Table Columns (optional) */
+  onSort?: (id: string) => void,
+  /** Controls which column is being sorted (optional) */
+  sortId?: string,
+  /** Controls the current sort direction (optional) */
+  sortDirection?: TypeEnumSortDirections,
+  /** Custom row render for flexibilty */
+  rowRender?: (row: TypeTableRow) => React.Node,
+  /**
+   * Including children will overwrite all head, rows, rowRender, and sorting props
+   * Should be used for manually rendering tables and ignoring data props
+   */
+  children?: React.Node,
+  ...
+};
+declare export var TableHead: TypeWithDisplayName<React.StatelessFunctionalComponent<TypePassthroughProps>>;
+declare export var TableBody: TypeWithDisplayName<React.StatelessFunctionalComponent<TypePassthroughProps>>;
+declare export var TableRow: TypeWithDisplayName<React.StatelessFunctionalComponent<TypePassthroughProps>>;
+declare class Table extends React.Component<TypeTableProps> {
+  static TableHead: typeof TableHead,
+  static TableBody: typeof TableBody,
+  static TableRow: typeof TableRow,
+  static HeaderCell: typeof TableHeaderCell,
+  static Cell: typeof TableCell,
+}
+declare export default typeof Table;

package/__flow__/Table/index.flow.js

@@ -1,30 +1,2 @@
 // @flow
-import * as React from 'react';
-import type { TypeEnumSortDirections, TypeTableHeaderCell } from "../TableHeaderCell/index.flow";
-import type { TypeTableCell } from "../TableCell/index.flow";
-export type TypeTableRow = {|
-  /** Table Row Id */
-  id: string,
-  /** Array for TableCells to render */
-  cells: TypeTableCell[],
-|};
-export type TypeTableProps = {
-  /** Array of TableHeaderCells to render */
-  head?: TypeTableHeaderCell[],
-  /** Array of TableRows to render */
-  rows?: TypeTableRow[],
-  /** Callback for Sorting Table Columns (optional) */
-  onSort?: (id: string) => void,
-  /** Controls which column is being sorted (optional) */
-  sortId?: string,
-  /** Controls the current sort direction (optional) */
-  sortDirection?: TypeEnumSortDirections,
-  /** Custom row render for flexibilty */
-  rowRender?: (row: TypeTableRow) => React.Node,
-  /**
-   * Including children will overwrite all head, rows, rowRender, and sorting props
-   * Should be used for manually rendering tables and ignoring data props
-   */
-  children?: React.Node,
-  ...
-};
+export * from "./Table.flow";

package/__flow__/TableCell/TableCell.flow.js

@@ -0,0 +1,26 @@
+// @flow
+import * as React from 'react';
+import { type TypeSystemCommonProps } from "../types/system-props.flow.js";
+export type TypeTableCellProps = {
+  ...TypeSystemCommonProps,
+  /** Table Cell Id */
+  id: string,
+  /** Content is deprecated.  Please use children instead. Content to be render */
+  content?: React.Node,
+  /** Controls the colSpan attribute (optional) */
+  colSpan?: number,
+  /** Controls the width attribute (optional) */
+  width?: number,
+  /** Controls the CSS text-align property (optional) */
+  align?: 'left' | 'right' | 'center' | 'justify',
+  /** Children to be rendered */
+  children?: React.Node,
+  ...
+};
+
+/**
+ * @deprecated Use TypeTableCellProps from root instead
+ */
+export type TypeTableCell = TypeTableCellProps;
+declare var TableCell: React.ComponentType<TypeTableCellProps>;
+declare export default typeof TableCell;

package/__flow__/TableCell/index.flow.js

@@ -1,19 +1,2 @@
 // @flow
-import * as React from 'react';
-import { type TypeSystemCommonProps } from "../types/system-props.flow.js";
-export type TypeTableCell = {
-  ...TypeSystemCommonProps,
-  /** Table Cell Id */
-  id: string,
-  /** Content is deprecated.  Please use children instead. Content to be render */
-  content?: React.Node,
-  /** Controls the colSpan attribute (optional) */
-  colSpan?: number,
-  /** Controls the width attribute (optional) */
-  width?: number,
-  /** Controls the CSS text-align property (optional) */
-  align?: 'left' | 'right' | 'center' | 'justify',
-  /** Children to be rendered */
-  children?: React.Node,
-  ...
-};
+export * from "./TableCell.flow";

package/__flow__/TableHeaderCell/TableHeaderCell.flow.js

@@ -0,0 +1,30 @@
+// @flow
+import * as React from 'react';
+import type { TypeTableCellProps } from "../TableCell/index.flow";
+export const SORT_DIRECTIONS = {
+  ASC: 'ASC',
+  DESC: 'DESC'
+};
+export type TypeEnumSortDirections = $Keys<typeof SORT_DIRECTIONS>;
+export type TypeTableHeaderCell = {
+  ...TypeTableCellProps,
+  /** Legacy Deteremines if a table column is sortable (optional) */
+  isSortable?: boolean,
+  /** Truncates text into a singular line with ellipsis (optional) */
+  shouldTruncate?: boolean,
+  ...
+};
+export type TypeTableHeaderCellProps = {
+  ...TypeTableHeaderCell,
+  /** Legacy: Callback for Sorting Table Columns (optional) */
+  onSort?: (id: string) => void,
+  /** Legacy: Controls which column is being sorted (optional) */
+  sortId?: string,
+  /** Legacy: Controls the current sort direction (optional) */
+  sortDirection?: TypeEnumSortDirections,
+  /** Callback for Click Events. If Included will override onSort prop */
+  onClick?: (e: SyntheticEvent<HTMLButtonElement>) => void,
+  ...
+};
+declare var TableHeaderCell: React.ComponentType<TypeTableHeaderCellProps>;
+declare export default typeof TableHeaderCell;

package/__flow__/TableHeaderCell/index.flow.js

@@ -1,24 +1,2 @@
 // @flow
-import type { TypeTableCell } from "../TableCell/index.flow";
-import { SORT_DIRECTIONS } from "./constants";
-export type TypeEnumSortDirections = $Keys<typeof SORT_DIRECTIONS>;
-export type TypeTableHeaderCell = {
-  ...TypeTableCell,
-  /** Legacy Deteremines if a table column is sortable (optional) */
-  isSortable?: boolean,
-  /** Truncates text into a singular line with ellipsis (optional) */
-  shouldTruncate?: boolean,
-  ...
-};
-export type TypeTableHeaderCellProps = {
-  ...TypeTableHeaderCell,
-  /** Legacy: Callback for Sorting Table Columns (optional) */
-  onSort?: (id: string) => void,
-  /** Legacy: Controls which column is being sorted (optional) */
-  sortId?: string,
-  /** Legacy: Controls the current sort direction (optional) */
-  sortDirection?: TypeEnumSortDirections,
-  /** Callback for Click Events. If Included will override onSort prop */
-  onClick?: (e: SyntheticEvent<HTMLButtonElement>) => void,
-  ...
-};
+export * from "./TableHeaderCell.flow";

package/__flow__/TableRowAccordion/TableRowAccordion.flow.js

@@ -0,0 +1,15 @@
+// @flow
+import * as React from 'react';
+import type { TypeTableRow } from "../Table/index.flow";
+export type TypeTableRowAccordionProps = {
+  ...TypeTableRow,
+  /** Content to be rendered in accordion drawer */
+  detail: React.Node,
+  /** Controls the display state of the accordion drawer */
+  isExpanded: boolean,
+  /** Callback for toggling the accordion drawer state */
+  onToggle: (id: string) => void,
+  ...
+};
+declare var TableRowAccordion: React.ComponentType<TypeTableRowAccordionProps>;
+declare export default typeof TableRowAccordion;

package/__flow__/TableRowAccordion/index.flow.js

@@ -1,13 +1,2 @@
 // @flow
-import * as React from 'react';
-import type { TypeTableRow } from "../Table/index.flow";
-export type TypeTableRowAccordionProps = {
-  ...TypeTableRow,
-  /** Content to be rendered in accordion drawer */
-  detail: React.Node,
-  /** Controls the display state of the accordion drawer */
-  isExpanded: boolean,
-  /** Callback for toggling the accordion drawer state */
-  onToggle: (id: string) => void,
-  ...
-};
+export * from "./TableRowAccordion.flow";

package/__flow__/Tabs/Tabs.flow.js

@@ -0,0 +1,26 @@
+// @flow
+import * as React from 'react';
+import type { TypeWithDisplayName } from "../types/shared.flow";
+export type TypeTabButtonsProps = {
+  children: React.Node,
+  /** Should be unique among sibling elements */
+  id: string,
+  ...
+};
+export type TypeTabsProps = {
+  children: React.Node,
+  onSelect: (string) => void,
+  /** Whether or not the tabs should stretch to fill the width of their container */
+  fullWidth?: boolean,
+  qa?: {
+    [string]: string,
+    ...
+  },
+  /** ID of the selected tab */
+  selectedId: string,
+  ...
+};
+declare class Tabs extends React.Component<TypeTabsProps> {
+  static Button: TypeWithDisplayName<React.ComponentType<TypeTabButtonsProps>>
+}
+declare export default typeof Tabs;