@sproutsocial/racine 12.19.0 → 12.21.0

package/commonjs/Token/styles.js

@@ -2,17 +2,11 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _systemProps = require("../utils/system-props");
-
 var _mixins = require("../utils/mixins");
-
 var _useInteractiveColor = require("../utils/useInteractiveColor");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var Container = _styledComponents.default.button.withConfig({
@@ -23,21 +17,20 @@ var Container = _styledComponents.default.button.withConfig({
   return (0, _styledComponents.css)(["", " font-family:", ";font-weight:", ";border:1px solid ", ";border-radius:", ";color:", ";background:", ";padding:", " ", ";transition:all ", " ", ";"], theme.typography[200], theme.fontFamily, theme.fontWeights.normal, theme.colors.container.border.base, theme.radii[500], theme.colors.text.body, theme.colors.container.background.base, theme.space[200], theme.space[300], theme.duration.fast, theme.easing.ease_inout);
 }, _mixins.focusRing, function (_ref2) {
   var closeable = _ref2.closeable,
-      theme = _ref2.theme;
+    theme = _ref2.theme;
   return closeable && (0, _styledComponents.css)(["cursor:pointer;&:hover,&:active{box-shadow:", ";border:1px solid ", ";}"], theme.shadows.low, (0, _useInteractiveColor.useInteractiveColor)(theme.colors.container.border.base));
 }, function (_ref3) {
   var theme = _ref3.theme,
-      palette = _ref3.palette;
-  return palette === "blue" && (0, _styledComponents.css)(["color:", ";background:", ";border:1px solid ", ";&:hover,&:active{cursor:pointer;box-shadow:", ";border:1px solid ", ";}"], theme.colors.text.body, theme.colors.container.background.decorative.blue, theme.colors.container.border.decorative.blue, theme.shadows.low, (0, _useInteractiveColor.useInteractiveColor)(theme.colors.container.border.decorative.blue));
+    palette = _ref3.palette;
+  return palette === 'blue' && (0, _styledComponents.css)(["color:", ";background:", ";border:1px solid ", ";&:hover,&:active{cursor:pointer;box-shadow:", ";border:1px solid ", ";}"], theme.colors.text.body, theme.colors.container.background.decorative.blue, theme.colors.container.border.decorative.blue, theme.shadows.low, (0, _useInteractiveColor.useInteractiveColor)(theme.colors.container.border.decorative.blue));
 }, function (_ref4) {
   var disabled = _ref4.disabled,
-      theme = _ref4.theme;
+    theme = _ref4.theme;
   return disabled && (0, _styledComponents.css)(["opacity:0.4;cursor:not-allowed;&:hover,&:active{box-shadow:none;border:1px solid ", ";}"], theme.colors.container.border.base);
 }, function (_ref5) {
   var valid = _ref5.valid,
-      theme = _ref5.theme;
+    theme = _ref5.theme;
   return !valid && (0, _styledComponents.css)(["color:", ";background:", ";border:1px solid ", ";&:hover{box-shadow:", ";border:1px solid ", ";}"], theme.colors.text.error, theme.colors.container.background.error, theme.colors.container.border.error, theme.shadows.low, (0, _useInteractiveColor.useInteractiveColor)(theme.colors.container.border.error));
 }, _systemProps.COMMON);
-
 var _default = Container;
 exports.default = _default;

package/commonjs/TokenInput/index.js

@@ -2,151 +2,115 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _util = require("./util");
-
 var _styles2 = require("../Input/styles");
-
 var _Box = _interopRequireDefault(require("../Box"));
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 var _Token = _interopRequireDefault(require("../Token"));
-
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign || 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 _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 _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 _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-var DefaultDelimiters = [",", "Enter"];
-var ControlledPropNames = ["value", "hasFocus", "activeToken"];
-
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+var DefaultDelimiters = [',', 'Enter'];
+var ControlledPropNames = ['value', 'hasFocus', 'activeToken'];
 var TokenInput = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(TokenInput, _React$Component);
-
   function TokenInput(props) {
     var _this;
-
     _this = _React$Component.call(this, props) || this;
     _this.delimiterMatcher = void 0;
-
     _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) {
       var onFocus = _this.props.onFocus;
-
       _this.setState({
         hasFocus: true
       });
-
       onFocus == null ? void 0 : onFocus(e);
     };
-
     _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) {
       var onKeyDown = _this.props.onKeyDown;
       var key = e.key,
-          currentTarget = e.currentTarget;
+        currentTarget = e.currentTarget;
       var text = currentTarget.value;
-      if (onKeyDown) onKeyDown(e, text); // keyPress event runs before change
+      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 === "") {
+      } else if (key === 'Backspace') {
+        if (text === '') {
           _this.deleteToken();
         }
       }
     };
-
     _this.handlePaste = function (e) {
-      var text = e.clipboardData.getData("text");
+      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();
       }
     };
-
     _this.handleClickToken = function (e, token) {
       var _this$props = _this.props,
-          onClickToken = _this$props.onClickToken,
-          disabled = _this$props.disabled;
+        onClickToken = _this$props.onClickToken,
+        disabled = _this$props.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;
+      activeToken = props.activeToken,
+      _value = props.value,
+      delimiters = props.delimiters;
     _this.delimiterMatcher = (0, _util.delimitersAsRegExp)(delimiters || DefaultDelimiters);
     _this.state = {
       prevProps: props,
       hasFocus: hasFocus || false,
       activeToken: activeToken,
-      value: _value || ""
+      value: _value || ''
     };
     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;
       }
@@ -154,48 +118,41 @@ var TokenInput = /*#__PURE__*/function (_React$Component) {
     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;
+      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;
+      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 (0, _util.asTokenSpec)(text.slice(0, max));
     });
-
     if (onAddToken) {
       tokenSpecs.forEach(onAddToken);
     } else if (onChangeTokens) {
       onChangeTokens(tokens.concat(tokenSpecs));
     }
-
     this.setState({
-      value: ""
+      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;
+      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) {
@@ -203,23 +160,20 @@ var TokenInput = /*#__PURE__*/function (_React$Component) {
         return tokenSpec.id !== id;
       }));
     }
-
     this.setState({
-      value: ""
+      value: ''
     });
   };
-
   _proto.renderToken = function renderToken(token) {
     var _this2 = this;
-
     var _this$props4 = this.props,
-        defaultIconName = _this$props4.iconName,
-        disabled = _this$props4.disabled;
+      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;
+      tokenIconName = token.iconName,
+      value = token.value,
+      valid = token.valid;
     var iconName = tokenIconName || defaultIconName;
     var isActive = activeId === id;
     return /*#__PURE__*/React.createElement(_Token.default, {
@@ -239,10 +193,8 @@ var TokenInput = /*#__PURE__*/function (_React$Component) {
       pr: 300
     }), value));
   };
-
   _proto.renderTokens = function renderTokens(tokens) {
     var _this3 = this;
-
     return tokens.map(function (token) {
       return /*#__PURE__*/React.createElement("div", {
         key: token.id,
@@ -250,42 +202,40 @@ var TokenInput = /*#__PURE__*/function (_React$Component) {
       }, _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);
-
+      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(_styles.default, _extends({
       hasBeforeElement: !!elemBefore,
@@ -293,8 +243,8 @@ var TokenInput = /*#__PURE__*/function (_React$Component) {
       disabled: disabled,
       invalid: !!isInvalid,
       warning: hasWarning,
-      focused: state.hasFocus // $FlowIssue - upgrade v0.112.0
-
+      focused: state.hasFocus
+      // $FlowIssue - upgrade v0.112.0
     }, rest), elemBefore && /*#__PURE__*/React.createElement(_styles2.Accessory, {
       before: true
     }, elemBefore), tokens && this.renderTokens(tokens), /*#__PURE__*/React.createElement("input", _extends({
@@ -318,15 +268,13 @@ var TokenInput = /*#__PURE__*/function (_React$Component) {
       onKeyUp: this.handleKeyUp,
       onPaste: this.handlePaste,
       ref: innerRef,
-      "data-qa-input": name || "",
+      "data-qa-input": name || '',
       "data-qa-input-isdisabled": !!disabled,
       "data-qa-input-isrequired": !!required
     }, qa, inputProps)), elemAfter && /*#__PURE__*/React.createElement(_styles2.Accessory, {
       after: true
     }, elemAfter));
   };
-
   return TokenInput;
 }(React.Component);
-
 exports.default = TokenInput;

package/commonjs/TokenInput/styles.js

@@ -2,15 +2,10 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _systemProps = require("../utils/system-props");
-
 var _mixins = require("../utils/mixins");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var Container = _styledComponents.default.div.withConfig({
@@ -81,7 +76,6 @@ var Container = _styledComponents.default.div.withConfig({
     return props.theme.colors.form.border.warning;
   });
 }, _systemProps.COMMON);
-
-Container.displayName = "TokenInputContainer";
+Container.displayName = 'TokenInputContainer';
 var _default = Container;
 exports.default = _default;

package/commonjs/TokenInput/util.js

@@ -2,9 +2,7 @@
 
 exports.__esModule = true;
 exports.delimitersAsRegExp = exports.asTokenSpec = void 0;
-
 var _lodash = _interopRequireDefault(require("lodash.uniqueid"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var asTokenSpec = function asTokenSpec(text) {
@@ -13,18 +11,15 @@ var asTokenSpec = function asTokenSpec(text) {
     value: text.trim()
   };
 };
-
 exports.asTokenSpec = asTokenSpec;
 var KeyNameToRegExpChar = {
-  Enter: "\\n"
+  Enter: '\\n'
 };
-
 var delimitersAsRegExp = function delimitersAsRegExp(delimiters) {
   if (!delimiters) return /[,\n]/;
   var chars = delimiters.map(function (key) {
     return KeyNameToRegExpChar[key] || key;
-  }).join("");
+  }).join('');
   return RegExp("[" + chars + "]");
 };
-
 exports.delimitersAsRegExp = delimitersAsRegExp;

package/commonjs/Tooltip/index.js

@@ -2,30 +2,18 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _styles = require("./styles");
-
 var _Popout = _interopRequireDefault(require("../Popout"));
-
 var _seedsMotionUnitless = _interopRequireDefault(require("@sproutsocial/seeds-motion/dist/seeds-motion-unitless"));
-
 var _excluded = ["content", "children", "enterDelay", "placement", "appearance", "zIndex", "qa", "popoutProps", "truncated"],
-    _excluded2 = ["appearance", "children"];
-
+  _excluded2 = ["appearance", "children"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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 || 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 _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); }
 var idCounter = 0;
-
 var wrapContent = function wrapContent(content, show, hide, Wrapper, appearance, ariaProps, wrapperStyles) {
   return /*#__PURE__*/React.createElement(Wrapper, _extends({
     appearance: appearance,
@@ -36,50 +24,41 @@ var wrapContent = function wrapContent(content, show, hide, Wrapper, appearance,
     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 ? _seedsMotionUnitless.default.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 = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    children = _ref.children,
+    _ref$enterDelay = _ref.enterDelay,
+    enterDelay = _ref$enterDelay === void 0 ? _seedsMotionUnitless.default.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 = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _useState = (0, React.useState)(false),
-      shouldShow = _useState[0],
-      setShouldShow = _useState[1];
-
+    shouldShow = _useState[0],
+    setShouldShow = _useState[1];
   var _useState2 = (0, React.useState)(false),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
   var _useState3 = (0, React.useState)("Racine-tooltip-" + idCounter++),
-      id = _useState3[0];
-
+    id = _useState3[0];
   var isInvalidContent = content === null || content === undefined;
-
   var show = function show() {
     return setShouldShow(true);
   };
-
   var hide = function hide() {
     return setShouldShow(false);
   };
-
   var exitDelay = _seedsMotionUnitless.default.MOTION_DURATION_FAST * 1000;
-  var defaultAppearance = appearance || (typeof content === "object" ? "box" : "pill");
-  var shouldTooltipContentsBeInteractive = defaultAppearance === "box";
+  var defaultAppearance = appearance || (typeof content === 'object' ? 'box' : 'pill');
+  var shouldTooltipContentsBeInteractive = defaultAppearance === 'box';
   (0, React.useEffect)(function () {
     var timeout;
-
     if (shouldShow) {
       timeout = setTimeout(function () {
         return setIsOpen(true);
@@ -89,58 +68,56 @@ var Tooltip = function Tooltip(_ref) {
         return setIsOpen(false);
       }, exitDelay);
     }
-
     return function () {
       return clearTimeout(timeout);
     };
   }, [isOpen, shouldShow, enterDelay, exitDelay]);
-  var wrappedContent = wrapContent( // $FlowIssue - https://github.com/facebook/flow/issues/6392
+  var wrappedContent = wrapContent(
+  // $FlowIssue - https://github.com/facebook/flow/issues/6392
   content, shouldTooltipContentsBeInteractive ? show : undefined, shouldTooltipContentsBeInteractive ? hide : undefined, Content, defaultAppearance, _extends({
     id: id
   }, rest), {});
   var ariaPropsForWrappedChildren = isOpen ? {
-    "aria-describedby": id
+    'aria-describedby': id
   } : {};
   var wrapperStylesForWrappedChildren = truncated ? {
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap"
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap'
   } : {};
-  var wrappedChildren = wrapContent( // $FlowIssue - https://github.com/facebook/flow/issues/6392
-  children, show, hide, "span", defaultAppearance, ariaPropsForWrappedChildren, wrapperStylesForWrappedChildren);
+  var wrappedChildren = wrapContent(
+  // $FlowIssue - https://github.com/facebook/flow/issues/6392
+  children, show, hide, 'span', defaultAppearance, ariaPropsForWrappedChildren, wrapperStylesForWrappedChildren);
   return /*#__PURE__*/React.createElement(_Popout.default, _extends({
     content: !isInvalidContent ? wrappedContent : undefined,
     isOpen: isOpen,
     placement: placement,
     qa: _extends({
-      "data-qa-tooltip": id
+      'data-qa-tooltip': id
     }, qa),
     focusOnContent: false,
     zIndex: zIndex,
-    display: truncated ? "flex" : undefined
+    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 = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-
+    appearance = _ref2$appearance === void 0 ? 'pill' : _ref2$appearance,
+    children = _ref2.children,
+    rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
   return /*#__PURE__*/React.createElement(_styles.TooltipContent, _extends({
     appearance: appearance,
-    borderRadius: appearance === "box" ? 500 : "5000em",
+    borderRadius: appearance === 'box' ? 500 : '5000em',
     px: 400,
-    py: appearance === "box" ? 400 : 200,
+    py: appearance === 'box' ? 400 : 200,
     m: 200,
     color: "text.body",
     bg: "container.background.base",
     boxShadow: "medium",
     border: 500,
-    borderColor: "container.border.base" // $FlowIssue - upgrade v0.112.0
-
+    borderColor: "container.border.base"
+    // $FlowIssue - upgrade v0.112.0
   }, rest), children);
 };
-
 var _default = Tooltip;
 exports.default = _default;