@sproutsocial/racine 20.4.0 → 20.5.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Change Log
 
+## 20.5.0
+
+### Minor Changes
+
+- bc2935791: Add X (Twitter) logo to partner logos
+
+## 20.4.1
+
+### Patch Changes
+
+- 35df3316c: `Tooltip` types now allow for the use of `onFocus` in cases where the implementation requires an event during hover
+- 35df3316c: Upgrade @babel/traverse
+
 ## 20.4.0
 
 ### Minor Changes

package/__flow__/EnumLogoNames.flow.js

@@ -1,2 +1,2 @@
 // @flow
-export type EnumLogoNames = "adobe-experience-manager" | "android" | "apple-app-store" | "apple" | "bigcommerce" | "bitly" | "bynder" | "canva" | "dropbox" | "facebook-audience-network" | "facebook" | "facebook-groups" | "facebook-shops" | "feedly" | "github" | "glassdoor" | "google-analytics" | "google-business-messages" | "google-drive" | "google-my-business" | "google-play-store" | "hubspot" | "instagram" | "linkedin-audience-network" | "linkedin" | "marketo" | "messenger" | "microsoft-dynamics" | "pinterest" | "reddit" | "salesforce-cloud" | "salesforce" | "shopify" | "slack" | "sproutsocial" | "tableau" | "tiktok" | "tripadvisor" | "tumblr" | "twitter-audience-network" | "twitter" | "whatsapp" | "woocommerce" | "yelp" | "youtube" | "zendesk";
+export type EnumLogoNames = "adobe-experience-manager" | "android" | "apple-app-store" | "apple" | "bigcommerce" | "bitly" | "bynder" | "canva" | "dropbox" | "facebook-audience-network" | "facebook" | "facebook-groups" | "facebook-shops" | "feedly" | "github" | "glassdoor" | "google-analytics" | "google-business-messages" | "google-drive" | "google-my-business" | "google-play-store" | "hubspot" | "instagram" | "linkedin-audience-network" | "linkedin" | "marketo" | "messenger" | "microsoft-dynamics" | "pinterest" | "reddit" | "salesforce-cloud" | "salesforce" | "shopify" | "slack" | "sproutsocial" | "tableau" | "tiktok" | "tripadvisor" | "tumblr" | "twitter-audience-network" | "twitter" | "whatsapp" | "woocommerce" | "x-twitter" | "yelp" | "youtube" | "zendesk";

package/__flow__/LogoViewBoxes.js

@@ -97,6 +97,8 @@ module.exports = {
   "whatsapp": "0 0 140 141",
   "woocommerce-dark": "0 0 140 84",
   "woocommerce": "0 0 140 84",
+  "x-twitter-dark": "0 0 18 18",
+  "x-twitter": "0 0 18 18",
   "yelp-dark": "0 0 140 159",
   "yelp": "0 0 140 159",
   "youtube-dark": "0 0 140 99",

package/commonjs/LogoViewBoxes.js

@@ -99,6 +99,8 @@ module.exports = {
   "whatsapp": "0 0 140 141",
   "woocommerce-dark": "0 0 140 84",
   "woocommerce": "0 0 140 84",
+  "x-twitter-dark": "0 0 18 18",
+  "x-twitter": "0 0 18 18",
   "yelp-dark": "0 0 140 159",
   "yelp": "0 0 140 159",
   "youtube-dark": "0 0 140 99",

package/commonjs/Tooltip/Tooltip.js

@@ -8,8 +8,8 @@ var React = _interopRequireWildcard(require("react"));
 var _seedsMotionUnitless = _interopRequireDefault(require("@sproutsocial/seeds-motion/dist/seeds-motion-unitless"));
 var _Popout = _interopRequireDefault(require("../Popout"));
 var _styles = require("./styles");
-var _excluded = ["appearance", "children", "onFocus", "onBlur", "onMouseEnter", "onMouseLeave"],
-  _excluded2 = ["content", "children", "enterDelay", "placement", "appearance", "zIndex", "qa", "popoutProps", "truncated"];
+var _excluded = ["appearance", "children", "onFocus", "onBlur"],
+  _excluded2 = ["content", "children", "enterDelay", "placement", "appearance", "zIndex", "qa", "popoutProps", "truncated", "onFocus", "onBlur"];
 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; }
@@ -40,10 +40,14 @@ var TooltipBubble = function TooltipBubble(_ref) {
     children = _ref.children,
     onFocus = _ref.onFocus,
     onBlur = _ref.onBlur,
-    onMouseEnter = _ref.onMouseEnter,
-    onMouseLeave = _ref.onMouseLeave,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_styles.TooltipContent, _extends({
+  var handleFocus = function handleFocus(e) {
+    onFocus(e);
+  };
+  var handleBlur = function handleBlur(e) {
+    onBlur(e);
+  };
+  return /*#__PURE__*/React.createElement(_styles.StyledTooltipContent, _extends({
     role: "tooltip",
     appearance: appearance,
     borderRadius: appearance === 'box' ? 500 : '5000em',
@@ -55,10 +59,10 @@ var TooltipBubble = function TooltipBubble(_ref) {
     boxShadow: "medium",
     border: 500,
     borderColor: "container.border.base",
-    onFocus: onFocus,
-    onBlur: onBlur,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    onMouseEnter: handleFocus,
+    onMouseLeave: handleBlur,
     tabIndex: 0
   }, rest), children);
 };
@@ -78,6 +82,8 @@ var Tooltip = function Tooltip(_ref2) {
     popoutProps = _ref2.popoutProps,
     _ref2$truncated = _ref2.truncated,
     truncated = _ref2$truncated === void 0 ? false : _ref2$truncated,
+    onFocus = _ref2.onFocus,
+    onBlur = _ref2.onBlur,
     rest = _objectWithoutProperties(_ref2, _excluded2);
   var _useState = (0, React.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -91,10 +97,12 @@ var Tooltip = function Tooltip(_ref2) {
     _useState6 = _slicedToArray(_useState5, 1),
     id = _useState6[0];
   var isInvalidContent = content === null || content === undefined;
-  var show = function show() {
-    return setShouldShow(true);
+  var show = function show(e) {
+    onFocus === null || onFocus === void 0 || onFocus(e);
+    setShouldShow(true);
   };
-  var hide = function hide() {
+  var hide = function hide(e) {
+    onBlur === null || onBlur === void 0 || onBlur(e);
     setShouldShow(false);
   };
   var exitDelay = _seedsMotionUnitless.default.MOTION_DURATION_FAST * 1000;
@@ -137,8 +145,6 @@ var Tooltip = function Tooltip(_ref2) {
       appearance: defaultAppearance,
       onFocus: show,
       onBlur: hide,
-      onMouseEnter: show,
-      onMouseLeave: hide,
       "aria-expanded": isOpen,
       "aria-describedby": id
     }, rest), content);

package/commonjs/Tooltip/styles.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TooltipContent = void 0;
+exports.StyledTooltipContent = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _Box = _interopRequireDefault(require("../Box"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var TooltipContent = (0, _styledComponents.default)(_Box.default).withConfig({
-  displayName: "styles__TooltipContent",
+var StyledTooltipContent = (0, _styledComponents.default)(_Box.default).withConfig({
+  displayName: "styles__StyledTooltipContent",
   componentId: "sc-19u9ha6-0"
 })(["font-family:", ";", " text-align:", ";"], function (props) {
   return props.theme.fontFamily;
@@ -17,4 +17,4 @@ var TooltipContent = (0, _styledComponents.default)(_Box.default).withConfig({
 }, function (props) {
   return props.appearance === 'box' ? 'left' : 'center';
 });
-exports.TooltipContent = TooltipContent;
+exports.StyledTooltipContent = StyledTooltipContent;

package/commonjs/logoNames.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = ["adobe-experience-manager", "android", "apple-app-store", "apple", "bigcommerce", "bitly", "bynder", "canva", "dropbox", "facebook-audience-network", "facebook", "facebook-groups", "facebook-shops", "feedly", "github", "glassdoor", "google-analytics", "google-business-messages", "google-drive", "google-my-business", "google-play-store", "hubspot", "instagram", "linkedin-audience-network", "linkedin", "marketo", "messenger", "microsoft-dynamics", "pinterest", "reddit", "salesforce-cloud", "salesforce", "shopify", "slack", "sproutsocial", "tableau", "tiktok", "tripadvisor", "tumblr", "twitter-audience-network", "twitter", "whatsapp", "woocommerce", "yelp", "youtube", "zendesk"];
+var _default = ["adobe-experience-manager", "android", "apple-app-store", "apple", "bigcommerce", "bitly", "bynder", "canva", "dropbox", "facebook-audience-network", "facebook", "facebook-groups", "facebook-shops", "feedly", "github", "glassdoor", "google-analytics", "google-business-messages", "google-drive", "google-my-business", "google-play-store", "hubspot", "instagram", "linkedin-audience-network", "linkedin", "marketo", "messenger", "microsoft-dynamics", "pinterest", "reddit", "salesforce-cloud", "salesforce", "shopify", "slack", "sproutsocial", "tableau", "tiktok", "tripadvisor", "tumblr", "twitter-audience-network", "twitter", "whatsapp", "woocommerce", "x-twitter", "yelp", "youtube", "zendesk"];
 exports.default = _default;