@sproutsocial/racine 13.7.1 → 14.0.0

package/lib/Numeral/Numeral.js

@@ -0,0 +1,131 @@
+var _excluded = ["number", "locale", "format", "currency", "abbreviate", "precision", "qa"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import * as React from 'react';
+import memoize from 'lru-memoize';
+import { EM_DASH } from "../utils/constants";
+import Tooltip from "../Tooltip";
+import { DEFAULT_THRESHOLD, MEMO_CACHE_SIZE, COMPARE_OBJECTS, MAX_PRECISION, ABBREV_PRECISION, DefaultPrecisions } from "./constants";
+import { AbbrContainer, Container } from "./styles";
+var _getNumberFormatters = function _getNumberFormatters(options) {
+  var locale = options.locale,
+    format = options.format,
+    currency = options.currency,
+    min = options.min,
+    max = options.max;
+  var compactPrecision = min === max ? min : ABBREV_PRECISION;
+  var _currency = format === 'currency' ? currency : undefined;
+  var standard = {
+    style: format,
+    minimumFractionDigits: min,
+    maximumFractionDigits: max,
+    currency: _currency
+  };
+  var compact = {
+    style: format,
+    minimumFractionDigits: compactPrecision,
+    maximumFractionDigits: compactPrecision,
+    currency: _currency,
+    notation: 'compact'
+  };
+  // Safari 14.1 is currently throwing errors when trying to use the compact
+  // options of NumberFormat
+  // https://community.atlassian.com/t5/Trello-questions/Trello-stuck-at-loading-after-Safari-14-1-update-on-macOS-Mojave/qaq-p/1675577#M45687
+  var abbreviated;
+  try {
+    abbreviated = new Intl.NumberFormat(locale, compact);
+  } catch (error) {
+    abbreviated = new Intl.NumberFormat(locale, standard);
+  }
+  return {
+    standard: new Intl.NumberFormat(locale, standard),
+    abbreviated: abbreviated
+  };
+};
+
+// Memoize to reduce the energy of creating new instances of Intl.NumberFormat
+var memoizer = memoize(MEMO_CACHE_SIZE, COMPARE_OBJECTS);
+var getNumberFormatters = memoizer(_getNumberFormatters);
+var getThreshold = function getThreshold(abbreviate) {
+  if (typeof abbreviate === 'number') return Math.max(1000, abbreviate);
+  if (abbreviate) return DEFAULT_THRESHOLD;
+  return Infinity;
+};
+var getMinMaxPrecision = function getMinMaxPrecision(precision, format) {
+  if (typeof precision === 'number') return [precision, precision];
+  if (precision === 'none') return [0, MAX_PRECISION];
+  return DefaultPrecisions[format];
+};
+var isValidNumber = function isValidNumber(value) {
+  return typeof value === 'number' && isFinite(value);
+};
+var normalizeArgs = function normalizeArgs(props) {
+  var number = props.number,
+    _props$locale = props.locale,
+    locale = _props$locale === void 0 ? 'us-EN' : _props$locale,
+    _props$format = props.format,
+    format = _props$format === void 0 ? props.currency ? 'currency' : 'decimal' : _props$format,
+    _props$currency = props.currency,
+    currency = _props$currency === void 0 ? 'USD' : _props$currency,
+    _props$abbreviate = props.abbreviate,
+    abbreviate = _props$abbreviate === void 0 ? true : _props$abbreviate,
+    precision = props.precision,
+    qa = props.qa,
+    rest = _objectWithoutProperties(props, _excluded);
+  var threshold = getThreshold(abbreviate);
+  var _getMinMaxPrecision = getMinMaxPrecision(precision, format),
+    _getMinMaxPrecision2 = _slicedToArray(_getMinMaxPrecision, 2),
+    min = _getMinMaxPrecision2[0],
+    max = _getMinMaxPrecision2[1];
+  var _number = number || 0;
+  var value = _number * (format === 'percent' ? 0.01 : 1);
+  var canAbbreviate = _number >= threshold;
+  var options = {
+    locale: locale,
+    format: format,
+    currency: currency,
+    min: min,
+    max: max
+  };
+  return {
+    value: value,
+    canAbbreviate: canAbbreviate,
+    options: options,
+    qa: qa,
+    rest: rest
+  };
+};
+var Numeral = function Numeral(props) {
+  var _normalizeArgs = normalizeArgs(props),
+    value = _normalizeArgs.value,
+    canAbbreviate = _normalizeArgs.canAbbreviate,
+    options = _normalizeArgs.options,
+    qa = _normalizeArgs.qa,
+    rest = _normalizeArgs.rest;
+  if (!isValidNumber(props.number)) return /*#__PURE__*/React.createElement(Container, qa, EM_DASH);
+  var formatters = getNumberFormatters(options);
+  var fullText = formatters.standard.format(value);
+  if (canAbbreviate) {
+    var abbreviatedText = formatters.abbreviated.format(value);
+
+    // The following are used to debug the skipped tests which are misbehaving!!!
+    // console.log({ fullText, abbreviatedText });
+    // console.log({ abbreviated: formatters.abbreviated.resolvedOptions() });
+    // The following check is necessary because each locale may have differing thresholds
+    // for which abbreviation begins.
+    if (abbreviatedText !== fullText) {
+      return /*#__PURE__*/React.createElement(Tooltip, {
+        content: fullText
+      }, /*#__PURE__*/React.createElement(AbbrContainer, _extends({}, qa, rest), abbreviatedText));
+    }
+  }
+  return /*#__PURE__*/React.createElement(Container, _extends({}, qa, rest), fullText);
+};
+export default Numeral;

package/lib/Numeral/NumeralTypes.js

@@ -0,0 +1 @@
+export {};

package/lib/Numeral/index.flow.js

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

package/lib/Numeral/index.js

@@ -1,132 +1,4 @@
-var _excluded = ["number", "locale", "format", "currency", "abbreviate", "precision", "qa"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import * as React from 'react';
-import memoize from 'lru-memoize';
-import { EM_DASH } from "../utils/constants";
-import Tooltip from "../Tooltip";
-import { DEFAULT_THRESHOLD, MEMO_CACHE_SIZE, COMPARE_OBJECTS, MAX_PRECISION, ABBREV_PRECISION, DefaultPrecisions } from "./constants";
-import { AbbrContainer, Container } from "./styles";
-var _getNumberFormatters = function _getNumberFormatters(options) {
-  var locale = options.locale,
-    format = options.format,
-    currency = options.currency,
-    min = options.min,
-    max = options.max;
-  var compactPrecision = min === max ? min : ABBREV_PRECISION;
-  var _currency = format === 'currency' ? currency : undefined;
-  var standard = {
-    style: format,
-    minimumFractionDigits: min,
-    maximumFractionDigits: max,
-    currency: _currency
-  };
-  var compact = {
-    style: format,
-    minimumFractionDigits: compactPrecision,
-    maximumFractionDigits: compactPrecision,
-    currency: _currency,
-    notation: 'compact'
-  };
-
-  // Safari 14.1 is currently throwing errors when trying to use the compact
-  // options of NumberFormat
-  // https://community.atlassian.com/t5/Trello-questions/Trello-stuck-at-loading-after-Safari-14-1-update-on-macOS-Mojave/qaq-p/1675577#M45687
-  var abbreviated;
-  try {
-    abbreviated = new Intl.NumberFormat(locale, compact);
-  } catch (error) {
-    abbreviated = new Intl.NumberFormat(locale, standard);
-  }
-  return {
-    standard: new Intl.NumberFormat(locale, standard),
-    abbreviated: abbreviated
-  };
-};
-// Memoize to reduce the energy of creating new instances of Intl.NumberFormat
-var memoizer = memoize(MEMO_CACHE_SIZE, COMPARE_OBJECTS);
-var getNumberFormatters = memoizer(_getNumberFormatters);
-var getThreshold = function getThreshold(abbreviate) {
-  if (typeof abbreviate === 'number') return Math.max(1000, abbreviate);
-  if (abbreviate) return DEFAULT_THRESHOLD;
-  return Infinity;
-};
-var getMinMaxPrecision = function getMinMaxPrecision(precision, format) {
-  if (typeof precision === 'number') return [precision, precision];
-  if (precision === 'none') return [0, MAX_PRECISION];
-  return DefaultPrecisions[format];
-};
-var isValidNumber = function isValidNumber(value) {
-  return typeof value === 'number' && isFinite(value);
-};
-var normalizeArgs = function normalizeArgs(props) {
-  var number = props.number,
-    _props$locale = props.locale,
-    locale = _props$locale === void 0 ? 'us-EN' : _props$locale,
-    _props$format = props.format,
-    format = _props$format === void 0 ? props.currency ? 'currency' : 'decimal' : _props$format,
-    _props$currency = props.currency,
-    currency = _props$currency === void 0 ? 'USD' : _props$currency,
-    _props$abbreviate = props.abbreviate,
-    abbreviate = _props$abbreviate === void 0 ? true : _props$abbreviate,
-    precision = props.precision,
-    qa = props.qa,
-    rest = _objectWithoutProperties(props, _excluded);
-  var threshold = getThreshold(abbreviate);
-  var _getMinMaxPrecision = getMinMaxPrecision(precision, format),
-    _getMinMaxPrecision2 = _slicedToArray(_getMinMaxPrecision, 2),
-    min = _getMinMaxPrecision2[0],
-    max = _getMinMaxPrecision2[1];
-  var _number = number || 0;
-  var value = _number * (format === 'percent' ? 0.01 : 1);
-  var canAbbreviate = _number >= threshold;
-  var options = {
-    locale: locale,
-    format: format,
-    currency: currency,
-    min: min,
-    max: max
-  };
-  return {
-    value: value,
-    canAbbreviate: canAbbreviate,
-    options: options,
-    qa: qa,
-    rest: rest
-  };
-};
-var Numeral = function Numeral(props) {
-  var _normalizeArgs = normalizeArgs(props),
-    value = _normalizeArgs.value,
-    canAbbreviate = _normalizeArgs.canAbbreviate,
-    options = _normalizeArgs.options,
-    qa = _normalizeArgs.qa,
-    rest = _normalizeArgs.rest;
-  if (!isValidNumber(props.number)) return /*#__PURE__*/React.createElement(Container, qa, EM_DASH);
-  var formatters = getNumberFormatters(options);
-  var fullText = formatters.standard.format(value);
-  if (canAbbreviate) {
-    var abbreviatedText = formatters.abbreviated.format(value);
-
-    // The following are used to debug the skipped tests which are misbehaving!!!
-    // console.log({ fullText, abbreviatedText });
-    // console.log({ abbreviated: formatters.abbreviated.resolvedOptions() });
-
-    // The following check is necessary because each locale may have differing thresholds
-    // for which abbreviation begins.
-    if (abbreviatedText !== fullText) {
-      return /*#__PURE__*/React.createElement(Tooltip, {
-        content: fullText
-      }, /*#__PURE__*/React.createElement(AbbrContainer, _extends({}, qa, rest), abbreviatedText));
-    }
-  }
-  return /*#__PURE__*/React.createElement(Container, _extends({}, qa, rest), fullText);
-};
-export default Numeral;
+import Numeral from "./Numeral";
+export default Numeral;
+export { Numeral };
+export * from "./NumeralTypes";

package/lib/Numeral/styles.js

@@ -2,11 +2,11 @@ import styled from 'styled-components';
 import Text from "../Text";
 export var Container = styled(Text).withConfig({
   displayName: "styles__Container",
-  componentId: "sc-o79gt9-0"
+  componentId: "sc-19ypa4h-0"
 })(["font-variant-numeric:tabular-nums;"]);
 export var AbbrContainer = styled(Text).withConfig({
   displayName: "styles__AbbrContainer",
-  componentId: "sc-o79gt9-1"
+  componentId: "sc-19ypa4h-1"
 })(["font-variant-numeric:tabular-nums;border-bottom:1px dotted ", ";"], function (props) {
   return props.theme.colors.container.border.base;
 });

package/lib/OverflowList/OverflowList.flow.js

@@ -0,0 +1 @@
+import * as React from 'react';

package/lib/OverflowList/OverflowList.js

@@ -0,0 +1,104 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { useCallback, useMemo } from 'react';
+import { AutoSizer, CellMeasurer, CellMeasurerCache } from 'react-virtualized';
+import Box from "../Box";
+import List from "./styles";
+var VirtualizedList = function VirtualizedList(_ref) {
+  var items = _ref.items,
+    ItemComponent = _ref.ItemComponent,
+    getItemProps = _ref.getItemProps,
+    itemWrapperProps = _ref.itemWrapperProps,
+    containerProps = _ref.containerProps;
+  var cache = useMemo(function () {
+    return new CellMeasurerCache({
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore this should be able to accept a string but only accepts a number
+      defaultWidth: '100%',
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore this should be able to accept a string but only accepts a number
+      defaultHeight: '20px',
+      fixedWidth: true
+    });
+  }, []);
+  var rowRenderer = useCallback(function (_ref2) {
+    var index = _ref2.index,
+      key = _ref2.key,
+      style = _ref2.style,
+      parent = _ref2.parent;
+    return /*#__PURE__*/React.createElement(CellMeasurer, {
+      columnIndex: 0,
+      rowIndex: index,
+      key: "CellMeasurer-".concat(key),
+      cache: cache,
+      parent: parent
+    }, function (_ref3) {
+      var measure = _ref3.measure,
+        registerChild = _ref3.registerChild;
+      return /*#__PURE__*/React.createElement(Box, _extends({
+        ref: registerChild
+      }, itemWrapperProps, {
+        style: style
+      }), /*#__PURE__*/React.createElement(ItemComponent, getItemProps({
+        key: key,
+        measure: measure,
+        item: items[index]
+      })));
+    });
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [items, getItemProps, cache, itemWrapperProps]);
+  return /*#__PURE__*/React.createElement(AutoSizer, null, function (_ref4) {
+    var height = _ref4.height,
+      width = _ref4.width;
+    return /*#__PURE__*/React.createElement(List, _extends({
+      height: height,
+      width: width,
+      rowHeight: cache.rowHeight,
+      rowRenderer: rowRenderer,
+      rowCount: items.length
+    }, containerProps));
+  });
+};
+var ListItem = function ListItem(_ref5) {
+  var children = _ref5.children;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+};
+var propGetter = function propGetter(_ref6) {
+  var item = _ref6.item,
+    key = _ref6.key;
+  return {
+    children: /*#__PURE__*/React.cloneElement(item),
+    key: key
+  };
+};
+var defaultProp = {};
+var OverflowList = function OverflowList(_ref7) {
+  var height = _ref7.height,
+    width = _ref7.width,
+    items = _ref7.items,
+    children = _ref7.children,
+    _ref7$ItemComponent = _ref7.ItemComponent,
+    ItemComponent = _ref7$ItemComponent === void 0 ? ListItem : _ref7$ItemComponent,
+    _ref7$getItemProps = _ref7.getItemProps,
+    getItemProps = _ref7$getItemProps === void 0 ? propGetter : _ref7$getItemProps,
+    _ref7$WrapperComponen = _ref7.WrapperComponent,
+    WrapperComponent = _ref7$WrapperComponen === void 0 ? Box : _ref7$WrapperComponen,
+    _ref7$itemWrapperProp = _ref7.itemWrapperProps,
+    itemWrapperProps = _ref7$itemWrapperProp === void 0 ? defaultProp : _ref7$itemWrapperProp,
+    _ref7$containerProps = _ref7.containerProps,
+    containerProps = _ref7$containerProps === void 0 ? defaultProp : _ref7$containerProps;
+  var itemsArray = useMemo(function () {
+    return items ? items : React.Children.toArray(children);
+  }, [children, items]);
+  return /*#__PURE__*/React.createElement(WrapperComponent, {
+    height: height,
+    width: width
+  }, /*#__PURE__*/React.createElement(VirtualizedList, {
+    items: itemsArray,
+    ItemComponent: ItemComponent,
+    getItemProps: getItemProps,
+    itemWrapperProps: itemWrapperProps,
+    containerProps: containerProps
+  }));
+};
+export default OverflowList;

package/lib/OverflowList/OverflowListTypes.js

@@ -0,0 +1 @@
+export {};

package/lib/OverflowList/index.flow.js

@@ -1 +1 @@
-import * as React from 'react';
+export * from "./OverflowList.flow";

package/lib/OverflowList/index.js

@@ -1,99 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React, { useCallback, useMemo } from 'react';
-import { AutoSizer, CellMeasurer, CellMeasurerCache } from 'react-virtualized';
-import Box from "../Box";
-import List from "./styles";
-var VirtualizedList = function VirtualizedList(_ref) {
-  var items = _ref.items,
-    ItemComponent = _ref.ItemComponent,
-    getItemProps = _ref.getItemProps,
-    itemWrapperProps = _ref.itemWrapperProps,
-    containerProps = _ref.containerProps;
-  var cache = useMemo(function () {
-    return new CellMeasurerCache({
-      defaultWidth: '100%',
-      defaultHeight: '20px',
-      fixedWidth: true
-    });
-  }, []);
-  var rowRenderer = useCallback(function (_ref2) {
-    var index = _ref2.index,
-      key = _ref2.key,
-      style = _ref2.style,
-      parent = _ref2.parent;
-    return /*#__PURE__*/React.createElement(CellMeasurer, {
-      columnIndex: 0,
-      rowIndex: index,
-      key: "CellMeasurer-".concat(key),
-      cache: cache,
-      parent: parent
-    }, function (_ref3) {
-      var measure = _ref3.measure,
-        registerChild = _ref3.registerChild;
-      return /*#__PURE__*/React.createElement(Box, _extends({
-        ref: registerChild
-      }, itemWrapperProps, {
-        style: style
-      }), /*#__PURE__*/React.createElement(ItemComponent, getItemProps({
-        key: key,
-        measure: measure,
-        item: items[index]
-      })));
-    });
-  }, [items, getItemProps, cache, itemWrapperProps]);
-  return /*#__PURE__*/React.createElement(AutoSizer, null, function (_ref4) {
-    var height = _ref4.height,
-      width = _ref4.width;
-    return /*#__PURE__*/React.createElement(List, _extends({
-      height: height,
-      width: width,
-      rowHeight: cache.rowHeight,
-      rowRenderer: rowRenderer,
-      rowCount: items.length
-    }, containerProps));
-  });
-};
-var ListItem = function ListItem(_ref5) {
-  var children = _ref5.children;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
-};
-var propGetter = function propGetter(_ref6) {
-  var item = _ref6.item,
-    key = _ref6.key,
-    measure = _ref6.measure;
-  return {
-    children: /*#__PURE__*/React.cloneElement(item),
-    key: key
-  };
-};
-var defaultProp = {};
-var OverflowList = function OverflowList(_ref7) {
-  var height = _ref7.height,
-    width = _ref7.width,
-    items = _ref7.items,
-    children = _ref7.children,
-    _ref7$ItemComponent = _ref7.ItemComponent,
-    ItemComponent = _ref7$ItemComponent === void 0 ? ListItem : _ref7$ItemComponent,
-    _ref7$getItemProps = _ref7.getItemProps,
-    getItemProps = _ref7$getItemProps === void 0 ? propGetter : _ref7$getItemProps,
-    _ref7$WrapperComponen = _ref7.WrapperComponent,
-    WrapperComponent = _ref7$WrapperComponen === void 0 ? Box : _ref7$WrapperComponen,
-    _ref7$itemWrapperProp = _ref7.itemWrapperProps,
-    itemWrapperProps = _ref7$itemWrapperProp === void 0 ? defaultProp : _ref7$itemWrapperProp,
-    _ref7$containerProps = _ref7.containerProps,
-    containerProps = _ref7$containerProps === void 0 ? defaultProp : _ref7$containerProps;
-  var itemsArray = useMemo(function () {
-    return items ? items : React.Children.toArray(children);
-  }, [children, items]);
-  return /*#__PURE__*/React.createElement(WrapperComponent, {
-    height: height,
-    width: width
-  }, /*#__PURE__*/React.createElement(VirtualizedList, {
-    items: itemsArray,
-    ItemComponent: ItemComponent,
-    getItemProps: getItemProps,
-    itemWrapperProps: itemWrapperProps,
-    containerProps: containerProps
-  }));
-};
-export default OverflowList;
+import OverflowList from "./OverflowList";
+export default OverflowList;
+export { OverflowList };
+export * from "./OverflowListTypes";

package/lib/OverflowList/styles.js

@@ -6,7 +6,7 @@ var Container = styled(function (props) {
   return /*#__PURE__*/React.createElement(List, props);
 }).withConfig({
   displayName: "styles__Container",
-  componentId: "sc-ugoond-0"
+  componentId: "sc-8pkawp-0"
 })(["box-sizing:border-box;font-family:", ";", " ", " ", " ", " ", " ", ""], function (_ref) {
   var theme = _ref.theme;
   return theme.fontFamily;

package/lib/PartnerLogo/PartnerLogo.flow.js

@@ -0,0 +1 @@
+import * as React from 'react';

package/lib/PartnerLogo/PartnerLogo.js

@@ -0,0 +1,58 @@
+var _excluded = ["partnerName", "backgroundType", "logoType", "height", "width", "size", "color"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import { useTheme } from 'styled-components';
+// eslint-disable-next-line no-restricted-syntax
+import * as logoViewBoxes from "../LogoViewBoxes";
+import Container from "./styles";
+var PartnerLogo = function PartnerLogo(_ref) {
+  var partnerName = _ref.partnerName,
+    backgroundType = _ref.backgroundType,
+    logoType = _ref.logoType,
+    height = _ref.height,
+    width = _ref.width,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    color = _ref.color,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useTheme = useTheme(),
+    mode = _useTheme.mode;
+  var whichLogo = function whichLogo(type) {
+    var logo = logoType ? partnerName + '-' + logoType : partnerName;
+    if (type && type === 'dark') {
+      return "".concat(logo, "-dark");
+    } else if (type && type === 'light') {
+      return logo;
+    } else if (mode === 'dark') {
+      return "".concat(logo, "-dark");
+    } else {
+      return logo;
+    }
+  };
+  var logoViewBox = logoViewBoxes[whichLogo(backgroundType)];
+  var viewBoxCoordinates = (logoViewBox === null || logoViewBox === void 0 ? void 0 : logoViewBox.split(' ')) || [];
+  var defaultWidth = viewBoxCoordinates[2];
+  var defaultHeight = viewBoxCoordinates[3];
+  return /*#__PURE__*/React.createElement(Container //we add pixels here because view box coordinates are numbers
+  , _extends({
+    height: height ? height : defaultHeight + 'px',
+    width: width ? width : defaultWidth + 'px',
+    logoSize: size,
+    className: "logo"
+    // TODO: fix this type since `color` should be valid here. TS can't resolve the correct type.
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    ,
+    color: color
+  }, rest), /*#__PURE__*/React.createElement("svg", {
+    className: "logo-svg",
+    viewBox: logoViewBox,
+    focusable: false
+  }, /*#__PURE__*/React.createElement("use", {
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    xlinkHref: "#sslogosvg-".concat(whichLogo(backgroundType))
+  })));
+};
+export default PartnerLogo;

package/lib/PartnerLogo/PartnerLogoTypes.js

@@ -0,0 +1 @@
+export {};

package/lib/PartnerLogo/TypePartnerNames.js

@@ -0,0 +1 @@
+export {};

package/lib/PartnerLogo/index.flow.js

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

package/lib/PartnerLogo/index.js

@@ -1,54 +1,5 @@
-var _excluded = ["partnerName", "backgroundType", "logoType", "height", "width", "size"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React from 'react';
-import { useTheme } from 'styled-components';
-import logoViewBoxes from "../LogoViewBoxes";
-import Container from "./styles";
-var PartnerLogo = function PartnerLogo(_ref) {
-  var partnerName = _ref.partnerName,
-    backgroundType = _ref.backgroundType,
-    logoType = _ref.logoType,
-    height = _ref.height,
-    width = _ref.width,
-    size = _ref.size,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useTheme = useTheme(),
-    mode = _useTheme.mode;
-  var whichLogo = function whichLogo(type) {
-    var logo = logoType ? partnerName + '-' + logoType : partnerName;
-    if (type && type === 'dark') {
-      return "".concat(logo, "-dark");
-    } else if (type && type === 'light') {
-      return logo;
-    } else if (mode === 'dark') {
-      return "".concat(logo, "-dark");
-    } else {
-      return logo;
-    }
-  };
-  var logoViewBox = logoViewBoxes[whichLogo(backgroundType)];
-  var viewBoxCoordinates = (logoViewBox === null || logoViewBox === void 0 ? void 0 : logoViewBox.split(' ')) || [];
-  var defaultWidth = viewBoxCoordinates[2];
-  var defaultHeight = viewBoxCoordinates[3];
-  return (
-    /*#__PURE__*/
-    // $FlowIssue - upgrade v0.112.0
-    React.createElement(Container
-    //we add pixels here because view box coordinates are numbers
-    , _extends({
-      height: height ? height : defaultHeight + 'px',
-      width: width ? width : defaultWidth + 'px',
-      logoSize: size
-    }, rest), /*#__PURE__*/React.createElement("svg", {
-      className: "logo-svg",
-      viewBox: logoViewBox,
-      focusable: false
-    }, /*#__PURE__*/React.createElement("use", {
-      xmlnsXlink: "http://www.w3.org/1999/xlink",
-      xlinkHref: "#sslogosvg-".concat(whichLogo(backgroundType))
-    })))
-  );
-};
-export default PartnerLogo;
+import PartnerLogo from "./PartnerLogo";
+export default PartnerLogo;
+export { PartnerLogo };
+export * from "./PartnerLogoTypes";
+export * from "./TypePartnerNames";