@sproutsocial/racine 12.22.0 → 12.23.0

package/lib/TokenInput/index.js

@@ -1,50 +1,63 @@
+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); }
 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 _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 _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
+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, 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import * as React from 'react';
-import Container from './styles';
-import { asTokenSpec, delimitersAsRegExp } from './util';
-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";
+import { Accessory } from "../Input/styles";
+import Box from "../Box";
+import Icon from "../Icon";
+import Token from "../Token";
 var DefaultDelimiters = [',', 'Enter'];
 var ControlledPropNames = ['value', 'hasFocus', 'activeToken'];
 var TokenInput = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(TokenInput, _React$Component);
+  _inherits(TokenInput, _React$Component);
+  var _super = _createSuper(TokenInput);
   function TokenInput(props) {
     var _this;
-    _this = _React$Component.call(this, props) || this;
-    _this.delimiterMatcher = void 0;
-    _this.handleChangeText = function (e) {
+    _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 ? void 0 : onChange(e, value);
-    };
-    _this.handleFocus = function (e) {
+      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 ? void 0 : onFocus(e);
-    };
-    _this.handleBlur = function (e) {
+      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
       });
-    };
-    _this.handleKeyUp = function (e) {
-      _this.props.onKeyUp == null ? void 0 : _this.props.onKeyUp(e, e.currentTarget.value);
-    };
-    _this.handleKeyDown = function (e) {
+    });
+    _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;
@@ -64,8 +77,8 @@ var TokenInput = /*#__PURE__*/function (_React$Component) {
           _this.deleteToken();
         }
       }
-    };
-    _this.handlePaste = function (e) {
+    });
+    _defineProperty(_assertThisInitialized(_this), "handlePaste", function (e) {
       var text = e.clipboardData.getData('text');
       var onPaste = _this.props.onPaste;
       if (onPaste) onPaste(e, text);
@@ -77,16 +90,16 @@ var TokenInput = /*#__PURE__*/function (_React$Component) {
         _this.spawnNewTokens(texts);
         e.preventDefault();
       }
-    };
-    _this.handleClickToken = function (e, token) {
-      var _this$props = _this.props,
-        onClickToken = _this$props.onClickToken,
-        disabled = _this$props.disabled;
+    });
+    _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,
@@ -100,175 +113,189 @@ var TokenInput = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  TokenInput.getDerivedStateFromProps = 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;
+  _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));
       }
-    });
-    modifiedState.prevProps = props;
-    return modifiedState;
-  };
-  var _proto = TokenInput.prototype;
-  _proto.isDelimiter = function isDelimiter(keyName) {
-    var _this$props$delimiter = this.props.delimiters,
-      delimiters = _this$props$delimiter === void 0 ? DefaultDelimiters : _this$props$delimiter;
-    return delimiters.includes(keyName);
-  };
-  _proto.spawnNewTokens = function spawnNewTokens(texts) {
-    var _this$props2 = this.props,
-      onAddToken = _this$props2.onAddToken,
-      onChangeTokens = _this$props2.onChangeTokens,
-      _this$props2$tokenMax = _this$props2.tokenMaxLength,
-      max = _this$props2$tokenMax === void 0 ? Infinity : _this$props2$tokenMax,
-      _this$props2$tokens = _this$props2.tokens,
-      tokens = _this$props2$tokens === void 0 ? [] : _this$props2$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: ''
+      });
     }
-    this.setState({
-      value: ''
-    });
-  };
-  _proto.deleteToken = function deleteToken(tokenId) {
-    var _this$props3 = this.props,
-      onRemoveToken = _this$props3.onRemoveToken,
-      onChangeTokens = _this$props3.onChangeTokens,
-      _this$props3$tokens = _this$props3.tokens,
-      tokens = _this$props3$tokens === void 0 ? [] : _this$props3$tokens;
-    var count = tokens.length;
-    if (count === 0) return;
-    var id = tokenId != null ? tokenId : tokens[count - 1].id;
-    if (onRemoveToken) {
-      onRemoveToken(id);
-    } else if (onChangeTokens) {
-      onChangeTokens(tokens.filter(function (tokenSpec) {
-        return tokenSpec.id !== id;
-      }));
+  }, {
+    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: ''
+      });
     }
-    this.setState({
-      value: ''
-    });
-  };
-  _proto.renderToken = function renderToken(token) {
-    var _this2 = this;
-    var _this$props4 = this.props,
-      defaultIconName = _this$props4.iconName,
-      disabled = _this$props4.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));
-  };
-  _proto.renderTokens = 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));
-    });
-  };
-  _proto.render = function render() {
-    var _this$props5 = this.props,
-      autoFocus = _this$props5.autoFocus,
-      autocomplete = _this$props5.autocomplete,
-      disabled = _this$props5.disabled,
-      isInvalid = _this$props5.isInvalid,
-      hasWarning = _this$props5.hasWarning,
-      id = _this$props5.id,
-      name = _this$props5.name,
-      placeholder = _this$props5.placeholder,
-      required = _this$props5.required,
-      value = _this$props5.value,
-      elemBefore = _this$props5.elemBefore,
-      elemAfter = _this$props5.elemAfter,
-      maxLength = _this$props5.maxLength,
-      ariaDescribedby = _this$props5.ariaDescribedby,
-      ariaLabel = _this$props5.ariaLabel,
-      innerRef = _this$props5.innerRef,
-      onAddToken = _this$props5.onAddToken,
-      onRemoveToken = _this$props5.onRemoveToken,
-      onChangeTokens = _this$props5.onChangeTokens,
-      onClickToken = _this$props5.onClickToken,
-      onBlur = _this$props5.onBlur,
-      onChange = _this$props5.onChange,
-      onFocus = _this$props5.onFocus,
-      onKeyDown = _this$props5.onKeyDown,
-      onKeyUp = _this$props5.onKeyUp,
-      onPaste = _this$props5.onPaste,
-      _this$props5$inputPro = _this$props5.inputProps,
-      inputProps = _this$props5$inputPro === void 0 ? {} : _this$props5$inputPro,
-      _this$props5$qa = _this$props5.qa,
-      qa = _this$props5$qa === void 0 ? {} : _this$props5$qa,
-      tokens = _this$props5.tokens,
-      rest = _objectWithoutPropertiesLoose(_this$props5, _excluded);
-    var state = this.state;
-    return /*#__PURE__*/React.createElement(Container, _extends({
-      hasBeforeElement: !!elemBefore,
-      hasAfterElement: !!elemAfter,
-      disabled: disabled,
-      invalid: !!isInvalid,
-      warning: hasWarning,
-      focused: state.hasFocus
-      // $FlowIssue - upgrade v0.112.0
-    }, 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: "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__*/React.createElement(Container, _extends({
+        hasBeforeElement: !!elemBefore,
+        hasAfterElement: !!elemAfter,
+        disabled: disabled,
+        invalid: !!isInvalid,
+        warning: hasWarning,
+        focused: state.hasFocus
+        // $FlowIssue - upgrade v0.112.0
+      }, 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 };

package/lib/TokenInput/styles.js

@@ -1,7 +1,7 @@
 
 import styled, { css } from 'styled-components';
-import { COMMON } from '../utils/system-props';
-import { focusRing } from '../utils/mixins';
+import { COMMON } from "../utils/system-props";
+import { focusRing } from "../utils/mixins";
 var Container = styled.div.withConfig({
   displayName: "styles__Container",
   componentId: "sc-19um4n4-0"

package/lib/TokenInput/util.js

@@ -3,7 +3,7 @@
 import uniqueId from 'lodash.uniqueid';
 export var asTokenSpec = function asTokenSpec(text) {
   return {
-    id: uniqueId(text + "-"),
+    id: uniqueId("".concat(text, "-")),
     value: text.trim()
   };
 };
@@ -15,5 +15,5 @@ export var delimitersAsRegExp = function delimitersAsRegExp(delimiters) {
   var chars = delimiters.map(function (key) {
     return KeyNameToRegExpChar[key] || key;
   }).join('');
-  return RegExp("[" + chars + "]");
+  return RegExp("[".concat(chars, "]"));
 };

package/lib/Tooltip/index.js

@@ -1,11 +1,22 @@
 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["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 { TooltipContent } from './styles';
-import Popout from '../Popout';
+import { TooltipContent } from "./styles";
+import Popout from "../Popout";
 import MOTION from '@sproutsocial/seeds-motion/dist/seeds-motion-unitless';
 var idCounter = 0;
 var wrapContent = function wrapContent(content, show, hide, Wrapper, appearance, ariaProps, wrapperStyles) {
@@ -32,15 +43,18 @@ var Tooltip = function Tooltip(_ref) {
     popoutProps = _ref.popoutProps,
     _ref$truncated = _ref.truncated,
     truncated = _ref$truncated === void 0 ? false : _ref$truncated,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(false),
-    shouldShow = _useState[0],
-    setShouldShow = _useState[1];
-  var _useState2 = useState(false),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var _useState3 = useState("Racine-tooltip-" + idCounter++),
-    id = _useState3[0];
+    _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);
@@ -49,7 +63,7 @@ var Tooltip = function Tooltip(_ref) {
     return setShouldShow(false);
   };
   var exitDelay = MOTION.MOTION_DURATION_FAST * 1000;
-  var defaultAppearance = appearance || (typeof content === 'object' ? 'box' : 'pill');
+  var defaultAppearance = appearance || (_typeof(content) === 'object' ? 'box' : 'pill');
   var shouldTooltipContentsBeInteractive = defaultAppearance === 'box';
   useEffect(function () {
     var timeout;
@@ -68,7 +82,7 @@ var Tooltip = function Tooltip(_ref) {
   }, [isOpen, shouldShow, enterDelay, exitDelay]);
   var wrappedContent = wrapContent(
   // $FlowIssue - https://github.com/facebook/flow/issues/6392
-  content, shouldTooltipContentsBeInteractive ? show : undefined, shouldTooltipContentsBeInteractive ? hide : undefined, Content, defaultAppearance, _extends({
+  content, shouldTooltipContentsBeInteractive ? show : undefined, shouldTooltipContentsBeInteractive ? hide : undefined, Content, defaultAppearance, _objectSpread({
     id: id
   }, rest), {});
   var ariaPropsForWrappedChildren = isOpen ? {
@@ -86,7 +100,7 @@ var Tooltip = function Tooltip(_ref) {
     content: !isInvalidContent ? wrappedContent : undefined,
     isOpen: isOpen,
     placement: placement,
-    qa: _extends({
+    qa: _objectSpread({
       'data-qa-tooltip': id
     }, qa),
     focusOnContent: false,
@@ -98,7 +112,7 @@ var Content = function Content(_ref2) {
   var _ref2$appearance = _ref2.appearance,
     appearance = _ref2$appearance === void 0 ? 'pill' : _ref2$appearance,
     children = _ref2.children,
-    rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+    rest = _objectWithoutProperties(_ref2, _excluded2);
   return /*#__PURE__*/React.createElement(TooltipContent, _extends({
     appearance: appearance,
     borderRadius: appearance === 'box' ? 500 : '5000em',

package/lib/Tooltip/styles.js

@@ -1,6 +1,6 @@
 
 import styled from 'styled-components';
-import Box from '../Box';
+import Box from "../Box";
 export var TooltipContent = styled(Box).withConfig({
   displayName: "styles__TooltipContent",
   componentId: "sc-t1xjnk-0"

package/lib/VisuallyHidden/index.js

@@ -1,5 +1,5 @@
 
-import { visuallyHidden } from '../utils/mixins';
+import { visuallyHidden } from "../utils/mixins";
 import styled from 'styled-components';
 export var VisuallyHidden = styled.span.withConfig({
   displayName: "VisuallyHidden",

package/lib/dataviz/index.js

@@ -1,6 +1,6 @@
 
 import React from 'react';
-import Box from '../Box';
+import Box from "../Box";
 import { withTheme } from 'styled-components';
 export var DataVizRotation = withTheme(function (p) {
   return p.theme.colors.DATAVIZ_COLORS_LIST.map(function (color, i) {