@sproutsocial/racine 24.1.0 → 25.0.0

package/__flow__/Checkbox/Checkbox.flow.js

@@ -1,24 +0,0 @@
-// @flow
-import * as React from "react";
-export type TypeCheckboxProps = {
-  /** ID of the form element, should match the "for" value of the associated label */
-  id: string,
-  value?: string,
-  name?: string,
-  /** Label text to display next to the checkbox */
-  label?: string,
-  /** Label used to describe the input (if not used with an accompanying visual label) */
-  ariaLabel?: string,
-  labelProps?: Object,
-  checked?: boolean,
-  indeterminate?: boolean,
-  disabled?: boolean,
-  onChange: (event: SyntheticEvent<HTMLInputElement>) => void,
-  appearance?: "pill" | "default",
-  qa?: Object,
-  tabIndex?: string | number,
-  inputProps?: Object,
-  ...
-};
-declare var Checkbox: React.StatelessFunctionalComponent<TypeCheckboxProps>;
-declare export default typeof Checkbox;

package/__flow__/Checkbox/index.flow.js

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

package/__flow__/Collapsible/Collapsible.flow.js

@@ -1,19 +0,0 @@
-// @flow
-import * as React from "react";
-import type { TypeWithDisplayName } from "../types/shared.flow";
-export type TypeCollapsibleProps = {
-  isOpen: boolean,
-  children: React.Node,
-  /** If the children of the collapsible panel have a top or bottom margin, it will throw off the calculations for the height of the content. The total amount of vertical margin (in pixels) can be supplied to this prop to correct this. */
-  offset?: number,
-  collapsedHeight?: number,
-  openHeight?: number,
-  ...
-};
-declare var Trigger: TypeWithDisplayName<React.StatelessFunctionalComponent<{...}>>;
-declare var Panel: TypeWithDisplayName<React.StatelessFunctionalComponent<{...}>>;
-declare class Collapsible extends React.Component<TypeCollapsibleProps> {
-  static Trigger: typeof Trigger,
-  static Panel: typeof Panel,
-}
-declare export default typeof Collapsible;

package/__flow__/Collapsible/index.flow.js

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

package/__flow__/DatePicker/DateRangePicker/DateRangePicker.flow.js

@@ -1,19 +0,0 @@
-// @flow
-import * as React from "react";
-import { type TypeCommonDatePickerProps } from "../common.flow";
-export type EnumFocusedInput = null | "startDate" | "endDate";
-export type TypeDateRangePickerProps = {
-  startDate: ?moment$Moment,
-  endDate: ?moment$Moment,
-  onDatesChange: ({|
-    startDate: moment$Moment,
-    endDate: moment$Moment,
-  |}) => void,
-  focusedInput: EnumFocusedInput,
-  onFocusChange: (EnumFocusedInput) => void,
-  setStatusText?: (moment$Moment[]) => string,
-  ...TypeCommonDatePickerProps,
-  ...
-};
-declare var DateRangePicker: React.StatelessFunctionalComponent<TypeDateRangePickerProps>;
-declare export default typeof DateRangePicker;

package/__flow__/DatePicker/DateRangePicker/StatefulDateRangePicker.flow.js

@@ -1,11 +0,0 @@
-// @flow
-import * as React from "react";
-import type { TypeDateRangePickerProps } from "./DateRangePicker.flow";
-export type TypeStatefulDateRangePickerProps = {
-  ...TypeDateRangePickerProps,
-  onDatesChange?: $PropertyType<TypeDateRangePickerProps, "onDatesChange">,
-  focusedInput?: $PropertyType<TypeDateRangePickerProps, "focusedInput">,
-  onFocusChange?: $PropertyType<TypeDateRangePickerProps, "onFocusChange">,
-  ...
-};
-declare export var StatefulDateRangePicker: React.StatelessFunctionalComponent<TypeStatefulDateRangePickerProps>;

package/__flow__/DatePicker/DateRangePicker/index.flow.js

@@ -1,3 +0,0 @@
-// @flow
-export * from "./DateRangePicker.flow";
-export * from "./StatefulDateRangePicker.flow";

package/__flow__/DatePicker/SingleDatePicker/SingleDatePicker.flow.js

@@ -1,17 +0,0 @@
-// @flow
-import * as React from "react";
-import { type TypeCommonDatePickerProps } from "../common.flow";
-export type TypeSingleDatePickerProps = {
-  date: ?moment$Moment,
-  onDateChange: (date: moment$Moment) => void,
-  setStatusText?: (date: moment$Moment) => string,
-  focused?: boolean,
-  onFocusChange?: ({
-    focused: boolean,
-    ...
-  }) => void,
-  ...TypeCommonDatePickerProps,
-  ...
-};
-declare var SingleDatePicker: React.StatelessFunctionalComponent<TypeSingleDatePickerProps>;
-declare export default typeof SingleDatePicker;

package/__flow__/DatePicker/SingleDatePicker/StatefulSingleDatePicker.flow.js

@@ -1,9 +0,0 @@
-// @flow
-import * as React from "react";
-import type { TypeSingleDatePickerProps } from "./SingleDatePicker.flow";
-export type TypeStatefulSingleDatePickerProps = {
-  ...TypeSingleDatePickerProps,
-  onDateChange?: (date: moment$Moment) => void,
-  ...
-};
-declare export var StatefulSingleDatePicker: React.StatelessFunctionalComponent<TypeStatefulSingleDatePickerProps>;

package/__flow__/DatePicker/SingleDatePicker/index.flow.js

@@ -1,3 +0,0 @@
-// @flow
-export * from "./SingleDatePicker.flow";
-export * from "./StatefulSingleDatePicker.flow";

package/__flow__/DatePicker/common.flow.js

@@ -1,21 +0,0 @@
-// @flow
-import { type Node } from "react";
-export type TypeCommonDatePickerProps = {|
-  daySize?: number,
-  isOutsideRange?: (date: moment$Moment) => boolean,
-  hideKeyboardShortcutsPanel?: boolean,
-  navPrev?: Node,
-  navNext?: Node,
-  numberOfMonths?: number,
-  renderDayContents?: (day: moment$Moment, modifiers: Object) => Node,
-  keepOpenOnDateSelect?: boolean,
-  initialVisibleMonth?: () => moment$Moment,
-  minimumNights?: number,
-  phrases?: {
-    [phrase: string]: Node | (({
-      date: moment$Moment,
-      ...
-    }) => Node),
-    ...
-  },
-|};

package/__flow__/DatePicker/index.flow.js

@@ -1,6 +0,0 @@
-// @flow
-export { default as SingleDatePicker } from "./SingleDatePicker/index.flow";
-export { default as DateRangePicker } from "./DateRangePicker/index.flow";
-export * from "./common.flow";
-export * from "./DateRangePicker/index.flow";
-export * from "./SingleDatePicker/index.flow";

package/__flow__/Drawer/Drawer.flow.js

@@ -1,49 +0,0 @@
-// @flow
-import * as React from "react";
-import type { TypeWithDisplayName } from "../types/shared.flow";
-export type TypeDrawerContext = $Shape<{
-  /** Callback for close button */
-  onClose: () => any,
-  /** aria-label for drawer close button */
-  closeButtonLabel: string,
-  ...
-}>;
-export type TypeDrawerCloseButtonProps = {
-  /** An optional function that receives the context of the parent drawer as an argument. Can be used to customize the on-close behavior. */
-  render?: (TypeDrawerContext) => React.Node,
-  children?: React.Node,
-  ...
-};
-export type TypeDrawerHeaderProps = {
-  title?: string,
-  children?: React.Node,
-  /** An optional function that receives the context of the parent drawer as an argument. Can be used to customize the appearance of the header. */
-  render?: (TypeDrawerContext) => React.Node,
-  ...
-};
-export type TypeDrawerProps = {
-  children: React.Node,
-  /** Label for the close button. Usually this should be "Close" */
-  closeButtonLabel: string,
-  /** Whether the drawer slides in from the left or right side of the screen */
-  direction?: "left" | "right",
-  /** In some cases, you may not want the user to be able to click outside of the drawer to close it. You can disable that with this prop. */
-  disableCloseOnClickOutside?: boolean,
-  id: string,
-  isOpen: boolean,
-  offset?: number,
-  onClose: () => void,
-  zIndex?: number,
-  closeTargets?: Array<Element>,
-  width?: number,
-  ...
-};
-declare class DrawerContainer extends React.Component<TypeDrawerProps> {
-  static Header: TypeWithDisplayName<React.StatelessFunctionalComponent<TypeDrawerHeaderProps>>,
-  static Content: TypeWithDisplayName<React.StatelessFunctionalComponent<{
-    children?: React.Node,
-    ...
-  }>>,
-  static CloseButton: TypeWithDisplayName<React.StatelessFunctionalComponent<TypeDrawerCloseButtonProps>>,
-}
-declare export default typeof DrawerContainer;

package/__flow__/Drawer/index.flow.js

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

package/__flow__/EmptyState/EmptyState.flow.js

@@ -1,17 +0,0 @@
-// @flow
-import * as React from "react";
-export type TypeEmptyStateProps = {
-  /** An image in (preferably in SVG format) */
-  media?: React.Node,
-  /** A headline describing the empty state */
-  headline: React.Node,
-  /** Optional description of the empty state */
-  subtext?: React.Node,
-  /** Element for the primary call-to-action */
-  primaryAction?: React.Element<*>,
-  /** Element for any secondary call-to-action */
-  secondaryAction?: React.Element<*>,
-  ...
-};
-declare var EmptyState: React.StatelessFunctionalComponent<TypeEmptyStateProps>;
-declare export default typeof EmptyState;

package/__flow__/EmptyState/index.flow.js

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

package/__flow__/Fieldset/Fieldset.flow.js

@@ -1,16 +0,0 @@
-// @flow
-import * as React from "react";
-import type { TypeWithDisplayName } from "../types/shared.flow";
-export type TypeFieldsetProps = {
-  /** Label text to display above the fieldset */
-  label: React.Node,
-  helperText?: React.Node,
-  layout?: "vertical" | "horizontal",
-  children: React.Node,
-  ...
-};
-declare class Fieldset extends React.Component<TypeFieldsetProps> {
-  static Legend: TypeWithDisplayName<React.StatelessFunctionalComponent<{...}>>,
-  static HelperText: TypeWithDisplayName<React.StatelessFunctionalComponent<{...}>>,
-}
-declare export default typeof Fieldset;

package/__flow__/Fieldset/index.flow.js

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

package/__flow__/FormField/FormField.flow.js

@@ -1,32 +0,0 @@
-// @flow
-import * as React from "react";
-import type { TypeBoxProps } from "../Box/index.flow";
-export type TypeFormFieldProps = {
-  ...TypeBoxProps,
-  /** A function that receives props that need to be spread onto the child element */
-  children: (options: {
-    id: string,
-    isInvalid: boolean,
-    ariaDescribedby: string,
-    required?: boolean,
-    ...
-  }) => React.Element<any>,
-  /** Text describing any error with the field's content */
-  error?: React.Node,
-  /** Text acting as a description blurb below the main label **/
-  helperText?: React.Node,
-  /** ID of the form element (will be auto-generated if not provided) */
-  id?: string,
-  /** Whether the current contents of the field are invalid */
-  isInvalid?: boolean,
-  /** Label text to display above the form field */
-  label: React.Node,
-  qa?: Object,
-  /** Whether the label text should be visually hidden */
-  isLabelHidden?: boolean,
-  /** Whether the form element is required */
-  required?: boolean,
-  ...
-};
-declare var FormField: React.StatelessFunctionalComponent<TypeFormFieldProps>;
-declare export default typeof FormField;

package/__flow__/FormField/index.flow.js

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

package/__flow__/Icon/Icon.flow.js

@@ -1,50 +0,0 @@
-// @flow
-import * as React from "react";
-import type { StyledComponent } from "styled-components";
-import type { EnumIconNames } from "@sproutsocial/seeds-icons";
-import type { EnumLogoNamesWithoutVariants } from "@sproutsocial/seeds-partner-logos";
-import type { TypeWithDisplayName } from "../types/shared.flow";
-import type { TypeTheme } from "../types/theme.flow";
-export type TypeIconSize = "mini" // 12x12
-// TODO: deprecate default  in favor of small in future release
-| "default" // 16x16
-| "small" // 16x16
-| "medium" // 24x24
-| "large" // 32x32
-| "jumbo"; // 64x64
-
-export type TypeIconNames = EnumIconNames;
-export type TypeIconName = TypeIconNames | EnumLogoNamesWithoutVariants;
-export type TypeIconProps = {
-  /** Name of the icon in the svg sprite */
-  name: TypeIconName,
-  size?: TypeIconSize,
-  /** Whether the icon should have a fixed width or not. Use this when you need to align icons/text vertically in a list. */
-  fixedWidth?: boolean,
-  /** Label used to describe the icon if not used with an accompanying visual label */
-  ariaLabel?: string,
-  svgProps?: {...},
-  ...
-};
-export type TypeToggleProps = {
-  /** Name of the icon to be shown in the active state */
-  activeName: TypeIconName,
-  /** Name of the icon to be shown in the inactive state */
-  inactiveName: TypeIconName,
-  /** Whether the active icon should be shown or not */
-  isActive: boolean,
-  /** The size of the icon. `small` is the default */
-  size?: "mini" | "default" | "small" | "medium" | "large" | "jumbo",
-  fixedWidth?: boolean,
-  ariaLabel?: string,
-  ...
-};
-declare class Icon extends React.Component<TypeIconProps> {
-  static Toggle: TypeWithDisplayName<React.StatelessFunctionalComponent<TypeToggleProps>>
-}
-declare export var IconContainer: StyledComponent<{
-  iconSize: TypeIconSize,
-  fixedWidth: boolean,
-  ...
-}, TypeTheme, HTMLSpanElement>;
-declare export default typeof Icon;

package/__flow__/Icon/index.flow.js

@@ -1,4 +0,0 @@
-// @flow
-import Icon from "./Icon.flow";
-export { Icon };
-export * from "./Icon.flow";

package/__flow__/Image/Image.flow.js

@@ -1,25 +0,0 @@
-// @flow
-// eslint-disable-next-line no-unused-vars -- used in class extend... why is this erroring?
-import * as React from "react";
-export type TypeImageProps = {
-  src: string,
-  /** Alt text is required for non-decorative images */
-  alt: string,
-  title: string,
-  onError: (e: SyntheticEvent<HTMLImageElement, Event>) => void,
-  onClick: () => void,
-  /** A URL for a default image to load if the source image is not available */
-  defaultImage?: string,
-  onLoad: () => void,
-  qa?: Object,
-  ...
-};
-declare class Image extends React.Component<TypeImageProps> {
-  static defaultProps: {|
-    title: $PropertyType<TypeImageProps, "title">,
-    onError: $PropertyType<TypeImageProps, "onError">,
-    onClick: $PropertyType<TypeImageProps, "onClick">,
-    onLoad: $PropertyType<TypeImageProps, "onLoad">,
-  |}
-}
-declare export default typeof Image;

package/__flow__/Image/index.flow.js

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

package/__flow__/Indicator/Indicator.flow.js

@@ -1,11 +0,0 @@
-// @flow
-import * as React from "react";
-export type TypeIndicatorProps = {
-  tooltip: string,
-  ...
-};
-declare var Indicator: React.ComponentType<{
-  tooltip?: string,
-  ...
-}>;
-declare export default typeof Indicator;

package/__flow__/Indicator/index.flow.js

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

package/__flow__/Input/Input.flow.js

@@ -1,65 +0,0 @@
-// @flow
-import * as React from "react";
-import type { TypeWithDisplayName } from "../types/shared.flow";
-export type TypeInputProps = {
-  /** ID of the form element, should match the "for" value of the associated label */
-  id: string,
-  name: string,
-  /** Label used to describe the input if not used with an accompanying visual label */
-  ariaLabel?: string,
-  /** Attribute used to associate other elements that describe the Input, like an error */
-  ariaDescribedby?: string,
-  /** Label for Input.ClearButton. Required when using Input.ClearButton. */
-  clearButtonLabel?: string,
-  /** Placeholder text for when value is undefined or empty */
-  placeholder?: string,
-  /** Current value of the input */
-  value?: string,
-  /** HTML type attribute */
-  type?: "date" | "email" | "number" | "password" | "text" | "url" | "search",
-  /** Set option to display earlier typed values */
-  autoComplete?: boolean,
-  /** Will autofocus the element when mounted to the DOM */
-  autoFocus?: boolean,
-  /** HTML disabled attribute */
-  disabled?: boolean,
-  /** HTML readonly attribute */
-  readOnly?: boolean,
-  /** Whether or not the current contents of the input are invalid */
-  isInvalid?: boolean,
-  /** Whether or not the current contents of the input has any warnings */
-  hasWarning?: boolean,
-  /** HTML required attribute */
-  required?: boolean,
-  /** 16x16 element, such as an icon */
-  elemBefore?: React.Node,
-  /** 16x16 element, such as an icon */
-  elemAfter?: React.Node,
-  /** Max length of the input */
-  maxLength?: number,
-  /** Props to spread onto the underlying input element */
-  inputProps?: any,
-  /** Used to get a reference to the underlying element */
-  innerRef?: {|
-    current: null | HTMLInputElement
-  |} | ((React.ElementRef<any> | HTMLElement) => void),
-  onBlur?: (e: SyntheticFocusEvent<HTMLInputElement>) => void,
-  onChange?: (e: SyntheticInputEvent<HTMLInputElement>, value: string) => void,
-  onClear?: (e: SyntheticEvent<HTMLButtonElement>) => void,
-  onFocus?: (e: SyntheticFocusEvent<HTMLInputElement>) => void,
-  onKeyDown?: (e: SyntheticKeyboardEvent<HTMLInputElement>, value: string) => void,
-  onKeyUp?: (e: SyntheticKeyboardEvent<HTMLInputElement>, value: string) => void,
-  onPaste?: (e: SyntheticInputEvent<HTMLInputElement>, value: string) => void,
-  size?: "large" | "small" | "default",
-  qa?: Object,
-  /**
-      Controls the styles of the input. Primary is our standard input styles and secondary is a borderless input.
-      Note that this prop should only be used to alter styles and not functionality.
-  */
-  appearance?: "primary" | "secondary",
-  ...
-};
-declare class Input extends React.Component<TypeInputProps> {
-  static ClearButton: TypeWithDisplayName<React.StatelessFunctionalComponent<{||}>>
-}
-declare export default typeof Input;

package/__flow__/Input/index.flow.js

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

package/__flow__/KeyboardKey/KeyboardKey.flow.js

@@ -1,9 +0,0 @@
-// @flow
-import * as React from "react";
-export type TypeKeyboardKeyProps = {
-  /** Text to display inside of key */
-  children: string,
-  ...
-};
-declare var KeyboardKey: React.ComponentType<TypeKeyboardKeyProps>;
-declare export default typeof KeyboardKey;

package/__flow__/KeyboardKey/index.flow.js

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

package/__flow__/Label/Label.flow.js

@@ -1,16 +0,0 @@
-// @flow
-import * as React from "react";
-import Text from "../Text/index.flow";
-export type TypeLabelBaseProps = {
-  ...React.ElementConfig<typeof Text>,
-  as: string,
-  ...
-};
-export type TypeLabelProps = {
-  /** ID of the associated form element */
-  htmlFor: string,
-  children: React.Node,
-  ...
-};
-declare var Label: React.ComponentType<TypeLabelProps>;
-declare export default typeof Label;

package/__flow__/Label/index.flow.js

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

package/__flow__/Link/Link.flow.js

@@ -1,20 +0,0 @@
-// @flow
-import * as React from "react";
-import type { TypeStyledComponentsCommonProps } from "../types/styled-components.flow";
-export type TypeLinkProps = {
-  /** Optional prop to make the URL open in a new tab */
-  external?: boolean,
-  children: React.Node,
-  /** Setting this prop will cause the component to be rendered as a link */
-  href?: string,
-  /** Disables user action and applies a disabled style to the component */
-  disabled?: boolean,
-  /** Can be used in addition to an href but still renders as a link. Omitting href will render as button */
-  onClick?: (e: SyntheticEvent<HTMLButtonElement>) => void,
-  as?: $PropertyType<TypeStyledComponentsCommonProps, "as">,
-  underline?: boolean,
-  qa?: Object,
-  ...
-};
-declare var Link: React.StatelessFunctionalComponent<TypeLinkProps>;
-declare export default typeof Link;

package/__flow__/Link/index.flow.js

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

package/__flow__/Listbox/Listbox.flow.js

@@ -1,33 +0,0 @@
-// @flow
-import * as React from "react";
-import Button from "../Button/index.flow";
-import Popout from "../Popout/index.flow";
-import Menu from "../Menu/index.flow";
-import type { TypeMenuProps, TypeMenuButtonContext } from "../Menu/index.flow";
-export type TypeListboxProps = {
-  ...TypeMenuProps,
-  role?: "listbox",
-  ...
-};
-export type TypeListboxButtonProps = {
-  ...$Exact<React.ElementConfig<typeof Button>>,
-  ...TypeMenuButtonContext,
-  size?: "large" | "default" | "small",
-  content: React.Node,
-  popoutProps?: $Shape<React.ElementConfig<typeof Popout>>,
-  "aria-label"?: string,
-  "aria-labelledby"?: string,
-  ...
-};
-declare class Listbox extends React.Component<TypeListboxProps> {
-  static Item: typeof Menu.Item,
-  static Option: typeof Menu.Item,
-  static Checkbox: typeof Menu.Checkbox,
-  static Radio: typeof Menu.Radio,
-  static Group: typeof Menu.Group,
-  static Switch: typeof Menu.Switch,
-  static Divider: typeof Menu.Divider,
-  static FilterInput: typeof Menu.FilterInput,
-}
-declare export var ListboxButton: React.StatelessFunctionalComponent<TypeListboxButtonProps>;
-declare export default typeof Listbox;

package/__flow__/Listbox/index.flow.js

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

package/__flow__/Loader/Loader.flow.js

@@ -1,14 +0,0 @@
-// @flow
-import * as React from "react";
-export type TypeLoaderProps = {
-  size?: "small" | "large",
-  /** Text for the loader. This text is not visible, but is used for accessibility purposed */
-  text?: string,
-  /** Whether the loader should wait 2 seconds before it displays */
-  delay?: boolean,
-  color?: "light" | "dark",
-  qa?: Object,
-  ...
-};
-declare var Loader: React.ComponentType<TypeLoaderProps>;
-declare export default typeof Loader;

package/__flow__/Loader/index.flow.js

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

package/__flow__/LoaderButton/LoaderButton.flow.js

@@ -1,11 +0,0 @@
-// @flow
-import * as React from "react";
-import type { TypeButtonProps } from "../Button/index.flow";
-export type TypeLoaderButtonProps = {
-  ...TypeButtonProps,
-  isLoading?: boolean,
-  loaderLabel: string,
-  ...
-};
-declare var LoaderButton: React.StatelessFunctionalComponent<TypeLoaderButtonProps>;
-declare export default typeof LoaderButton;

package/__flow__/LoaderButton/index.flow.js

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