@sproutsocial/racine 12.20.0 → 12.21.1

package/lib/Message/index.js

@@ -1,61 +1,51 @@
 var _excluded = ["children", "density", "borderColor", "bg", "indentContent", "innerRef", "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; }
-
-import * as React from "react";
-import Container, { MessageBody, MessageFooter, MessageHeader, MessageMeta } from "./styles";
-import Checkbox from "../Checkbox";
-import Button from "../Button";
-import Avatar from "../Avatar";
+import * as React from 'react';
+import Container, { MessageBody, MessageFooter, MessageHeader, MessageMeta } from './styles';
+import Checkbox from '../Checkbox';
+import Button from '../Button';
+import Avatar from '../Avatar';
 var MESSAGE_DENSITIES = {
-  COMPACT: "compact",
+  COMPACT: 'compact',
   // Compact is deprecated. New applications should use condensed instead.
-  CONDENSED: "condensed",
-  SMALL: "small",
-  LARGE: "large"
+  CONDENSED: 'condensed',
+  SMALL: 'small',
+  LARGE: 'large'
 };
-
 var avatarSizeMap = function avatarSizeMap(density) {
   switch (density) {
     case MESSAGE_DENSITIES.LARGE:
-      return "40px";
-
+      return '40px';
     case MESSAGE_DENSITIES.COMPACT:
-      return "20px";
-
+      return '20px';
     case MESSAGE_DENSITIES.CONDENSED:
-      return "24px";
-
+      return '24px';
     case MESSAGE_DENSITIES.SMALL:
     default:
-      return "32px";
+      return '32px';
   }
 };
-
 // $FlowIssue Upgrade 0.111.1
 var MessageContext = /*#__PURE__*/React.createContext({
   density: MESSAGE_DENSITIES.SMALL,
-  borderColor: "container.border.base",
-  bg: "container.background.base",
+  borderColor: 'container.border.base',
+  bg: 'container.background.base',
   indentContent: true
 });
-
 var Message = function Message(_ref) {
   var children = _ref.children,
-      _ref$density = _ref.density,
-      density = _ref$density === void 0 ? MESSAGE_DENSITIES.SMALL : _ref$density,
-      _ref$borderColor = _ref.borderColor,
-      borderColor = _ref$borderColor === void 0 ? "container.border.base" : _ref$borderColor,
-      _ref$bg = _ref.bg,
-      bg = _ref$bg === void 0 ? "container.background.base" : _ref$bg,
-      _ref$indentContent = _ref.indentContent,
-      indentContent = _ref$indentContent === void 0 ? true : _ref$indentContent,
-      innerRef = _ref.innerRef,
-      qa = _ref.qa,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    _ref$density = _ref.density,
+    density = _ref$density === void 0 ? MESSAGE_DENSITIES.SMALL : _ref$density,
+    _ref$borderColor = _ref.borderColor,
+    borderColor = _ref$borderColor === void 0 ? 'container.border.base' : _ref$borderColor,
+    _ref$bg = _ref.bg,
+    bg = _ref$bg === void 0 ? 'container.background.base' : _ref$bg,
+    _ref$indentContent = _ref.indentContent,
+    indentContent = _ref$indentContent === void 0 ? true : _ref$indentContent,
+    innerRef = _ref.innerRef,
+    qa = _ref.qa,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(MessageContext.Provider, {
     value: {
       density: density,
@@ -69,12 +59,11 @@ var Message = function Message(_ref) {
     tabIndex: 0
   }, qa, rest), children));
 };
-
 Message.Body = function (props) {
   return /*#__PURE__*/React.createElement(MessageContext.Consumer, null, function (_ref2) {
     var density = _ref2.density,
-        borderColor = _ref2.borderColor,
-        indentContent = _ref2.indentContent;
+      borderColor = _ref2.borderColor,
+      indentContent = _ref2.indentContent;
     return /*#__PURE__*/React.createElement(MessageBody, _extends({
       "data-qa-message-body": true,
       density: density,
@@ -83,27 +72,23 @@ Message.Body = function (props) {
     }, props));
   });
 };
-
-Message.Body.displayName = "Message.Body";
-
+Message.Body.displayName = 'Message.Body';
 Message.Header = function (props) {
   return /*#__PURE__*/React.createElement(MessageContext.Consumer, null, function (_ref3) {
     var density = _ref3.density,
-        borderColor = _ref3.borderColor;
+      borderColor = _ref3.borderColor;
     return /*#__PURE__*/React.createElement(MessageHeader, _extends({
       density: density,
       borderColor: borderColor
     }, props));
   });
 };
-
-Message.Header.displayName = "Message.Header";
-
+Message.Header.displayName = 'Message.Header';
 Message.Footer = function (props) {
   return /*#__PURE__*/React.createElement(MessageContext.Consumer, null, function (_ref4) {
     var density = _ref4.density,
-        borderColor = _ref4.borderColor,
-        indentContent = _ref4.indentContent;
+      borderColor = _ref4.borderColor,
+      indentContent = _ref4.indentContent;
     return /*#__PURE__*/React.createElement(MessageFooter, _extends({
       density: density,
       borderColor: borderColor,
@@ -111,14 +96,12 @@ Message.Footer = function (props) {
     }, props));
   });
 };
-
-Message.Footer.displayName = "Message.Footer";
-
+Message.Footer.displayName = 'Message.Footer';
 Message.Meta = function (props) {
   return /*#__PURE__*/React.createElement(MessageContext.Consumer, null, function (_ref5) {
     var density = _ref5.density,
-        borderColor = _ref5.borderColor,
-        indentContent = _ref5.indentContent;
+      borderColor = _ref5.borderColor,
+      indentContent = _ref5.indentContent;
     return /*#__PURE__*/React.createElement(MessageMeta, _extends({
       density: density,
       borderColor: borderColor,
@@ -126,17 +109,13 @@ Message.Meta = function (props) {
     }, props));
   });
 };
-
-Message.Meta.displayName = "Message.Meta";
-
+Message.Meta.displayName = 'Message.Meta';
 Message.Button = function (props) {
   return /*#__PURE__*/React.createElement(Button, _extends({}, props, {
-    appearance: props.appearance || "pill"
+    appearance: props.appearance || 'pill'
   }));
 };
-
-Message.Button.displayName = "Message.Button";
-
+Message.Button.displayName = 'Message.Button';
 Message.Avatar = function (props) {
   return /*#__PURE__*/React.createElement(MessageContext.Consumer, null, function (_ref6) {
     var density = _ref6.density;
@@ -145,9 +124,7 @@ Message.Avatar = function (props) {
     }, props));
   });
 };
-
-Message.Avatar.displayName = "Message.Avatar";
-
+Message.Avatar.displayName = 'Message.Avatar';
 Message.Checkbox = function (props) {
   return /*#__PURE__*/React.createElement(MessageContext.Consumer, null, function (_ref7) {
     var density = _ref7.density;
@@ -161,8 +138,7 @@ Message.Checkbox = function (props) {
     );
   });
 };
-
-Message.Checkbox.displayName = "Message.Checkbox";
+Message.Checkbox.displayName = 'Message.Checkbox';
 Message.Context = MessageContext;
 Message.DENSITIES = MESSAGE_DENSITIES;
 export default Message;

package/lib/Message/styles.js

@@ -1,8 +1,9 @@
-import { memo } from "react";
-import styled from "styled-components";
-import Box from "../Box";
-import { focusRing } from "../utils/mixins";
-import Message from "../Message";
+
+import { memo } from 'react';
+import styled from 'styled-components';
+import Box from '../Box';
+import { focusRing } from '../utils/mixins';
+import Message from '../Message';
 var Container = styled(Box).withConfig({
   displayName: "styles__Container",
   componentId: "sc-1ju6d1v-0"
@@ -13,8 +14,9 @@ var Container = styled(Box).withConfig({
 }, function (props) {
   return props.theme.colors[props.bg];
 }, focusRing);
-Container.displayName = "Message.Container"; // $FlowIssue Upgrade 0.111.1
+Container.displayName = 'Message.Container';
 
+// $FlowIssue Upgrade 0.111.1
 export var MessageHeader = /*#__PURE__*/memo(styled(Box).withConfig({
   displayName: "styles__MessageHeader",
   componentId: "sc-1ju6d1v-1"
@@ -29,55 +31,45 @@ export var MessageHeader = /*#__PURE__*/memo(styled(Box).withConfig({
 }, function (props) {
   return props.theme.typography[200];
 }));
-
 var getContentPadding = function getContentPadding(props) {
   if (!props.indentContent) {
     return props.theme.space[400];
   }
-
   switch (props.density) {
     case Message.DENSITIES.LARGE:
       {
         // 40 px avatar + 8px(message.header) + 16px(mr)
-        return "64px";
+        return '64px';
       }
-
     case Message.DENSITIES.COMPACT:
       {
         // 20px avatar plus space.300 margin plus space.400 margin
-        return "40px";
+        return '40px';
       }
-
     case Message.DENSITIES.CONDENSED:
       {
         // 24px avatar plus space.200 margin plus space.350 margin
-        return "40px";
+        return '40px';
       }
-
     case Message.DENSITIES.SMALL:
     default:
       {
         // 32px avatar plus space.300 margin plus space.400 margin
-        return "56px";
+        return '56px';
       }
   }
 };
-
 var messagePadding = function messagePadding(_ref) {
   var density = _ref.density,
-      theme = _ref.theme;
-
+    theme = _ref.theme;
   if (density === Message.DENSITIES.CONDENSED) {
     return 0;
   }
-
   if (density === Message.DENSITIES.COMPACT) {
     return theme.space[300];
   }
-
   return theme.space[400];
 };
-
 export var MessageBody = styled(Box).withConfig({
   displayName: "styles__MessageBody",
   componentId: "sc-1ju6d1v-2"
@@ -102,7 +94,7 @@ export var MessageFooter = styled(Box).withConfig({
 }, function (props) {
   return props.theme.radii.outer;
 }, function (props) {
-  return props.density === Message.DENSITIES.CONDENSED ? "nowrap" : "wrap";
+  return props.density === Message.DENSITIES.CONDENSED ? 'nowrap' : 'wrap';
 }, function (props) {
   return props.theme.space[350];
 });
@@ -126,7 +118,7 @@ export var MessageMeta = styled(Box).withConfig({
 }, function (props) {
   return getContentPadding(props);
 }, function (props) {
-  return props.onClick ? "pointer" : "default";
+  return props.onClick ? 'pointer' : 'default';
 }, function (props) {
   return props.theme.colors.text.subtext;
 }, focusRing);

package/lib/Modal/index.js

@@ -1,27 +1,22 @@
 var _excluded = ["title", "subtitle", "children", "bordered"],
-    _excluded2 = ["children"],
-    _excluded3 = ["appElementSelector", "children", "isOpen", "label", "onClose", "closeButtonLabel", "width", "zIndex"];
-
-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 = ["children"],
+  _excluded3 = ["appElementSelector", "children", "isOpen", "label", "onClose", "closeButtonLabel", "width", "zIndex"];
+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 { useContext } from "react";
-import Box from "../Box";
-import Icon from "../Icon";
-import Button from "../Button";
-import Text from "../Text";
-import { Container, Content, Header, Footer, Body } from "./styles";
+import * as React from 'react';
+import { useContext } from 'react';
+import Box from '../Box';
+import Icon from '../Icon';
+import Button from '../Button';
+import Text from '../Text';
+import { Container, Content, Header, Footer, Body } from './styles';
 var ModalContext = /*#__PURE__*/React.createContext({});
-
 var ModalHeader = function ModalHeader(props) {
   var title = props.title,
-      subtitle = props.subtitle,
-      children = props.children,
-      bordered = props.bordered,
-      rest = _objectWithoutPropertiesLoose(props, _excluded);
-
+    subtitle = props.subtitle,
+    children = props.children,
+    bordered = props.bordered,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   return (
     /*#__PURE__*/
     // $FlowIssue - upgrade v0.112.0
@@ -43,12 +38,10 @@ var ModalHeader = function ModalHeader(props) {
     }))))
   );
 };
-
 var ModalCloseButton = function ModalCloseButton(props) {
   var _useContext = useContext(ModalContext),
-      onClose = _useContext.onClose,
-      closeButtonLabel = _useContext.closeButtonLabel;
-
+    onClose = _useContext.onClose,
+    closeButtonLabel = _useContext.closeButtonLabel;
   if (!onClose) return null;
   return /*#__PURE__*/React.createElement(Button, _extends({
     onClick: onClose
@@ -57,7 +50,6 @@ var ModalCloseButton = function ModalCloseButton(props) {
     ariaLabel: closeButtonLabel
   }));
 };
-
 var ModalFooter = function ModalFooter(props) {
   return (
     /*#__PURE__*/
@@ -68,39 +60,35 @@ var ModalFooter = function ModalFooter(props) {
     }, props))
   );
 };
-
 ModalFooter.defaultProps = {
-  bg: "container.background.base"
+  bg: 'container.background.base'
 };
-var ModalContent = /*#__PURE__*/React.forwardRef( // $FlowIssue - upgrade v0.112.0
+var ModalContent = /*#__PURE__*/React.forwardRef(
+// $FlowIssue - upgrade v0.112.0
 function (_ref, ref) {
   var children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded2);
-
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded2);
   var _useContext2 = useContext(ModalContext),
-      label = _useContext2.label;
-
+    label = _useContext2.label;
   return /*#__PURE__*/React.createElement(Content, _extends({
     "data-qa-modal": true,
     "data-qa-label": label,
     ref: ref
   }, rest), children);
 });
-
 /**
  * The modal you want
  */
 var Modal = function Modal(props) {
   var appElementSelector = props.appElementSelector,
-      children = props.children,
-      isOpen = props.isOpen,
-      label = props.label,
-      onClose = props.onClose,
-      closeButtonLabel = props.closeButtonLabel,
-      width = props.width,
-      zIndex = props.zIndex,
-      rest = _objectWithoutPropertiesLoose(props, _excluded3);
-
+    children = props.children,
+    isOpen = props.isOpen,
+    label = props.label,
+    onClose = props.onClose,
+    closeButtonLabel = props.closeButtonLabel,
+    width = props.width,
+    zIndex = props.zIndex,
+    rest = _objectWithoutPropertiesLoose(props, _excluded3);
   var isCloseable = Boolean(onClose);
   var appElement = appElementSelector && document ? document.querySelector(appElementSelector) : null;
   return /*#__PURE__*/React.createElement(Container, _extends({
@@ -118,10 +106,10 @@ var Modal = function Modal(props) {
     width: width,
     zIndex: zIndex,
     data: {
-      "qa-modal": "",
-      "qa-modal-isopen": isOpen
-    } // $FlowIssue - upgrade v0.112.0
-
+      'qa-modal': '',
+      'qa-modal-isopen': isOpen
+    }
+    // $FlowIssue - upgrade v0.112.0
   }, rest), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Body, null), /*#__PURE__*/React.createElement(ModalContext.Provider, {
     value: {
       onClose: onClose,
@@ -130,17 +118,16 @@ var Modal = function Modal(props) {
     }
   }, children)));
 };
-
 Modal.Header = ModalHeader;
 Modal.Footer = ModalFooter;
 Modal.Content = ModalContent;
 Modal.CloseButton = ModalCloseButton;
-Modal.Header.displayName = "Modal.Header";
-Modal.Footer.displayName = "Modal.Footer";
-Modal.Content.displayName = "Modal.Content";
-Modal.CloseButton.displayName = "Modal.CloseButton";
+Modal.Header.displayName = 'Modal.Header';
+Modal.Footer.displayName = 'Modal.Footer';
+Modal.Content.displayName = 'Modal.Content';
+Modal.CloseButton.displayName = 'Modal.CloseButton';
 Modal.defaultProps = {
-  width: "800px",
+  width: '800px',
   zIndex: 6
 };
 export default Modal;

package/lib/Modal/styles.js

@@ -1,41 +1,34 @@
 var _excluded = ["className"];
-
-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; }
-
-import React from "react";
-import styled, { createGlobalStyle } from "styled-components";
-import { width, zIndex } from "styled-system";
-import ReactModal from "react-modal";
-import Box from "../Box";
-import { COMMON } from "../utils/system-props";
+import React from 'react';
+import styled, { createGlobalStyle } from 'styled-components';
+import { width, zIndex } from 'styled-system';
+import ReactModal from 'react-modal';
+import Box from '../Box';
+import { COMMON } from '../utils/system-props';
 // This is the max space allowed between the modal and the edge of the browser
-var BODY_PADDING = "64px";
-
+var BODY_PADDING = '64px';
 function ReactModalAdapter(_ref) {
   var className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   // We want to create *__Content and *__Overlay class names on the subcomponents.
   // Because `className` could be a space-separated list of class names, we make
   // sure that we append `__Content` and `__Overlay` to every class name.
-  var contentClassName = (className || "").split(" ").map(function (className) {
+  var contentClassName = (className || '').split(' ').map(function (className) {
     return className + " " + className + "__Content";
-  }).join(" ");
-  var overlayClassName = (className || "").split(" ").map(function (className) {
+  }).join(' ');
+  var overlayClassName = (className || '').split(' ').map(function (className) {
     return className + " " + className + "__Overlay";
-  }).join(" ");
+  }).join(' ');
   return /*#__PURE__*/React.createElement(ReactModal, _extends({
     portalClassName: className,
     className: contentClassName,
-    overlayClassName: overlayClassName // $FlowIssue
-
+    overlayClassName: overlayClassName
+    // $FlowIssue
   }, props));
 }
-
-export var Body = createGlobalStyle([".ReactModal__Body--open{overflow:hidden;}"]); // eslint-disable-next-line prettier/prettier
-
+export var Body = createGlobalStyle([".ReactModal__Body--open{overflow:hidden;}"]);
 export var Container = styled(ReactModalAdapter).withConfig({
   displayName: "styles__Container",
   componentId: "sc-9lom4g-0"
@@ -63,8 +56,7 @@ export var Content = styled(Box).withConfig({
   return props.theme.space[400];
 }, function (props) {
   return props.theme.space[450];
-}); // eslint-disable-next-line prettier/prettier
-
+});
 export var HeaderContainer = styled(Box).withConfig({
   displayName: "styles__HeaderContainer",
   componentId: "sc-9lom4g-2"
@@ -74,15 +66,14 @@ export var HeaderContainer = styled(Box).withConfig({
   return props.theme.space[400];
 }, function (props) {
   return props.theme.space[450];
-}); // eslint-disable-next-line prettier/prettier
-
+});
 export var Header = styled(HeaderContainer).withConfig({
   displayName: "styles__Header",
   componentId: "sc-9lom4g-3"
 })(["display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;border-bottom-width:", ";border-bottom-color:", ";border-bottom-style:solid;"], function (props) {
   return props.theme.borderWidths[500];
 }, function (props) {
-  return props.bordered ? props.theme.colors.container.border.base : "transparent";
+  return props.bordered ? props.theme.colors.container.border.base : 'transparent';
 });
 export var Footer = styled(Box).withConfig({
   displayName: "styles__Footer",
@@ -98,7 +89,7 @@ export var Footer = styled(Box).withConfig({
 }, function (props) {
   return props.theme.radii[500];
 });
-Container.displayName = "ModalContainer";
-Content.displayName = "Content";
-Header.displayName = "Modal.Header";
-Footer.displayName = "Modal.Footer";
+Container.displayName = 'ModalContainer';
+Content.displayName = 'Content';
+Header.displayName = 'Modal.Header';
+Footer.displayName = 'Modal.Footer';