@sproutsocial/racine 24.1.0 → 25.0.0

package/__flow__/types/theme.flow.js

@@ -1,373 +0,0 @@
-// @flow strict-local
-import type { TypeFontFamilyString } from "../themes/light/theme.flow";
-import type { TypeColors } from "./theme.colors.flow";
-export type TypeNavigationTheme = {|
-  main: {
-    background: {
-      base: string,
-      overflowGradient: string,
-      ...
-    },
-    border: {
-      base: string,
-      ...
-    },
-    ...
-  },
-  secondary: {
-    background: {
-      base: string,
-      ...
-    },
-    widget: {
-      background: {
-        base: string,
-        ...
-      },
-      ...
-    },
-    accordion: {
-      background: {
-        base: string,
-        ...
-      },
-      ...
-    },
-    ...
-  },
-  settings: {
-    listItem: {
-      background: {
-        base: string,
-        hover: string,
-        selected: string,
-        ...
-      },
-      ...
-    },
-    ...
-  },
-  text: {
-    base: string,
-    hover: string,
-    ...
-  },
-  icon: {
-    base: string,
-    hover: string,
-    ...
-  },
-  listItem: {
-    background: {
-      base: string,
-      hover: string,
-      selected: string,
-      ...
-    },
-    ...
-  },
-|};
-export type TypeDatePickerTheme = {|
-  comparison: {
-    background: {
-      base: string,
-      ...
-    },
-    text: {
-      base: string,
-      ...
-    },
-    ...
-  }
-|};
-export type TypeAnalyticsTheme = {|
-  trend: {
-    positive: string,
-    neutral: string,
-    negative: string,
-    ...
-  },
-  overlay: {
-    background: {
-      base: string,
-      ...
-    },
-    ...
-  },
-|};
-export type TypeListeningTheme = {|
-  chart: {
-    indicator: {
-      default: {
-        primary: string,
-        secondary: string,
-        ...
-      },
-      hover: {
-        primary: string,
-        secondary: string,
-        ...
-      },
-      ...
-    },
-    spike: {
-      background: {
-        base: string,
-        ...
-      },
-      icon: {
-        base: string,
-        ...
-      },
-      ...
-    },
-    ...
-  },
-  topicTypes: {
-    customTopic: string,
-    brandHealth: string,
-    industryInsights: string,
-    competitiveAnalysis: string,
-    campaignAnalysis: string,
-    eventMonitoring: string,
-    featuredTopic: string,
-    ...
-  },
-  worldMap: {
-    empty: string,
-    q0: string,
-    q1: string,
-    q2: string,
-    q3: string,
-    q4: string,
-    q5: string,
-    q6: string,
-    q7: string,
-    ...
-  },
-|};
-export type TypeGrowthTheme = {|
-  carousel: {
-    indicator: {
-      active: string,
-      inactive: string,
-      ...
-    },
-    ...
-  },
-  education: {
-    decorative: {
-      aqua: string,
-      teal: string,
-      ...
-    },
-    ...
-  },
-  opportunity: {
-    background: {
-      base: string,
-      secondary: string,
-      hover: string,
-      ...
-    },
-    button: {
-      primary: {
-        base: string,
-        hover: string,
-        ...
-      },
-      ...
-    },
-    badge: {
-      background: {
-        base: string,
-        active: string,
-        ...
-      },
-      icon: {
-        base: string,
-        active: string,
-        ...
-      },
-      text: {
-        base: string,
-        ...
-      },
-      ...
-    },
-    decorative: {
-      // confetti
-      green: string,
-      lightAqua: string,
-      darkAqua: string,
-      purple: string,
-      ...
-    },
-    ...
-  },
-  featuredDemo: {
-    background: {
-      primary: {
-        base: string,
-        hover: string,
-        ...
-      },
-      secondary: {
-        base: string,
-        hover: string,
-        ...
-      },
-      ...
-    },
-    ...
-  },
-  darkModal: {
-    background: {
-      base: string,
-      ...
-    },
-    text: {
-      base: string,
-      ...
-    },
-    cards: {
-      background: {
-        base: string,
-        hover: string,
-        ...
-      },
-      text: {
-        base: string,
-        hover: string,
-        ...
-      },
-      border: {
-        base: string,
-        hover: string,
-        ...
-      },
-      ...
-    },
-    ...
-  },
-  user: {
-    status: {
-      online: string,
-      ...
-    },
-    ...
-  },
-|};
-export type TypeCardControlTheme = {|
-  background: {
-    base: string,
-    selected: string,
-    hover: string,
-    ...
-  },
-  text: {
-    selected: string,
-    ...
-  },
-|};
-export type TypeThemeMode = "light" | "dark";
-export type TypeBreakpoint = string[];
-type TypeTypographyValue = {|
-  fontSize: string | number,
-  lineHeight: string | number,
-|};
-export type TypeTypography = {|
-  "100": TypeTypographyValue,
-  "200": TypeTypographyValue,
-  "300": TypeTypographyValue,
-  "400": TypeTypographyValue,
-  "500": TypeTypographyValue,
-  "600": TypeTypographyValue,
-  "700": TypeTypographyValue,
-  "800": TypeTypographyValue,
-  "900": TypeTypographyValue,
-  "1000": TypeTypographyValue,
-  "1100": TypeTypographyValue,
-  "1200": TypeTypographyValue,
-|};
-export type TypeFontWeight = {|
-  normal: string,
-  semibold: string,
-  bold: string,
-  extrabold: string,
-|};
-export type TypeFontFamily = TypeFontFamilyString;
-export type TypeSpace = {|
-  "0": string,
-  "100": string,
-  "200": string,
-  "300": string,
-  "350": string,
-  "400": string,
-  "450": string,
-  "500": string,
-  "600": string,
-|};
-export type TypeColor = TypeColors;
-export type TypeRadii = {|
-  "400": string,
-  "500": string,
-  "600": string,
-  "900": string,
-  "1000": string,
-  inner: string,
-  outer: string,
-  pill: string,
-|};
-export type TypeBorder = {|
-  "500": string
-|};
-export type TypeBorderWidth = {|
-  "500": string
-|};
-export type TypeShadow = {|
-  high: string,
-  low: string,
-  medium: string,
-|};
-export type TypeEasing = {|
-  ease_in: string,
-  ease_inout: string,
-  ease_out: string,
-|};
-export type TypeDuration = {|
-  fast: string,
-  medium: string,
-  slow: string,
-|};
-export type TypeTheme = {
-  mode: TypeThemeMode,
-  breakpoints: TypeBreakpoint,
-  colors: TypeColor,
-  typography: TypeTypography,
-  fontWeights: TypeFontWeight,
-  fontFamily: TypeFontFamily,
-  space: TypeSpace,
-  radii: TypeRadii,
-  borders: TypeBorder,
-  borderWidths: TypeBorderWidth,
-  shadows: TypeShadow,
-  easing: TypeEasing,
-  duration: TypeDuration,
-  ...
-};
-
-// Extended themes
-export type TypeSproutTheme = {
-  ...$Exact<TypeTheme>,
-  colors: {|
-    ...$Exact<TypeColor>,
-    navigation: TypeNavigationTheme,
-    datePicker: TypeDatePickerTheme,
-    analytics: TypeAnalyticsTheme,
-    listening: TypeListeningTheme,
-    growth: TypeGrowthTheme,
-    cardControl: TypeCardControlTheme,
-  |},
-  ...
-};

package/__flow__/utils/a11yTest.flow.js

@@ -1,5 +0,0 @@
-// @flow
-/* eslint-env jest, node */
-
-// use runA11yCheck from react-test-library utils file if using react-testing-library
-declare export var a11yCheck: (html: string | Element) => void;

package/__flow__/utils/chartColors.flow.js

@@ -1,11 +0,0 @@
-// @flow
-
-type TypeColorTheme = string[];
-declare export var COMPARE_THEME: TypeColorTheme;
-declare export var CONTRAST_THEME: TypeColorTheme;
-declare export var EXTENDED_THEME: TypeColorTheme;
-declare export var THEME_MAP: {|
-  COMPARE: TypeColorTheme,
-  CONTRAST: TypeColorTheme,
-  EXTENDED: TypeColorTheme,
-|};

package/__flow__/utils/constants.flow.js

@@ -1,3 +0,0 @@
-// @flow
-
-declare export var EM_DASH: string;

package/__flow__/utils/dataQaLabelQueries.flow.js

@@ -1,20 +0,0 @@
-// @flow
-
-export type TypeQaObject = {
-  [string]: string,
-  ...
-};
-declare var getKeyValuePair: (object: any) => any[];
-declare var getDataQaKey: (key: any) => string;
-declare var getTestIdAttribute: (qaObject: any) => string;
-declare var queryAllByDataQaLabel: (container: HTMLElement, qaObject: TypeQaObject, options: {...}) => HTMLElement[];
-declare var getMultipleError: (c: any, qaObject: any) => string;
-declare var getMissingError: (c: any, qaObject: any) => string;
-declare export var dataQaLabelQueries: {|
-  findAllByDataQaLabel: any,
-  findByDataQaLabel: any,
-  getAllByDataQaLabel: any,
-  getByDataQaLabel: any,
-  queryAllByDataQaLabel: (container: HTMLElement, qaObject: TypeQaObject, options: {...}) => any,
-  queryByDataQaLabel: any,
-|};

package/__flow__/utils/hooks.flow.js

@@ -1,66 +0,0 @@
-// @flow
-import { useState, useCallback } from "react";
-
-// https://stackoverflow.com/questions/44700904/how-to-get-a-functions-return-type-in-flow
-// eslint-disable-next-line flowtype/type-id-match
-type ReturnType<F> = $PropertyType<$ObjMap<{
-  x: F,
-  ...
-}, <R>(f: (...any) => R) => R>, "x">;
-const useTextContentClone = (initial: string) => {
-  const [textContent, setTextContent] = useState(initial);
-  const ref = useCallback((node: Node) => {
-    if (node !== null) {
-      setTextContent(node.textContent);
-    }
-  }, []);
-  ref.current = textContent;
-  return ref;
-};
-
-// Couldn't find a way to achieve this with flow type syntax - open to suggestions
-// Tried https://github.com/facebook/flow/issues/2840#issuecomment-452934068 but it didn't work
-declare export function useTextContent(initial: string): ReturnType<typeof useTextContentClone>;
-type TypeMutationObserverInitRequired = {|
-  childList: true
-|} | {|
-  attributes: true
-|} | {|
-  characterData: true
-|};
-type TypeMutationObserverInit = {
-  ...TypeMutationObserverInitRequired,
-  subtree?: boolean,
-  attributeOldValue?: boolean,
-  characterDataOldValue?: boolean,
-  attributeFilter?: Array<string>,
-  ...
-};
-type TypeMutationObserverCallback = (mutationList?: MutationRecord[], observer?: MutationObserver) => any;
-declare var defaultCallback: TypeMutationObserverCallback;
-declare export function useMutationObserver(targetNode: ?Node, config: TypeMutationObserverInit, callback?: TypeMutationObserverCallback): void | any;
-declare export function useMutationObserverOnce(targetNode: ?Node, config: TypeMutationObserverInit, callback: TypeMutationObserverCallback): void | any;
-type TypeSingleSelectProps<T: string> = {|
-  initialValue?: T | "",
-  onChange?: (value: string | T) => any,
-|};
-type TypeMultiSelectProps<T: string> = {|
-  initialValue?: T[],
-  onChange?: (value: Array<string | T>) => any,
-|};
-declare export var useSelect: <T: string>(props?: TypeSingleSelectProps<T>) => {|
-  onChange: (newValue: string) => void,
-  value: T | string,
-|};
-declare var valueReducer: (state: Set<string>, action: {|
-  type: string
-|} | {|
-  type: string,
-  value: string,
-|}) => Set<string>;
-declare export var useMultiselect: <T: string>(props?: TypeMultiSelectProps<T>) => {|
-  onChange: (newValue: string) => void,
-  onClear: () => void,
-  value: Array<string | T>,
-|};
-declare export function useWhyDidYouUpdate(name: string, props: any): void;

package/__flow__/utils/index.flow.js

@@ -1,11 +0,0 @@
-// @flow
-
-import { type ElementRef } from "react";
-declare export var canUseDOM: () => boolean;
-type TypeRef = {|
-  current: null | HTMLInputElement
-|} | ((ElementRef<any> | HTMLElement) => void);
-
-// Allows a component to pass its own ref *and* a ref prop to the same element.
-// Via https://www.davedrinks.coffee/how-do-i-use-two-react-refs/
-declare export var mergeRefs: (refs: Array<?TypeRef>) => null | TypeRef | ((inst: any) => void);

package/__flow__/utils/innerText.flow.js

@@ -1,4 +0,0 @@
-// @flow
-import * as React from "react";
-declare var innerText: (node: React.Node) => string;
-declare export default typeof innerText;

package/__flow__/utils/mixins.flow.js

@@ -1,7 +0,0 @@
-// @flow
-import type { CSSRules } from "styled-components";
-declare export var svgToDataURL: (svgStr: string) => string;
-declare export var visuallyHidden: CSSRules;
-declare export var focusRing: CSSRules;
-declare export var pill: CSSRules;
-declare export var disabled: CSSRules;

package/__flow__/utils/react-testing-library.flow.js

@@ -1,14 +0,0 @@
-// @flow
-import * as React from "react";
-import { act as defaultAct, cleanup as defaultCleanup, createEvent as defaultCreateEvent, fireEvent as defaultFireEvent, waitFor as defaultWaitFor, waitForElementToBeRemoved as defaultWaitForElementToBeRemoved } from "@testing-library/react";
-import defaultUserEvent from "@testing-library/user-event";
-declare export var act: typeof defaultAct;
-declare export var cleanup: typeof defaultCleanup;
-declare export var createEvent: typeof defaultCreateEvent;
-declare export var render: (node: React.Node, options: any) => any;
-declare export var within: (element: HTMLElement) => any;
-declare export var fireEvent: typeof defaultFireEvent;
-declare export var screen: any;
-declare export var userEvent: typeof defaultUserEvent;
-declare export var waitFor: typeof defaultWaitFor;
-declare export var waitForElementToBeRemoved: typeof defaultWaitForElementToBeRemoved;

package/__flow__/utils/responsiveProps/index.flow.js

@@ -1,3 +0,0 @@
-// @flow
-import type { TypeResponsive } from "../../types/system-props.flow";
-declare export var normalizeResponsiveProp: (value: TypeResponsive<any>) => TypeResponsive<any>;

package/__flow__/utils/responsiveProps/index.test.flow.js

@@ -1,22 +0,0 @@
-// @flow strict-local
-import { normalizeResponsiveProp } from "./index.flow";
-describe("normalizeResponsiveProp", () => {
-  it("should handle single, literal values", () => {
-    expect(normalizeResponsiveProp(0)).toMatchObject([0, 0, 0, 0, 0]);
-  });
-  it("should handle arrays with 1 value", () => {
-    expect(normalizeResponsiveProp([0])).toMatchObject([0, 0, 0, 0, 0]);
-  });
-  it("should handle arrays with 2 values", () => {
-    expect(normalizeResponsiveProp([0, 1])).toMatchObject([0, 1, 1, 1, 1]);
-  });
-  it("should handle arrays with 3 values", () => {
-    expect(normalizeResponsiveProp([0, 1, 2])).toMatchObject([0, 1, 2, 2, 2]);
-  });
-  it("should handle arrays with 4 values", () => {
-    expect(normalizeResponsiveProp([0, 1, 2, 3])).toMatchObject([0, 1, 2, 3, 3]);
-  });
-  it("should handle arrays with 5 values", () => {
-    expect(normalizeResponsiveProp([0, 1, 2, 3, 4])).toMatchObject([0, 1, 2, 3, 4]);
-  });
-});

package/__flow__/utils/system-props.flow.js

@@ -1,9 +0,0 @@
-// @flow
-
-declare export var COMMON: any;
-declare export var BORDER: any;
-declare export var TYPOGRAPHY: any;
-declare export var LAYOUT: any;
-declare export var POSITION: any;
-declare export var FLEXBOX: any;
-declare export var GRID: any;

package/__flow__/utils/useInteractiveColor.flow.js

@@ -1,3 +0,0 @@
-//@flow strict-local
-
-declare export var useInteractiveColor: (themeColor: string) => string;

package/commonjs/Avatar/Avatar.flow.js

@@ -1,6 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var React = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/commonjs/Avatar/constants.flow.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AvatarColorOptions = void 0;
-var AvatarColorOptions = exports.AvatarColorOptions = Object.freeze({
-  auto: "auto",
-  neutral: "neutral",
-  purple: "purple",
-  green: "green",
-  blue: "blue",
-  yellow: "yellow",
-  red: "red",
-  orange: "orange"
-});

package/commonjs/Avatar/index.flow.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  AvatarColorOptions: true
-};
-Object.defineProperty(exports, "AvatarColorOptions", {
-  enumerable: true,
-  get: function get() {
-    return _constants.AvatarColorOptions;
-  }
-});
-var _Avatar = require("./Avatar.flow");
-Object.keys(_Avatar).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Avatar[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Avatar[key];
-    }
-  });
-});
-var _constants = require("./constants.flow");

package/commonjs/Badge/Badge.flow.js

@@ -1,7 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var React = _interopRequireWildcard(require("react"));
-var _constants = require("./constants.flow");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/commonjs/Badge/constants.flow.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.badgeColors = void 0;
-var badgeColors = exports.badgeColors = Object.freeze({
-  green: "green",
-  blue: "blue",
-  purple: "purple",
-  yellow: "yellow",
-  orange: "orange",
-  red: "red",
-  neutral: "neutral",
-  magenta: "magenta",
-  pink: "pink",
-  aqua: "aqua",
-  teal: "teal"
-});

package/commonjs/Badge/index.flow.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Badge = require("./Badge.flow");
-Object.keys(_Badge).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Badge[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Badge[key];
-    }
-  });
-});
-var _constants = require("./constants.flow");
-Object.keys(_constants).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _constants[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _constants[key];
-    }
-  });
-});

package/commonjs/Banner/Banner.flow.js

@@ -1,6 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var React = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }