@sproutsocial/racine 13.8.0 → 14.0.0

package/lib/TokenInput/index.js

@@ -1,305 +1,4 @@
-var _excluded = ["autoFocus", "autocomplete", "disabled", "isInvalid", "hasWarning", "id", "name", "placeholder", "required", "value", "elemBefore", "elemAfter", "maxLength", "ariaDescribedby", "ariaLabel", "innerRef", "onAddToken", "onRemoveToken", "onChangeTokens", "onClickToken", "onBlur", "onChange", "onFocus", "onKeyDown", "onKeyUp", "onPaste", "inputProps", "qa", "tokens"];
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-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; }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import * as React from 'react';
-import { Accessory } from "../Input/styles";
-import Box from "../Box";
-import Icon from "../Icon";
-import Token from "../Token";
-import Container from "./styles";
-import { asTokenSpec, delimitersAsRegExp } from "./util";
-var DefaultDelimiters = [',', 'Enter'];
-var ControlledPropNames = ['value', 'hasFocus', 'activeToken'];
-var TokenInput = /*#__PURE__*/function (_React$Component) {
-  _inherits(TokenInput, _React$Component);
-  var _super = _createSuper(TokenInput);
-  function TokenInput(props) {
-    var _this;
-    _classCallCheck(this, TokenInput);
-    _this = _super.call(this, props);
-    _defineProperty(_assertThisInitialized(_this), "handleChangeText", function (e) {
-      var value = e.currentTarget.value;
-      var onChange = _this.props.onChange;
-      _this.setState({
-        value: value
-      });
-      onChange === null || onChange === void 0 ? void 0 : onChange(e, value);
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleFocus", function (e) {
-      var onFocus = _this.props.onFocus;
-      _this.setState({
-        hasFocus: true
-      });
-      onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleBlur", function (e) {
-      var onBlur = _this.props.onBlur;
-      if (onBlur) onBlur(e);
-      _this.setState({
-        hasFocus: false
-      });
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleKeyUp", function (e) {
-      var _this$props$onKeyUp, _this$props;
-      (_this$props$onKeyUp = (_this$props = _this.props).onKeyUp) === null || _this$props$onKeyUp === void 0 ? void 0 : _this$props$onKeyUp.call(_this$props, e, e.currentTarget.value);
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (e) {
-      var onKeyDown = _this.props.onKeyDown;
-      var key = e.key,
-        currentTarget = e.currentTarget;
-      var text = currentTarget.value;
-      if (onKeyDown) onKeyDown(e, text);
-
-      // keyPress event runs before change
-      // Prevent event from bubbling up and calling change, which can lead to comma in value
-
-      if (_this.isDelimiter(key)) {
-        if (text) {
-          _this.spawnNewTokens([text]);
-          e.preventDefault();
-        }
-      } else if (key === 'Backspace') {
-        if (text === '') {
-          _this.deleteToken();
-        }
-      }
-    });
-    _defineProperty(_assertThisInitialized(_this), "handlePaste", function (e) {
-      var text = e.clipboardData.getData('text');
-      var onPaste = _this.props.onPaste;
-      if (onPaste) onPaste(e, text);
-      var subtexts = text.split(_this.delimiterMatcher);
-      var texts = subtexts.filter(function (subtext) {
-        return subtext.length;
-      });
-      if (texts.length > 1) {
-        _this.spawnNewTokens(texts);
-        e.preventDefault();
-      }
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleClickToken", function (e, token) {
-      var _this$props2 = _this.props,
-        onClickToken = _this$props2.onClickToken,
-        disabled = _this$props2.disabled;
-      if (onClickToken) onClickToken(e, token.id);
-      if (!disabled) {
-        _this.deleteToken(token.id);
-      }
-    });
-    var hasFocus = props.hasFocus,
-      activeToken = props.activeToken,
-      _value = props.value,
-      delimiters = props.delimiters;
-    _this.delimiterMatcher = delimitersAsRegExp(delimiters || DefaultDelimiters);
-    _this.state = {
-      prevProps: props,
-      hasFocus: hasFocus || false,
-      activeToken: activeToken,
-      value: _value || ''
-    };
-    return _this;
-  }
-  _createClass(TokenInput, [{
-    key: "isDelimiter",
-    value: function isDelimiter(keyName) {
-      var _this$props$delimiter = this.props.delimiters,
-        delimiters = _this$props$delimiter === void 0 ? DefaultDelimiters : _this$props$delimiter;
-      return delimiters.includes(keyName);
-    }
-  }, {
-    key: "spawnNewTokens",
-    value: function spawnNewTokens(texts) {
-      var _this$props3 = this.props,
-        onAddToken = _this$props3.onAddToken,
-        onChangeTokens = _this$props3.onChangeTokens,
-        _this$props3$tokenMax = _this$props3.tokenMaxLength,
-        max = _this$props3$tokenMax === void 0 ? Infinity : _this$props3$tokenMax,
-        _this$props3$tokens = _this$props3.tokens,
-        tokens = _this$props3$tokens === void 0 ? [] : _this$props3$tokens;
-      var tokenSpecs = texts.map(function (text) {
-        return asTokenSpec(text.slice(0, max));
-      });
-      if (onAddToken) {
-        tokenSpecs.forEach(onAddToken);
-      } else if (onChangeTokens) {
-        onChangeTokens(tokens.concat(tokenSpecs));
-      }
-      this.setState({
-        value: ''
-      });
-    }
-  }, {
-    key: "deleteToken",
-    value: function deleteToken(tokenId) {
-      var _this$props4 = this.props,
-        onRemoveToken = _this$props4.onRemoveToken,
-        onChangeTokens = _this$props4.onChangeTokens,
-        _this$props4$tokens = _this$props4.tokens,
-        tokens = _this$props4$tokens === void 0 ? [] : _this$props4$tokens;
-      var count = tokens.length;
-      if (count === 0) return;
-      var id = tokenId !== null && tokenId !== void 0 ? tokenId : tokens[count - 1].id;
-      if (onRemoveToken) {
-        onRemoveToken(id);
-      } else if (onChangeTokens) {
-        onChangeTokens(tokens.filter(function (tokenSpec) {
-          return tokenSpec.id !== id;
-        }));
-      }
-      this.setState({
-        value: ''
-      });
-    }
-  }, {
-    key: "renderToken",
-    value: function renderToken(token) {
-      var _this2 = this;
-      var _this$props5 = this.props,
-        defaultIconName = _this$props5.iconName,
-        disabled = _this$props5.disabled;
-      var activeId = this.state.activeToken;
-      var id = token.id,
-        tokenIconName = token.iconName,
-        value = token.value,
-        valid = token.valid;
-      var iconName = tokenIconName || defaultIconName;
-      var isActive = activeId === id;
-      return /*#__PURE__*/React.createElement(Token, {
-        id: id,
-        onClick: function onClick(e) {
-          return _this2.handleClickToken(e, token);
-        },
-        valid: valid,
-        active: isActive,
-        disabled: disabled
-      }, /*#__PURE__*/React.createElement(Box, {
-        display: "flex",
-        alignItems: "center"
-      }, iconName && /*#__PURE__*/React.createElement(Icon, {
-        name: iconName,
-        size: "mini",
-        pr: 300
-      }), value));
-    }
-  }, {
-    key: "renderTokens",
-    value: function renderTokens(tokens) {
-      var _this3 = this;
-      return tokens.map(function (token) {
-        return /*#__PURE__*/React.createElement("div", {
-          key: token.id,
-          className: "TokenInput-token"
-        }, _this3.renderToken(token));
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props6 = this.props,
-        autoFocus = _this$props6.autoFocus,
-        autocomplete = _this$props6.autocomplete,
-        disabled = _this$props6.disabled,
-        isInvalid = _this$props6.isInvalid,
-        hasWarning = _this$props6.hasWarning,
-        id = _this$props6.id,
-        name = _this$props6.name,
-        placeholder = _this$props6.placeholder,
-        required = _this$props6.required,
-        value = _this$props6.value,
-        elemBefore = _this$props6.elemBefore,
-        elemAfter = _this$props6.elemAfter,
-        maxLength = _this$props6.maxLength,
-        ariaDescribedby = _this$props6.ariaDescribedby,
-        ariaLabel = _this$props6.ariaLabel,
-        innerRef = _this$props6.innerRef,
-        onAddToken = _this$props6.onAddToken,
-        onRemoveToken = _this$props6.onRemoveToken,
-        onChangeTokens = _this$props6.onChangeTokens,
-        onClickToken = _this$props6.onClickToken,
-        onBlur = _this$props6.onBlur,
-        onChange = _this$props6.onChange,
-        onFocus = _this$props6.onFocus,
-        onKeyDown = _this$props6.onKeyDown,
-        onKeyUp = _this$props6.onKeyUp,
-        onPaste = _this$props6.onPaste,
-        _this$props6$inputPro = _this$props6.inputProps,
-        inputProps = _this$props6$inputPro === void 0 ? {} : _this$props6$inputPro,
-        _this$props6$qa = _this$props6.qa,
-        qa = _this$props6$qa === void 0 ? {} : _this$props6$qa,
-        tokens = _this$props6.tokens,
-        rest = _objectWithoutProperties(_this$props6, _excluded);
-      var state = this.state;
-      return (
-        /*#__PURE__*/
-        // $FlowIssue - upgrade v0.112.0
-        React.createElement(Container, _extends({
-          hasBeforeElement: !!elemBefore,
-          hasAfterElement: !!elemAfter,
-          disabled: disabled,
-          invalid: !!isInvalid,
-          warning: hasWarning,
-          focused: state.hasFocus
-        }, rest), elemBefore && /*#__PURE__*/React.createElement(Accessory, {
-          before: true
-        }, elemBefore), tokens && this.renderTokens(tokens), /*#__PURE__*/React.createElement("input", _extends({
-          "aria-describedby": ariaDescribedby,
-          "aria-invalid": !!isInvalid,
-          "aria-label": ariaLabel,
-          autoFocus: autoFocus,
-          autoComplete: autocomplete,
-          disabled: disabled,
-          id: id,
-          name: name,
-          placeholder: placeholder,
-          type: "text",
-          required: required,
-          value: state.value,
-          maxLength: maxLength,
-          onBlur: this.handleBlur,
-          onChange: this.handleChangeText,
-          onFocus: this.handleFocus,
-          onKeyDown: this.handleKeyDown,
-          onKeyUp: this.handleKeyUp,
-          onPaste: this.handlePaste,
-          ref: innerRef,
-          "data-qa-input": name || '',
-          "data-qa-input-isdisabled": !!disabled,
-          "data-qa-input-isrequired": !!required
-        }, qa, inputProps)), elemAfter && /*#__PURE__*/React.createElement(Accessory, {
-          after: true
-        }, elemAfter))
-      );
-    }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(props, state) {
-      var prevProps = state.prevProps;
-      var modifiedState = {};
-      ControlledPropNames.forEach(function (propName) {
-        var currentProp = props[propName];
-        if (currentProp !== prevProps[propName]) {
-          modifiedState[propName] = currentProp;
-        }
-      });
-      modifiedState.prevProps = props;
-      return modifiedState;
-    }
-  }]);
-  return TokenInput;
-}(React.Component);
-export { TokenInput as default };
+import TokenInput from "./TokenInput";
+export default TokenInput;
+export { TokenInput };
+export * from "./TokenInputTypes";

package/lib/TokenInput/styles.js

@@ -3,7 +3,7 @@ import { focusRing } from "../utils/mixins";
 import { COMMON } from "../utils/system-props";
 var Container = styled.div.withConfig({
   displayName: "styles__Container",
-  componentId: "sc-19um4n4-0"
+  componentId: "sc-18dw7or-0"
 })(["box-sizing:border-box;position:relative;display:flex;flex-wrap:wrap;align-items:center;align-content:center;cursor:text;width:100%;border:1px solid ", ";border-radius:", ";margin:0;padding:", ";padding-top:", ";background-color:", ";color:", ";transition:border-color ", " ", ",box-shadow ", " ", ";", ";font-family:", ";font-weight:", ";appearance:none;button{margin:", " ", " 0 0;}input{", ";outline:none;border:none;flex:1;padding:0;padding-top:", ";margin:", " ", " ", " 0;color:", ";background-color:", ";min-height:20px;&::-webkit-search-cancel-button{appearance:none;}&:focus{box-shadow:none;}&::-ms-clear{display:none;}&:not(output):not(:focus):-moz-ui-invalid{box-shadow:none;}", "}&:placeholder{color:", ";}", " ", " ", " ", " ", " ", " ", ""], function (props) {
   return props.theme.colors.form.border.base;
 }, function (props) {

package/lib/Tooltip/Tooltip.flow.js

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

package/lib/Tooltip/Tooltip.js

@@ -0,0 +1,127 @@
+var _excluded = ["content", "children", "enterDelay", "placement", "appearance", "zIndex", "qa", "popoutProps", "truncated"],
+  _excluded2 = ["appearance", "children"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+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; }
+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 * as React from 'react';
+import { useState, useEffect } from 'react';
+import MOTION from '@sproutsocial/seeds-motion/dist/seeds-motion-unitless';
+import Popout from "../Popout";
+import { TooltipContent } from "./styles";
+var idCounter = 0;
+var wrapContent = function wrapContent(content, show, hide, Wrapper, appearance, ariaProps, wrapperStyles) {
+  return /*#__PURE__*/React.createElement(Wrapper, _extends({
+    appearance: appearance,
+    onMouseOver: show,
+    onMouseOut: hide,
+    onFocus: show,
+    onBlur: hide,
+    style: Object.keys(wrapperStyles).length === 0 ? undefined : wrapperStyles
+  }, ariaProps), /*#__PURE__*/React.isValidElement(content) ? /*#__PURE__*/React.cloneElement(content) : content);
+};
+var Tooltip = function Tooltip(_ref) {
+  var content = _ref.content,
+    children = _ref.children,
+    _ref$enterDelay = _ref.enterDelay,
+    enterDelay = _ref$enterDelay === void 0 ? MOTION.MOTION_DURATION_FAST * 1000 : _ref$enterDelay,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'auto' : _ref$placement,
+    appearance = _ref.appearance,
+    _ref$zIndex = _ref.zIndex,
+    zIndex = _ref$zIndex === void 0 ? 7 : _ref$zIndex,
+    qa = _ref.qa,
+    popoutProps = _ref.popoutProps,
+    _ref$truncated = _ref.truncated,
+    truncated = _ref$truncated === void 0 ? false : _ref$truncated,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    shouldShow = _useState2[0],
+    setShouldShow = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isOpen = _useState4[0],
+    setIsOpen = _useState4[1];
+  var _useState5 = useState("Racine-tooltip-".concat(idCounter++)),
+    _useState6 = _slicedToArray(_useState5, 1),
+    id = _useState6[0];
+  var isInvalidContent = content === null || content === undefined;
+  var show = function show() {
+    return setShouldShow(true);
+  };
+  var hide = function hide() {
+    return setShouldShow(false);
+  };
+  var exitDelay = MOTION.MOTION_DURATION_FAST * 1000;
+  var defaultAppearance = appearance || (_typeof(content) === 'object' ? 'box' : 'pill');
+  var shouldTooltipContentsBeInteractive = defaultAppearance === 'box';
+  useEffect(function () {
+    var timeout;
+    if (shouldShow) {
+      timeout = setTimeout(function () {
+        return setIsOpen(true);
+      }, enterDelay);
+    } else {
+      timeout = setTimeout(function () {
+        return setIsOpen(false);
+      }, exitDelay);
+    }
+    return function () {
+      return clearTimeout(timeout);
+    };
+  }, [isOpen, shouldShow, enterDelay, exitDelay]);
+  var wrappedContent = wrapContent(content, shouldTooltipContentsBeInteractive ? show : undefined, shouldTooltipContentsBeInteractive ? hide : undefined, Content, defaultAppearance, _objectSpread({
+    id: id
+  }, rest), {});
+  var ariaPropsForWrappedChildren = isOpen ? {
+    'aria-describedby': id
+  } : {};
+  var wrapperStylesForWrappedChildren = truncated ? {
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap'
+  } : {};
+  var wrappedChildren = wrapContent(children, show, hide, 'span', defaultAppearance, ariaPropsForWrappedChildren, wrapperStylesForWrappedChildren);
+  return /*#__PURE__*/React.createElement(Popout, _extends({
+    content: !isInvalidContent ? wrappedContent : undefined,
+    isOpen: isOpen,
+    placement: placement,
+    qa: _objectSpread({
+      'data-qa-tooltip': id
+    }, qa),
+    focusOnContent: false,
+    zIndex: zIndex,
+    display: truncated ? 'flex' : undefined
+  }, popoutProps), wrappedChildren);
+};
+var Content = function Content(_ref2) {
+  var _ref2$appearance = _ref2.appearance,
+    appearance = _ref2$appearance === void 0 ? 'pill' : _ref2$appearance,
+    children = _ref2.children,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/React.createElement(TooltipContent, _extends({
+    appearance: appearance,
+    borderRadius: appearance === 'box' ? 500 : '5000em',
+    px: 400,
+    py: appearance === 'box' ? 400 : 200,
+    m: 200,
+    color: "text.body",
+    bg: "container.background.base",
+    boxShadow: "medium",
+    border: 500,
+    borderColor: "container.border.base"
+  }, rest), children);
+};
+export default Tooltip;

package/lib/Tooltip/TooltipTypes.js

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

package/lib/Tooltip/index.flow.js

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

package/lib/Tooltip/index.js

@@ -1,136 +1,4 @@
-var _excluded = ["content", "children", "enterDelay", "placement", "appearance", "zIndex", "qa", "popoutProps", "truncated"],
-  _excluded2 = ["appearance", "children"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-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; }
-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 * as React from 'react';
-import { useState, useEffect } from 'react';
-import MOTION from '@sproutsocial/seeds-motion/dist/seeds-motion-unitless';
-import Popout from "../Popout";
-import { TooltipContent } from "./styles";
-var idCounter = 0;
-var wrapContent = function wrapContent(content, show, hide, Wrapper, appearance, ariaProps, wrapperStyles) {
-  return /*#__PURE__*/React.createElement(Wrapper, _extends({
-    appearance: appearance,
-    onMouseOver: show,
-    onMouseOut: hide,
-    onFocus: show,
-    onBlur: hide,
-    style: Object.keys(wrapperStyles).length === 0 ? undefined : wrapperStyles
-  }, ariaProps), /*#__PURE__*/React.isValidElement(content) ? /*#__PURE__*/React.cloneElement(content) : content);
-};
-var Tooltip = function Tooltip(_ref) {
-  var content = _ref.content,
-    children = _ref.children,
-    _ref$enterDelay = _ref.enterDelay,
-    enterDelay = _ref$enterDelay === void 0 ? MOTION.MOTION_DURATION_FAST * 1000 : _ref$enterDelay,
-    _ref$placement = _ref.placement,
-    placement = _ref$placement === void 0 ? 'auto' : _ref$placement,
-    appearance = _ref.appearance,
-    _ref$zIndex = _ref.zIndex,
-    zIndex = _ref$zIndex === void 0 ? 7 : _ref$zIndex,
-    qa = _ref.qa,
-    popoutProps = _ref.popoutProps,
-    _ref$truncated = _ref.truncated,
-    truncated = _ref$truncated === void 0 ? false : _ref$truncated,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    shouldShow = _useState2[0],
-    setShouldShow = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isOpen = _useState4[0],
-    setIsOpen = _useState4[1];
-  var _useState5 = useState("Racine-tooltip-".concat(idCounter++)),
-    _useState6 = _slicedToArray(_useState5, 1),
-    id = _useState6[0];
-  var isInvalidContent = content === null || content === undefined;
-  var show = function show() {
-    return setShouldShow(true);
-  };
-  var hide = function hide() {
-    return setShouldShow(false);
-  };
-  var exitDelay = MOTION.MOTION_DURATION_FAST * 1000;
-  var defaultAppearance = appearance || (_typeof(content) === 'object' ? 'box' : 'pill');
-  var shouldTooltipContentsBeInteractive = defaultAppearance === 'box';
-  useEffect(function () {
-    var timeout;
-    if (shouldShow) {
-      timeout = setTimeout(function () {
-        return setIsOpen(true);
-      }, enterDelay);
-    } else {
-      timeout = setTimeout(function () {
-        return setIsOpen(false);
-      }, exitDelay);
-    }
-    return function () {
-      return clearTimeout(timeout);
-    };
-  }, [isOpen, shouldShow, enterDelay, exitDelay]);
-  var wrappedContent = wrapContent(
-  // $FlowIssue - https://github.com/facebook/flow/issues/6392
-  content, shouldTooltipContentsBeInteractive ? show : undefined, shouldTooltipContentsBeInteractive ? hide : undefined, Content, defaultAppearance, // $FlowIssue
-  _objectSpread({
-    id: id
-  }, rest), {});
-  var ariaPropsForWrappedChildren = isOpen ? {
-    'aria-describedby': id
-  } : {};
-  var wrapperStylesForWrappedChildren = truncated ? {
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap'
-  } : {};
-  var wrappedChildren = wrapContent(
-  // $FlowIssue - https://github.com/facebook/flow/issues/6392
-  children, show, hide, 'span', defaultAppearance, ariaPropsForWrappedChildren, wrapperStylesForWrappedChildren);
-  return /*#__PURE__*/React.createElement(Popout, _extends({
-    content: !isInvalidContent ? wrappedContent : undefined,
-    isOpen: isOpen,
-    placement: placement,
-    qa: _objectSpread({
-      'data-qa-tooltip': id
-    }, qa),
-    focusOnContent: false,
-    zIndex: zIndex,
-    display: truncated ? 'flex' : undefined
-  }, popoutProps), wrappedChildren);
-};
-var Content = function Content(_ref2) {
-  var _ref2$appearance = _ref2.appearance,
-    appearance = _ref2$appearance === void 0 ? 'pill' : _ref2$appearance,
-    children = _ref2.children,
-    rest = _objectWithoutProperties(_ref2, _excluded2);
-  return (
-    /*#__PURE__*/
-    // $FlowIssue - upgrade v0.112.0
-    React.createElement(TooltipContent, _extends({
-      appearance: appearance,
-      borderRadius: appearance === 'box' ? 500 : '5000em',
-      px: 400,
-      py: appearance === 'box' ? 400 : 200,
-      m: 200,
-      color: "text.body",
-      bg: "container.background.base",
-      boxShadow: "medium",
-      border: 500,
-      borderColor: "container.border.base"
-    }, rest), children)
-  );
-};
-export default Tooltip;
+import Tooltip from "./Tooltip";
+export default Tooltip;
+export { Tooltip };
+export * from "./TooltipTypes";

package/lib/Tooltip/styles.js

@@ -2,7 +2,7 @@ import styled from 'styled-components';
 import Box from "../Box";
 export var TooltipContent = styled(Box).withConfig({
   displayName: "styles__TooltipContent",
-  componentId: "sc-t1xjnk-0"
+  componentId: "sc-19u9ha6-0"
 })(["font-family:", ";", " text-align:", ";"], function (props) {
   return props.theme.fontFamily;
 }, function (props) {

package/lib/VisuallyHidden/VisuallyHidden.flow.js

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

package/lib/VisuallyHidden/VisuallyHidden.js

@@ -0,0 +1,6 @@
+import styled from 'styled-components';
+import { visuallyHidden } from "../utils/mixins";
+export var VisuallyHidden = styled.span.withConfig({
+  displayName: "VisuallyHidden",
+  componentId: "sc-19792f6-0"
+})(["", ""], visuallyHidden);

package/lib/VisuallyHidden/index.flow.js

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

package/lib/VisuallyHidden/index.js

@@ -1,6 +1 @@
-import styled from 'styled-components';
-import { visuallyHidden } from "../utils/mixins";
-export var VisuallyHidden = styled.span.withConfig({
-  displayName: "VisuallyHidden",
-  componentId: "sc-rxkbyc-0"
-})(["", ""], visuallyHidden);
+export * from "./VisuallyHidden";

package/lib/dataviz/DataVizRotation.flow.js

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