@sproutsocial/racine 12.20.0 → 12.21.0

package/lib/Icon/index.js

@@ -1,26 +1,21 @@
 var _excluded = ["name", "size", "fixedWidth", "ariaLabel"],
-    _excluded2 = ["activeName", "inactiveName", "isActive", "size", "fixedWidth", "ariaLabel"];
-
-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); }
-
+  _excluded2 = ["activeName", "inactiveName", "isActive", "size", "fixedWidth", "ariaLabel"];
+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; }
-
-import * as React from "react";
-import styled, { css } from "styled-components";
-import iconViewBoxes from "../IconViewBoxes";
-import Container from "./styles";
-import Box from "../Box";
-import deprecatedIcons from "./deprecatedIcons";
-
+import * as React from 'react';
+import styled, { css } from 'styled-components';
+import iconViewBoxes from '../IconViewBoxes';
+import Container from './styles';
+import Box from '../Box';
+import deprecatedIcons from './deprecatedIcons';
 var Icon = function Icon(_ref) {
   var name = _ref.name,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "default" : _ref$size,
-      _ref$fixedWidth = _ref.fixedWidth,
-      fixedWidth = _ref$fixedWidth === void 0 ? false : _ref$fixedWidth,
-      ariaLabel = _ref.ariaLabel,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'default' : _ref$size,
+    _ref$fixedWidth = _ref.fixedWidth,
+    fixedWidth = _ref$fixedWidth === void 0 ? false : _ref$fixedWidth,
+    ariaLabel = _ref.ariaLabel,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var iconName = deprecatedIcons[name] || name;
   var iconViewBox = iconViewBoxes[iconName];
   return /*#__PURE__*/React.createElement(Container, _extends({
@@ -28,8 +23,8 @@ var Icon = function Icon(_ref) {
     fixedWidth: !!fixedWidth,
     key: name,
     "aria-label": ariaLabel,
-    "data-qa-icon": name // $FlowIssue - upgrade v0.112.0
-
+    "data-qa-icon": name
+    // $FlowIssue - upgrade v0.112.0
   }, rest), /*#__PURE__*/React.createElement("svg", {
     className: "Icon-svg",
     viewBox: iconViewBox,
@@ -39,7 +34,6 @@ var Icon = function Icon(_ref) {
     xlinkHref: "#ssiconsvg-" + iconName
   })));
 };
-
 var ToggleableIcon = styled(Icon).withConfig({
   displayName: "Icon__ToggleableIcon",
   componentId: "sc-1q9cwne-0"
@@ -50,18 +44,16 @@ var ToggleableIcon = styled(Icon).withConfig({
 }, function (p) {
   return !p.active && css(["position:absolute;opacity:0;transform:scale(0);"]);
 });
-
 var IconToggle = function IconToggle(_ref2) {
   var activeName = _ref2.activeName,
-      inactiveName = _ref2.inactiveName,
-      isActive = _ref2.isActive,
-      _ref2$size = _ref2.size,
-      size = _ref2$size === void 0 ? "default" : _ref2$size,
-      _ref2$fixedWidth = _ref2.fixedWidth,
-      fixedWidth = _ref2$fixedWidth === void 0 ? false : _ref2$fixedWidth,
-      ariaLabel = _ref2.ariaLabel,
-      rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-
+    inactiveName = _ref2.inactiveName,
+    isActive = _ref2.isActive,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 'default' : _ref2$size,
+    _ref2$fixedWidth = _ref2.fixedWidth,
+    fixedWidth = _ref2$fixedWidth === void 0 ? false : _ref2$fixedWidth,
+    ariaLabel = _ref2.ariaLabel,
+    rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
   return (
     /*#__PURE__*/
     // $FlowIssue - upgrade v0.112.0
@@ -86,7 +78,6 @@ var IconToggle = function IconToggle(_ref2) {
     }))
   );
 };
-
 Icon.Toggle = IconToggle;
-Icon.Toggle.displayName = "Icon.Toggle";
+Icon.Toggle.displayName = 'Icon.Toggle';
 export default Icon;

package/lib/Icon/styles.js

@@ -1,23 +1,21 @@
-import styled, { css } from "styled-components";
-import { COMMON } from "../utils/system-props";
-import { verticalAlign } from "styled-system";
-var sizes = {
-  mini: "12px",
 
+import styled, { css } from 'styled-components';
+import { COMMON } from '../utils/system-props';
+import { verticalAlign } from 'styled-system';
+var sizes = {
+  mini: '12px',
   /** TODO: deprecate default  in favor of small in future release */
-  default: "16px",
-  small: "16px",
-  medium: "24px",
-  large: "32px",
-  jumbo: "64px"
+  default: '16px',
+  small: '16px',
+  medium: '24px',
+  large: '32px',
+  jumbo: '64px'
 };
-
 var stylesForSize = function stylesForSize(iconSize, fixedWidth) {
   return css(["line-height:", ";&,.Icon-svg{height:", ";fill:currentColor;}", ""], iconSize, iconSize, fixedWidth && "\n    &,\n    & .Icon-svg {\n      width: " + iconSize + "\n    }\n  ");
 };
-
 var Container = styled.span.attrs({
-  className: "Icon"
+  className: 'Icon'
 }).withConfig({
   displayName: "styles__Container",
   componentId: "sc-x0vwa5-0"

package/lib/IllustrationViewBoxes.js

@@ -56,6 +56,7 @@ module.exports = {
   "mailbox-empty": "0 0 309 240",
   "mailbox-full": "0 0 352 252",
   "message": "0 0 58 44",
+  "molecule": "0 0 342 242",
   "network-data": "0 0 369 229",
   "no-messages-found": "0 0 272 211",
   "no-notifications": "0 0 281 134",

package/lib/Image/index.js

@@ -1,26 +1,17 @@
 var _excluded = ["alt", "title", "onClick", "onError", "onLoad", "src", "qa"];
-
-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); }
-
-import * as React from "react";
-import ImageContainer from "./styles";
-
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+import * as React from 'react';
+import ImageContainer from './styles';
 var Image = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Image, _React$Component);
-
   function Image() {
     var _this;
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.state = {
       didError: false,
@@ -28,7 +19,6 @@ var Image = /*#__PURE__*/function (_React$Component) {
       imageUrl: _this.props.src
     };
     _this.imageRef = void 0;
-
     _this.onError = function () {
       if (!_this.state.didError && _this.props.defaultImage) {
         _this.setState({
@@ -36,27 +26,20 @@ var Image = /*#__PURE__*/function (_React$Component) {
           imageUrl: _this.props.defaultImage
         });
       }
-
       _this.props.onError();
     };
-
     _this.onLoad = function () {
       _this.setState({
         didLoad: true
       });
-
       _this.props.onLoad();
     };
-
     _this.onClick = function () {
       _this.props.onClick();
     };
-
     return _this;
   }
-
   var _proto = Image.prototype;
-
   _proto.componentDidMount = function componentDidMount() {
     // eslint-disable-next-line react/no-did-mount-set-state
     if (this.imageRef) {
@@ -65,7 +48,6 @@ var Image = /*#__PURE__*/function (_React$Component) {
       });
     }
   };
-
   _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
     if (this.props.src !== prevProps.src) {
       this.setState({
@@ -75,20 +57,17 @@ var Image = /*#__PURE__*/function (_React$Component) {
       });
     }
   };
-
   _proto.render = function render() {
     var _this2 = this;
-
     var _this$props = this.props,
-        alt = _this$props.alt,
-        title = _this$props.title,
-        onClick = _this$props.onClick,
-        onError = _this$props.onError,
-        onLoad = _this$props.onLoad,
-        src = _this$props.src,
-        qa = _this$props.qa,
-        rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
-
+      alt = _this$props.alt,
+      title = _this$props.title,
+      onClick = _this$props.onClick,
+      onError = _this$props.onError,
+      onLoad = _this$props.onLoad,
+      src = _this$props.src,
+      qa = _this$props.qa,
+      rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
     return /*#__PURE__*/React.createElement(ImageContainer, _extends({
       isLoading: !this.state.didLoad,
       ref: function ref(img) {
@@ -100,16 +79,14 @@ var Image = /*#__PURE__*/function (_React$Component) {
       onLoad: this.onLoad,
       alt: alt,
       title: title,
-      "data-qa-image": title ? title : alt ? alt : "",
-      "data-qa-image-src": src || ""
+      "data-qa-image": title ? title : alt ? alt : '',
+      "data-qa-image-src": src || ''
     }, qa, rest));
   };
-
   return Image;
 }(React.Component);
-
 Image.defaultProps = {
-  title: "",
+  title: '',
   onError: function onError() {},
   onClick: function onClick() {},
   onLoad: function onLoad() {}

package/lib/Image/styles.js

@@ -1,8 +1,8 @@
-import styled, { css } from "styled-components";
-import { COMMON, LAYOUT } from "../utils/system-props";
-// eslint-disable-next-line prettier/prettier
+
+import styled, { css } from 'styled-components';
+import { COMMON, LAYOUT } from '../utils/system-props';
 var ImageContainer = styled.img.attrs({
-  className: "Image"
+  className: 'Image'
 }).withConfig({
   displayName: "styles__ImageContainer",
   componentId: "sc-ub2idf-0"

package/lib/Indicator/index.js

@@ -1,47 +1,35 @@
 var _excluded = ["tooltip"];
-
-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); }
-
-import * as React from "react";
-import Icon from "../Icon";
-import Container from "./styles";
-
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+import * as React from 'react';
+import Icon from '../Icon';
+import Container from './styles';
 var Indicator = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Indicator, _React$Component);
-
   function Indicator() {
     return _React$Component.apply(this, arguments) || this;
   }
-
   var _proto = Indicator.prototype;
-
   _proto.render = function render() {
     var _this$props = this.props,
-        tooltip = _this$props.tooltip,
-        rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
-
+      tooltip = _this$props.tooltip,
+      rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
     return /*#__PURE__*/React.createElement(Container, _extends({
       "data-tip": tooltip,
-      "data-qa-indicator": "",
+      "data-qa-indicator": '',
       "aria-label": tooltip,
-      tabIndex: 0 // $FlowIssue - upgrade v0.112.0
-
+      tabIndex: 0
+      // $FlowIssue - upgrade v0.112.0
     }, rest), tooltip && /*#__PURE__*/React.createElement("div", null, tooltip), /*#__PURE__*/React.createElement(Icon, {
       name: "indicator",
       size: "mini"
     }));
   };
-
   return Indicator;
 }(React.Component);
-
 Indicator.defaultProps = {
-  tooltip: ""
+  tooltip: ''
 };
 export { Indicator as default };

package/lib/Indicator/styles.js

@@ -1,8 +1,9 @@
-import styled from "styled-components";
-import { COMMON } from "../utils/system-props";
-import { visuallyHidden } from "../utils/mixins";
+
+import styled from 'styled-components';
+import { COMMON } from '../utils/system-props';
+import { visuallyHidden } from '../utils/mixins';
 var Container = styled.span.attrs({
-  className: "Indicator"
+  className: 'Indicator'
 }).withConfig({
   displayName: "styles__Container",
   componentId: "sc-1kw1j71-0"
@@ -12,7 +13,6 @@ var Container = styled.span.attrs({
   return props.theme.space[400];
 }, function (props) {
   var _props$color;
-
   return (_props$color = props.color) != null ? _props$color : props.theme.colors.icon.info;
 }, visuallyHidden, COMMON);
 export default Container;