@sproutsocial/racine 20.7.0 → 20.9.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # Change Log
 
+## 20.9.0
+
+### Minor Changes
+
+- 2e135c53a: Add prop to Drawer to allow certain elements to be exempt from the Drawer focus lock
+
+  This is helpful when Pendo Guide are activated while a drawer is open.
+
+- 60ba119e2: The width of Drawer can now be customized using the `width` prop.
+
+## 20.8.0
+
+### Minor Changes
+
+- ba43d9369: Updates the seeds-color dependency which includes the new blue
+- d77544cb6: Update sproutsocial PartnerLogo to latest look
+
 ## 20.7.0
 
 ### Minor Changes

package/__flow__/Drawer/Drawer.flow.js

@@ -35,6 +35,7 @@ export type TypeDrawerProps = {
   onClose: () => void,
   zIndex?: number,
   closeTargets?: Array<Element>,
+  width?: number,
   ...
 };
 declare class DrawerContainer extends React.Component<TypeDrawerProps> {

package/__flow__/LogoViewBoxes.js

@@ -73,12 +73,12 @@ module.exports = {
   "shopify": "0 0 140 159",
   "slack-dark": "0 0 140 140",
   "slack": "0 0 140 140",
-  "sproutsocial-dark": "0 0 140 174",
-  "sproutsocial-lockup-dark": "0 0 291 58",
-  "sproutsocial-lockup": "0 0 291 58",
+  "sproutsocial-dark": "0 0 16 18",
+  "sproutsocial-lockup-dark": "0 0 291 59",
+  "sproutsocial-lockup": "0 0 291 59",
   "sproutsocial-wordmark-dark": "0 0 320 52",
   "sproutsocial-wordmark": "0 0 320 52",
-  "sproutsocial": "0 0 140 174",
+  "sproutsocial": "0 0 16 18",
   "tableau-dark": "0 0 18 18",
   "tableau-lockup-dark": "0 0 291 56",
   "tableau-lockup": "0 0 291 56",

package/commonjs/Drawer/Drawer.js

@@ -17,8 +17,8 @@ var _SlideTransition = require("./SlideTransition");
 var _styles = _interopRequireWildcard(require("./styles"));
 var _excluded = ["title", "id", "children", "render"],
   _excluded2 = ["children"],
-  _excluded3 = ["id", "style", "offset", "direction", "children", "disableCloseOnClickOutside", "onClose", "zIndex", "closeTargets"],
-  _excluded4 = ["children", "closeButtonLabel", "direction", "disableCloseOnClickOutside", "id", "isOpen", "offset", "onClose", "zIndex", "closeTargets"];
+  _excluded3 = ["id", "style", "offset", "direction", "children", "disableCloseOnClickOutside", "onClose", "zIndex", "closeTargets", "width", "focusLockExemptCheck"],
+  _excluded4 = ["children", "closeButtonLabel", "direction", "disableCloseOnClickOutside", "id", "isOpen", "offset", "onClose", "zIndex", "closeTargets", "width"];
 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; }
@@ -30,8 +30,6 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 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); } // eslint-disable-next-line import/no-deprecated
-// If ever we needed to make drawer width configurable, move this to a default prop
-var DRAWER_WIDTH = 600;
 var AnimatedDrawer = (0, _reactSpring.animated)(_styles.default);
 var doesRefContainEventTarget = function doesRefContainEventTarget(ref, event) {
   return ref.current && event.target instanceof Node && ref.current.contains(event.target);
@@ -103,6 +101,8 @@ var Drawer = function Drawer(_ref3) {
     onClose = _ref3.onClose,
     zIndex = _ref3.zIndex,
     closeTargets = _ref3.closeTargets,
+    width = _ref3.width,
+    focusLockExemptCheck = _ref3.focusLockExemptCheck,
     rest = _objectWithoutProperties(_ref3, _excluded3);
   var drawerRef = (0, React.useRef)(null);
   (0, React.useEffect)(function () {
@@ -141,11 +141,14 @@ var Drawer = function Drawer(_ref3) {
   return /*#__PURE__*/React.createElement(_reactFocusLock.default, {
     key: id,
     autoFocus: true,
-    returnFocus: true
+    returnFocus: true,
+    whiteList: focusLockExemptCheck ? function (e) {
+      return !focusLockExemptCheck(e);
+    } : undefined
   }, /*#__PURE__*/React.createElement(AnimatedDrawer, _extends({
     ref: drawerRef,
     style: style,
-    width: DRAWER_WIDTH,
+    width: width,
     offset: offset,
     direction: direction,
     "data-qa-drawer": id,
@@ -168,6 +171,8 @@ var DrawerContainer = function DrawerContainer(_ref4) {
     zIndex = _ref4$zIndex === void 0 ? 7 : _ref4$zIndex,
     _ref4$closeTargets = _ref4.closeTargets,
     closeTargets = _ref4$closeTargets === void 0 ? [] : _ref4$closeTargets,
+    _ref4$width = _ref4.width,
+    width = _ref4$width === void 0 ? 600 : _ref4$width,
     rest = _objectWithoutProperties(_ref4, _excluded4);
   return /*#__PURE__*/React.createElement(_Portal.default, {
     id: id
@@ -177,7 +182,7 @@ var DrawerContainer = function DrawerContainer(_ref4) {
       closeButtonLabel: closeButtonLabel
     }
   }, /*#__PURE__*/React.createElement(_SlideTransition.SlideTransition, {
-    width: DRAWER_WIDTH + offset,
+    width: width + offset,
     direction: direction,
     isVisible: isOpen
   }, function (_ref5) {
@@ -196,6 +201,7 @@ var DrawerContainer = function DrawerContainer(_ref4) {
       onClose: onClose,
       zIndex: zIndex,
       closeTargets: closeTargets,
+      width: width,
       "data-qa-drawer": id || '',
       "data-qa-drawer-isopen": isOpen === true
     }, rest), children);

package/commonjs/LogoViewBoxes.js

@@ -75,12 +75,12 @@ module.exports = {
   "shopify": "0 0 140 159",
   "slack-dark": "0 0 140 140",
   "slack": "0 0 140 140",
-  "sproutsocial-dark": "0 0 140 174",
-  "sproutsocial-lockup-dark": "0 0 291 58",
-  "sproutsocial-lockup": "0 0 291 58",
+  "sproutsocial-dark": "0 0 16 18",
+  "sproutsocial-lockup-dark": "0 0 291 59",
+  "sproutsocial-lockup": "0 0 291 59",
   "sproutsocial-wordmark-dark": "0 0 320 52",
   "sproutsocial-wordmark": "0 0 320 52",
-  "sproutsocial": "0 0 140 174",
+  "sproutsocial": "0 0 16 18",
   "tableau-dark": "0 0 18 18",
   "tableau-lockup-dark": "0 0 291 56",
   "tableau-lockup": "0 0 291 56",