@sproutsocial/racine 12.20.0 → 12.21.0

package/lib/Switch/styles.js

@@ -1,12 +1,13 @@
-import styled, { css } from "styled-components";
-import { COMMON } from "../utils/system-props";
-import { focusRing } from "../utils/mixins";
-import Icon from "../Icon/styles";
-// eslint-disable-next-line prettier/prettier
+
+import styled, { css } from 'styled-components';
+import { COMMON } from '../utils/system-props';
+import { focusRing } from '../utils/mixins';
+import Icon from '../Icon/styles';
+// eslint-disable-next-line flowtype/generic-spacing
 var Container = styled.button.withConfig({
   displayName: "styles__Container",
   componentId: "sc-x5lhuq-0"
-})(["position:relative;display:inline-block;width:36px;height:22px;margin:0;padding:", " ", ";vertical-align:middle;appearance:none;background-color:", ";border-radius:11px;outline:none;cursor:pointer;transition:background-color ", " ", ";border:1px solid ", ";white-space:nowrap;overflow:hidden;&::after{position:absolute;top:50%;left:0;width:14px;height:14px;background-color:", ";opacity:0.64;border-radius:50%;content:\"\";transition:transform ", " ", ";transform:translate(4px,-50%);}&:focus{", "}", " ", " ", ""], function (props) {
+})(["position:relative;display:inline-block;width:36px;height:22px;margin:0;padding:", " ", ";vertical-align:middle;appearance:none;background-color:", ";border-radius:11px;outline:none;cursor:pointer;transition:background-color ", " ", ";border:1px solid ", ";white-space:nowrap;overflow:hidden;&::after{position:absolute;top:50%;left:0;width:14px;height:14px;background-color:", ";opacity:0.64;border-radius:50%;content:'';transition:transform ", " ", ";transform:translate(4px,-50%);}&:focus{", "}", " ", " ", ""], function (props) {
   return props.theme.space[100];
 }, function (props) {
   return props.theme.space[200];
@@ -31,7 +32,7 @@ var Container = styled.button.withConfig({
     return "\n        &:hover,\n        &:focus {\n          border-color: " + props.theme.colors.form.border.base + ";\n          background-color: " + props.theme.colors.form.background.base + ";\n        }\n        &:hover {\n          &::after {\n            transform: translate(6px, -50%);\n          }\n        }\n      ";
   }
 }, function (props) {
-  return props.disabled && css(["opacity:0.4;cursor:not-allowed;&[aria-pressed=\"true\"]{&:hover,&:focus{background-color:", ";}}"], function (props) {
+  return props.disabled && css(["opacity:0.4;cursor:not-allowed;&[aria-pressed='true']{&:hover,&:focus{background-color:", ";}}"], function (props) {
     return props.theme.colors.container.background.selected;
   });
 }, COMMON);

package/lib/Table/index.js

@@ -1,54 +1,47 @@
 var _excluded = ["head", "rows", "onSort", "sortId", "sortDirection", "rowRender", "children"],
-    _excluded2 = ["children"],
-    _excluded3 = ["children"],
-    _excluded4 = ["children"];
-
+  _excluded2 = ["children"],
+  _excluded3 = ["children"],
+  _excluded4 = ["children"];
 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); }
-
-import * as React from "react";
-import TableCell from "../TableCell";
-import TableHeaderCell from "../TableHeaderCell";
-import Container from "./styles";
-
+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); }
+import * as React from 'react';
+import TableCell from '../TableCell';
+import TableHeaderCell from '../TableHeaderCell';
+import Container from './styles';
 var renderTableRow = function renderTableRow(row) {
   return /*#__PURE__*/React.createElement("tbody", {
     key: row.id,
-    "data-qa-table-row": ""
+    "data-qa-table-row": ''
   }, /*#__PURE__*/React.createElement("tr", null, row.cells.map(function (td) {
     return /*#__PURE__*/React.createElement(TableCell, _extends({}, td, {
       key: td.id
     }));
   })));
 };
+
 /**
  * The table component assist in rendering tablular data.
  */
-
-
 export var Table = function Table(_ref) {
   var _ref$head = _ref.head,
-      head = _ref$head === void 0 ? [] : _ref$head,
-      _ref$rows = _ref.rows,
-      rows = _ref$rows === void 0 ? [] : _ref$rows,
-      onSort = _ref.onSort,
-      sortId = _ref.sortId,
-      sortDirection = _ref.sortDirection,
-      rowRender = _ref.rowRender,
-      children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    head = _ref$head === void 0 ? [] : _ref$head,
+    _ref$rows = _ref.rows,
+    rows = _ref$rows === void 0 ? [] : _ref$rows,
+    onSort = _ref.onSort,
+    sortId = _ref.sortId,
+    sortDirection = _ref.sortDirection,
+    rowRender = _ref.rowRender,
+    children = _ref.children,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   if (children) {
     return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
-      "data-qa-table": ""
+      "data-qa-table": ''
     }), children);
   }
-
   return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
-    "data-qa-table": ""
+    "data-qa-table": ''
   }), head.length > 0 && /*#__PURE__*/React.createElement("thead", {
-    "data-qa-table-header": ""
+    "data-qa-table-header": ''
   }, /*#__PURE__*/React.createElement("tr", null, head.map(function (th) {
     return /*#__PURE__*/React.createElement(TableHeaderCell, _extends({}, th, {
       key: th.id,
@@ -62,20 +55,17 @@ export var Table = function Table(_ref) {
 };
 export var TableHead = function TableHead(_ref2) {
   var children = _ref2.children,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
   return /*#__PURE__*/React.createElement("thead", props, children);
 };
 export var TableBody = function TableBody(_ref3) {
   var children = _ref3.children,
-      props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
-
+    props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
   return /*#__PURE__*/React.createElement("tbody", props, children);
 };
 export var TableRow = function TableRow(_ref4) {
   var children = _ref4.children,
-      props = _objectWithoutPropertiesLoose(_ref4, _excluded4);
-
+    props = _objectWithoutPropertiesLoose(_ref4, _excluded4);
   return /*#__PURE__*/React.createElement("tr", props, children);
 };
 Table.TableHead = TableHead;
@@ -83,9 +73,9 @@ Table.TableBody = TableBody;
 Table.TableRow = TableRow;
 Table.HeaderCell = TableHeaderCell;
 Table.Cell = TableCell;
-Table.TableHead.displayName = "Table.TableHead";
-Table.TableBody.displayName = "Table.TableBody";
-Table.TableRow.displayName = "Table.TableRow";
-Table.HeaderCell.displayName = "Table.HeaderCell";
-Table.Cell.displayName = "Table.Cell";
+Table.TableHead.displayName = 'Table.TableHead';
+Table.TableBody.displayName = 'Table.TableBody';
+Table.TableRow.displayName = 'Table.TableRow';
+Table.HeaderCell.displayName = 'Table.HeaderCell';
+Table.Cell.displayName = 'Table.Cell';
 export default Table;

package/lib/Table/styles.js

@@ -1,5 +1,6 @@
-import styled from "styled-components";
-import { COMMON } from "../utils/system-props";
+
+import styled from 'styled-components';
+import { COMMON } from '../utils/system-props';
 var Container = styled.table.withConfig({
   displayName: "styles__Container",
   componentId: "sc-1t7lqra-0"

package/lib/TableCell/index.js

@@ -1,48 +1,35 @@
 var _excluded = ["id", "content", "colSpan", "width", "align", "children"];
-
-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 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 Container from './styles';
 /**
  * The table cell component is for rendering table cells and is meant to be used with the table component.
- */
-var TableCell = /*#__PURE__*/function (_React$Component) {
+ */var TableCell = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(TableCell, _React$Component);
-
   function TableCell() {
     return _React$Component.apply(this, arguments) || this;
   }
-
   var _proto = TableCell.prototype;
-
   _proto.render = function render() {
     var _this$props = this.props,
-        id = _this$props.id,
-        content = _this$props.content,
-        colSpan = _this$props.colSpan,
-        width = _this$props.width,
-        align = _this$props.align,
-        children = _this$props.children,
-        rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
-
+      id = _this$props.id,
+      content = _this$props.content,
+      colSpan = _this$props.colSpan,
+      width = _this$props.width,
+      align = _this$props.align,
+      children = _this$props.children,
+      rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
     return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
-      alignment: align || "left",
+      alignment: align || 'left',
       key: id,
       colSpan: colSpan,
       width: width,
-      "data-qa-table-cell": ""
+      "data-qa-table-cell": ''
     }), children || content);
   };
-
   return TableCell;
 }(React.Component);
-
 export { TableCell as default };

package/lib/TableCell/styles.js

@@ -1,6 +1,6 @@
-import styled from "styled-components";
-import { COMMON } from "../utils/system-props";
-// eslint-disable-next-line prettier/prettier
+
+import styled from 'styled-components';
+import { COMMON } from '../utils/system-props';
 var Container = styled.td.withConfig({
   displayName: "styles__Container",
   componentId: "sc-1qz6p6y-0"

package/lib/TableHeaderCell/index.js

@@ -1,103 +1,81 @@
 var _excluded = ["id", "content", "colSpan", "width", "align", "isSortable", "shouldTruncate", "onSort", "sortId", "sortDirection", "children", "onClick"];
-
-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 Container, { SortIcon } from "./styles";
-import Icon from "../Icon/";
+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 Container, { SortIcon } from './styles';
+import Icon from '../Icon/';
 export var SORT_DIRECTIONS = {
-  ASC: "ASC",
-  DESC: "DESC"
+  ASC: 'ASC',
+  DESC: 'DESC'
 };
-
 /**
  * The table header cell component is for rendering table header cells and is meant to be used with the table component.
- */
-var TableHeaderCell = /*#__PURE__*/function (_React$Component) {
+ */var TableHeaderCell = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(TableHeaderCell, _React$Component);
-
   function TableHeaderCell() {
     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.getSortIcon = function (isSorted) {
       var sortDirection = _this.props.sortDirection;
-      var iconName = "chevron-up-down-filled";
-
+      var iconName = 'chevron-up-down-filled';
       if (isSorted && sortDirection === SORT_DIRECTIONS.ASC) {
-        iconName = "chevron-up-filled";
+        iconName = 'chevron-up-filled';
       } else if (isSorted && sortDirection === SORT_DIRECTIONS.DESC) {
-        iconName = "chevron-down-filled";
+        iconName = 'chevron-down-filled';
       }
-
       return /*#__PURE__*/React.createElement(SortIcon, null, /*#__PURE__*/React.createElement(Icon, {
         size: "mini",
         name: iconName
       }));
     };
-
     _this.handleClick = function (e) {
       var _this$props = _this.props,
-          onClick = _this$props.onClick,
-          onSort = _this$props.onSort,
-          isSortable = _this$props.isSortable,
-          id = _this$props.id;
-
+        onClick = _this$props.onClick,
+        onSort = _this$props.onSort,
+        isSortable = _this$props.isSortable,
+        id = _this$props.id;
       if (onClick) {
         onClick(e);
         return;
       }
-
       if (!isSortable || !onSort) return;
       onSort(id);
     };
-
     return _this;
   }
-
   var _proto = TableHeaderCell.prototype;
-
   _proto.render = function render() {
     var _this$props2 = this.props,
-        id = _this$props2.id,
-        content = _this$props2.content,
-        colSpan = _this$props2.colSpan,
-        width = _this$props2.width,
-        align = _this$props2.align,
-        isSortable = _this$props2.isSortable,
-        shouldTruncate = _this$props2.shouldTruncate,
-        onSort = _this$props2.onSort,
-        sortId = _this$props2.sortId,
-        sortDirection = _this$props2.sortDirection,
-        children = _this$props2.children,
-        onClick = _this$props2.onClick,
-        rest = _objectWithoutPropertiesLoose(_this$props2, _excluded);
-
+      id = _this$props2.id,
+      content = _this$props2.content,
+      colSpan = _this$props2.colSpan,
+      width = _this$props2.width,
+      align = _this$props2.align,
+      isSortable = _this$props2.isSortable,
+      shouldTruncate = _this$props2.shouldTruncate,
+      onSort = _this$props2.onSort,
+      sortId = _this$props2.sortId,
+      sortDirection = _this$props2.sortDirection,
+      children = _this$props2.children,
+      onClick = _this$props2.onClick,
+      rest = _objectWithoutPropertiesLoose(_this$props2, _excluded);
     return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
       key: id,
-      alignment: align || "left",
+      alignment: align || 'left',
       sortable: isSortable,
       colSpan: colSpan,
       width: width,
       onClick: this.handleClick,
       "data-tableheadercell-sortable": isSortable,
-      "data-qa-table-header-cell": "",
+      "data-qa-table-header-cell": '',
       "data-qa-table-header-cell-sortdirection": sortDirection
     }), children || content, isSortable && !children && this.getSortIcon(id === sortId));
   };
-
   return TableHeaderCell;
 }(React.Component);
-
 export { TableHeaderCell as default };

package/lib/TableHeaderCell/styles.js

@@ -1,5 +1,6 @@
-import styled, { css } from "styled-components";
-import { COMMON } from "../utils/system-props";
+
+import styled, { css } from 'styled-components';
+import { COMMON } from '../utils/system-props';
 var Container = styled.th.withConfig({
   displayName: "styles__Container",
   componentId: "sc-1cj640a-0"

package/lib/TableRowAccordion/index.js

@@ -1,58 +1,42 @@
 var _excluded = ["id", "cells", "detail", "onToggle", "isExpanded"];
-
-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 Container, { Detail, Trigger } from "./styles";
-import Icon from "../Icon";
-import TableCell from "../TableCell";
-
+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 Container, { Detail, Trigger } from './styles';
+import Icon from '../Icon';
+import TableCell from '../TableCell';
 /**
  * The table row accordion component allows for rendering a row of tabular data along with a addtional content to be rendered inside of an accordion drawer. This component is meant to be used with the table components rowRender mentod.
- */
-var TableRowAccordion = /*#__PURE__*/function (_React$Component) {
+ */var TableRowAccordion = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(TableRowAccordion, _React$Component);
-
   function TableRowAccordion() {
     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.handleToggle = function (e) {
       var _this$props = _this.props,
-          onToggle = _this$props.onToggle,
-          id = _this$props.id;
+        onToggle = _this$props.onToggle,
+        id = _this$props.id;
       e.stopPropagation();
-
       if (onToggle) {
         onToggle(id);
       }
     };
-
     return _this;
   }
-
   var _proto = TableRowAccordion.prototype;
-
   _proto.render = function render() {
     var _this$props2 = this.props,
-        id = _this$props2.id,
-        cells = _this$props2.cells,
-        detail = _this$props2.detail,
-        onToggle = _this$props2.onToggle,
-        isExpanded = _this$props2.isExpanded,
-        rest = _objectWithoutPropertiesLoose(_this$props2, _excluded);
-
+      id = _this$props2.id,
+      cells = _this$props2.cells,
+      detail = _this$props2.detail,
+      onToggle = _this$props2.onToggle,
+      isExpanded = _this$props2.isExpanded,
+      rest = _objectWithoutPropertiesLoose(_this$props2, _excluded);
     return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
       "data-qa-table-row-accordion": isExpanded,
       key: id
@@ -70,7 +54,7 @@ var TableRowAccordion = /*#__PURE__*/function (_React$Component) {
         onClick: this.handleToggle,
         role: "button"
       }, /*#__PURE__*/React.createElement(Icon, {
-        name: isExpanded ? "chevron-up" : "chevron-down"
+        name: isExpanded ? 'chevron-up' : 'chevron-down'
       }))
     })), /*#__PURE__*/React.createElement(Detail, {
       isExpanded: isExpanded,
@@ -81,8 +65,6 @@ var TableRowAccordion = /*#__PURE__*/function (_React$Component) {
       content: detail
     })));
   };
-
   return TableRowAccordion;
 }(React.Component);
-
 export { TableRowAccordion as default };

package/lib/TableRowAccordion/styles.js

@@ -1,12 +1,14 @@
-import styled, { css } from "styled-components";
-import { COMMON } from "../utils/system-props";
+
+import styled, { css } from 'styled-components';
+import { COMMON } from '../utils/system-props';
 var Container = styled.tbody.withConfig({
   displayName: "styles__Container",
   componentId: "sc-17hu4uw-0"
 })(["border-bottom:1px solid ", ";", ""], function (props) {
   return props.theme.colors.container.border.base;
-}, COMMON); // eslint-disable-next-line prettier/prettier
+}, COMMON);
 
+// eslint-disable-next-line flowtype/generic-spacing
 export var Detail = styled.tr.withConfig({
   displayName: "styles__Detail",
   componentId: "sc-17hu4uw-1"