@sproutsocial/racine 13.0.2 → 13.1.1

package/dist/logoList.js

@@ -1 +1 @@
-module.exports = ["bigcommerce-dark","bigcommerce-lockup-dark","bigcommerce-lockup","bigcommerce","bitly-dark","bitly","canva-dark","canva","dropbox-dark","dropbox-lockup-dark","dropbox-lockup","dropbox-wordmark-dark","dropbox-wordmark","dropbox","facebook-audience-network-dark","facebook-audience-network","facebook-dark","facebook-groups-dark","facebook-groups","facebook-shops-dark","facebook-shops","facebook","feedly-dark","feedly","glassdoor-dark","glassdoor","google-analytics-dark","google-analytics","google-business-messages-dark","google-business-messages","google-drive-dark","google-drive","google-my-business-dark","google-my-business","hubspot-dark","hubspot","instagram-dark","instagram","linkedin-audience-network-dark","linkedin-audience-network","linkedin-dark","linkedin","marketo-dark","marketo","messenger-dark","messenger","microsoft-dynamics-dark","microsoft-dynamics","pinterest-dark","pinterest","reddit-dark","reddit","salesforce-dark","salesforce","shopify-dark","shopify","slack-dark","slack","sproutsocial-dark","sproutsocial-lockup-dark","sproutsocial-lockup","sproutsocial-wordmark-dark","sproutsocial-wordmark","sproutsocial","tiktok-dark","tiktok","tripadvisor-dark","tripadvisor","tumblr-dark","tumblr","twitter-audience-network-dark","twitter-audience-network","twitter-dark","twitter","whatsapp-dark","whatsapp","woocommerce-dark","woocommerce","yelp-dark","yelp","youtube-dark","youtube","zendesk-dark","zendesk-lockup-dark","zendesk-lockup","zendesk-wordmark-dark","zendesk-wordmark","zendesk"];
+module.exports = ["apple-app-store-dark","apple-app-store","bigcommerce-dark","bigcommerce-lockup-dark","bigcommerce-lockup","bigcommerce","bitly-dark","bitly","canva-dark","canva","dropbox-dark","dropbox-lockup-dark","dropbox-lockup","dropbox-wordmark-dark","dropbox-wordmark","dropbox","facebook-audience-network-dark","facebook-audience-network","facebook-dark","facebook-groups-dark","facebook-groups","facebook-shops-dark","facebook-shops","facebook","feedly-dark","feedly","glassdoor-dark","glassdoor","google-analytics-dark","google-analytics","google-business-messages-dark","google-business-messages","google-drive-dark","google-drive","google-my-business-dark","google-my-business","google-play-store-dark","google-play-store","hubspot-dark","hubspot","instagram-dark","instagram","linkedin-audience-network-dark","linkedin-audience-network","linkedin-dark","linkedin","marketo-dark","marketo","messenger-dark","messenger","microsoft-dynamics-dark","microsoft-dynamics","pinterest-dark","pinterest","reddit-dark","reddit","salesforce-dark","salesforce","shopify-dark","shopify","slack-dark","slack","sproutsocial-dark","sproutsocial-lockup-dark","sproutsocial-lockup","sproutsocial-wordmark-dark","sproutsocial-wordmark","sproutsocial","tiktok-dark","tiktok","tripadvisor-dark","tripadvisor","tumblr-dark","tumblr","twitter-audience-network-dark","twitter-audience-network","twitter-dark","twitter","whatsapp-dark","whatsapp","woocommerce-dark","woocommerce","yelp-dark","yelp","youtube-dark","youtube","zendesk-dark","zendesk-lockup-dark","zendesk-lockup","zendesk-wordmark-dark","zendesk-wordmark","zendesk"];

package/lib/IconViewBoxes.js

@@ -158,6 +158,7 @@ module.exports = {
   "full-access": "0 0 16 16",
   "gear": "0 0 16 16",
   "gears": "0 0 16 16",
+  "github": "0 0 18 18",
   "glassdoor": "0 0 16 16",
   "glasses": "0 0 18 14",
   "globe": "0 0 16 16",
@@ -295,6 +296,8 @@ module.exports = {
   "saved-reply-outline": "0 0 16 12",
   "saved-reply": "0 0 16 12",
   "search": "0 0 16 16",
+  "send-again-outline": "0 0 18 18",
+  "send-again": "0 0 18 18",
   "sent-message-outline": "0 0 16 14",
   "sent-message": "0 0 16 14",
   "share": "0 0 16 14",

package/lib/LogoViewBoxes.js

@@ -1,4 +1,6 @@
 module.exports = {
+  "apple-app-store-dark": "0 0 140 140",
+  "apple-app-store": "0 0 140 140",
   "bigcommerce-dark": "0 0 140 140",
   "bigcommerce-lockup-dark": "0 0 291 66",
   "bigcommerce-lockup": "0 0 291 66",
@@ -33,6 +35,8 @@ module.exports = {
   "google-drive": "0 0 140 126",
   "google-my-business-dark": "0 0 140 123",
   "google-my-business": "0 0 140 123",
+  "google-play-store-dark": "0 0 140 155",
+  "google-play-store": "0 0 140 155",
   "hubspot-dark": "0 0 140 156",
   "hubspot": "0 0 140 156",
   "instagram-dark": "0 0 140 140",

package/lib/Numeral/tests/testNumeral.js

@@ -7,9 +7,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 /* eslint-env jest, node */
-import 'jest-styled-components';
 import React from 'react';
-import { render, fireEvent } from "../../utils/react-testing-library";
+import { render, fireEvent, screen } from "../../utils/react-testing-library";
 import { Numeral } from "../..";
 jest.mock("../constants", function () {
   return _objectSpread(_objectSpread({}, jest.requireActual("../constants")), {}, {
@@ -24,24 +23,24 @@ var testNumeral = function testNumeral(value) {
     tooltipText = texts.tip;
   if (tooltipText) {
     test("Should display  ".concat(value, "  abbreviated as -> ").concat(mainText, "  with tooltip -> ").concat(tooltipText, "  "), /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var _render, container, findByText, getByText, numeral, tooltip, content;
+      var _render, container, numeral, tooltip, content;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
               _render = render( /*#__PURE__*/React.createElement(Numeral, _extends({
                 number: value
-              }, options))), container = _render.container, findByText = _render.findByText, getByText = _render.getByText;
-              numeral = getByText(mainText);
+              }, options))), container = _render.container;
+              numeral = screen.getByText(mainText);
               tooltip = container.querySelector('[data-qa-tooltip]');
               fireEvent.mouseOver(numeral);
               _context.next = 6;
-              return findByText(tooltipText);
+              return screen.findByText(tooltipText);
             case 6:
               content = _context.sent;
-              expect(numeral).toBeTruthy();
+              expect(numeral).toBeInTheDocument();
               expect(tooltip).toBeTruthy();
-              expect(content).toBeTruthy();
+              expect(content).toBeInTheDocument();
             case 10:
             case "end":
               return _context.stop();
@@ -54,11 +53,10 @@ var testNumeral = function testNumeral(value) {
       var _render2 = render( /*#__PURE__*/React.createElement(Numeral, _extends({
           number: value
         }, options))),
-        container = _render2.container,
-        getByText = _render2.getByText;
-      var numeral = getByText(mainText);
+        container = _render2.container;
+      var numeral = screen.getByText(mainText);
       var tooltip = container.querySelector('[data-qa-tooltip]');
-      expect(numeral).toBeTruthy();
+      expect(numeral).toBeInTheDocument();
       expect(tooltip).toBeFalsy();
     });
   }

package/lib/TableHeaderCell/index.js

@@ -18,6 +18,11 @@ import * as React from 'react';
 import Icon from "../Icon";
 import Container, { SortIcon } from "./styles";
 import { SORT_DIRECTIONS } from "./constants";
+export * from "./constants";
+
+/**
+ * @deprecated Use TypeEnumSortDirections from root instead
+ */
 /**
  * The table header cell component is for rendering table header cells and is meant to be used with the table component.
  */

package/lib/utils/react-testing-library.js

@@ -6,14 +6,14 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 import * as React from 'react';
-import { act, cleanup, createEvent, fireEvent, queries, render, screen, wait, waitFor, waitForElement, waitForElementToBeRemoved, within } from '@testing-library/react';
+import { act, cleanup, createEvent, fireEvent, queries, render, screen as defaultScreen, wait, waitFor, waitForElement, waitForElementToBeRemoved, within } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import ThemeProvider from "../ThemeProvider";
 import { a11yCheck } from "./a11yTest";
 import { dataQaLabelQueries } from "./dataQaLabelQueries";
 var sproutQueries = _objectSpread(_objectSpread({}, queries), dataQaLabelQueries);
 var customRender = function customRender(node, options) {
-  var api = render(node, _objectSpread(_objectSpread({}, options), {}, {
+  var utils = render(node, _objectSpread(_objectSpread({}, options), {}, {
     queries: sproutQueries,
     wrapper: ThemeProvider
   }));
@@ -24,7 +24,7 @@ var customRender = function customRender(node, options) {
           switch (_context.prev = _context.next) {
             case 0:
               _context.next = 2;
-              return a11yCheck(api.container);
+              return a11yCheck(utils.container);
             case 2:
             case "end":
               return _context.stop();
@@ -36,11 +36,13 @@ var customRender = function customRender(node, options) {
       return _ref.apply(this, arguments);
     };
   }();
-  return _objectSpread(_objectSpread({}, api), {}, {
+  return _objectSpread(_objectSpread({}, utils), {}, {
     runA11yCheck: runA11yCheck
   });
 };
 var customWithin = function customWithin(element) {
   return within(element, sproutQueries);
 };
-export { act, cleanup, createEvent, customRender as render, customWithin as within, fireEvent, screen, userEvent, wait, waitFor, waitForElement, waitForElementToBeRemoved };
+var boundQueries = within(document.body, sproutQueries);
+var customScreen = _objectSpread(_objectSpread({}, defaultScreen), boundQueries);
+export { act, cleanup, createEvent, customRender as render, customWithin as within, fireEvent, customScreen as screen, userEvent, wait, waitFor, waitForElement, waitForElementToBeRemoved };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "13.0.2",
+  "version": "13.1.1",
   "license": "MIT",
   "files": [
     "__flow__",
@@ -98,7 +98,7 @@
     "@sproutsocial/seeds-color": "^1.5.3",
     "@sproutsocial/seeds-depth": "^3.0.0",
     "@sproutsocial/seeds-motion": "^1.2.0",
-    "@sproutsocial/seeds-networkcolor": "^2.9.0",
+    "@sproutsocial/seeds-networkcolor": "^2.11.0",
     "@sproutsocial/seeds-space": "^0.4.7",
     "@sproutsocial/seeds-typography": "^3.0.1",
     "@storybook/addon-a11y": "^6.4.19",
@@ -135,10 +135,12 @@
     "eslint-plugin-flowtype": "^5.7.2",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jest": "^27.1.5",
+    "eslint-plugin-jest-dom": "^4.0.3",
     "eslint-plugin-jsx-a11y": "^6.3.1",
     "eslint-plugin-prettier": "^3.1.4",
     "eslint-plugin-react": "^7.31.10",
     "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-testing-library": "^5.9.1",
     "flow-bin": "0.131.0",
     "glob": "^7.1.6",
     "husky": "^0.14.3",