@sproutsocial/racine 13.0.2 → 13.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -0
- package/__flow__/EnumIconNames.js +1 -1
- package/__flow__/EnumLogoNames.js +1 -1
- package/__flow__/IconViewBoxes.js +3 -0
- package/__flow__/LogoViewBoxes.js +4 -0
- package/__flow__/Numeral/tests/testNumeral.js +9 -13
- package/__flow__/PartnerLogo/TypePartnerNames.js +1 -1
- package/__flow__/TableHeaderCell/index.js +1 -0
- package/__flow__/utils/react-testing-library.js +10 -5
- package/commonjs/IconViewBoxes.js +3 -0
- package/commonjs/LogoViewBoxes.js +4 -0
- package/commonjs/Numeral/tests/testNumeral.js +9 -11
- package/commonjs/TableHeaderCell/index.js +12 -0
- package/commonjs/utils/react-testing-library.js +8 -11
- package/dist/icon.svg +1 -1
- package/dist/iconList.js +1 -1
- package/dist/logo.svg +1 -1
- package/dist/logoList.js +1 -1
- package/lib/IconViewBoxes.js +3 -0
- package/lib/LogoViewBoxes.js +4 -0
- package/lib/Numeral/tests/testNumeral.js +10 -12
- package/lib/TableHeaderCell/index.js +5 -0
- package/lib/utils/react-testing-library.js +7 -5
- package/package.json +4 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## 13.1.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- a9b3d47: Patch to fix npm publish
|
|
8
|
+
|
|
9
|
+
## 13.1.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- aee3064e: bump networkcolors to include google play store and apple app store
|
|
14
|
+
- d48ca3d3: add logos for google play store and apple app store integrations
|
|
15
|
+
|
|
16
|
+
### Patch Changes
|
|
17
|
+
|
|
18
|
+
- fd455918: Add missing constants export to TableHeaderCell/index.js
|
|
19
|
+
- e6f97dd4: Upgrade json5 to 2.2.3 to fix vulnerability
|
|
20
|
+
- 3485cc51: Bump decoder-uri-component to 0.2.2
|
|
21
|
+
|
|
3
22
|
## 13.0.2
|
|
4
23
|
|
|
5
24
|
### Patch Changes
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
// @flow
|
|
2
|
-
export type EnumIconNames = "active-listener" | "add-item" | "add-keyword" | "add-team-member" | "add-variable" | "address-card-outline" | "address-card-solid" | "adobe-experience-manager" | "ads" | "advocacy-outline" | "advocacy" | "android" | "apple" | "approval-indicator-outline" | "approval-indicator" | "archive" | "arrow-down-line" | "arrow-down" | "arrow-left-line" | "arrow-left" | "arrow-right-line" | "arrow-right" | "arrow-up-line" | "arrow-up" | "arrows" | "asset-library-outline" | "asset-library" | "assign" | "atom" | "audio" | "back-to-top" | "bambu-icon-outline" | "bambu-icon" | "barcode" | "basketball" | "bell-outline" | "bigcommerce" | "bitly" | "bold" | "book" | "bookmark" | "bot" | "browser" | "business" | "calendar-outline" | "calendar" | "camera-outline" | "camera-story" | "camera" | "campaign" | "canva" | "carousel" | "cart-plus-outline" | "cart-plus" | "check" | "chevron-down-filled" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up-down-filled" | "chevron-up-filled" | "chevron-up" | "circle-check-outline" | "circle-check" | "circle" | "circle+" | "circles" | "circlex" | "click-to-view" | "clicks" | "clipboard-outline" | "clipboard" | "clock" | "closed-captioning" | "cloud" | "code" | "columns" | "comment-alt-outline" | "comment-alt" | "comment-lines-alt-outline" | "comment" | "compact-density" | "compact-indicator" | "comparison" | "competitor" | "compose" | "content-suggestions" | "credit-card" | "crop" | "crown" | "dashboard" | "deconstructed-negative-sentiment" | "deconstructed-neutral-sentiment" | "deconstructed-positive-sentiment" | "discovery" | "dislike-outline" | "dislike" | "dm-link-outline" | "dm-link" | "dotdotdot" | "download" | "drafts-outline" | "drafts" | "dropbox" | "duplicate-outline" | "duplicate" | "emoji-outline" | "emoji" | "empty-image" | "engagement-per-post" | "engagements" | "error" | "exchange-alt" | "expanded-indicator" | "export" | "extended-circles" | "external-link-alt" | "external-link" | "extreme-negative-sentiment" | "eye-outline" | "eye-slash-outline" | "eye-slash" | "eye" | "facebook-audience-network" | "facebook-branded-content-outline" | "facebook-branded-content" | "facebook-groups" | "facebook" | "fb-reactions-angry" | "fb-reactions-haha" | "fb-reactions-like" | "fb-reactions-love" | "fb-reactions-sad" | "fb-reactions-wow" | "feedly" | "feeds" | "female" | "file-chart-line" | "file-edit" | "file-times-solid" | "filter" | "flag-outline" | "flag" | "flat-negative-sentiment-outline" | "flat-negative-sentiment" | "flat-neutral-sentiment-outline" | "flat-neutral-sentiment" | "flat-positive-sentiment-outline" | "flat-positive-sentiment" | "folder-open" | "folder" | "follow-outline" | "follow" | "follower-increase" | "following" | "font" | "full-access" | "gear" | "gears" | "glassdoor" | "glasses" | "globe" | "google-analytics-color" | "google-business-messages" | "google-drive" | "google-my-business" | "grip" | "h1" | "h2" | "h3" | "h4" | "hamburger" | "hashtag" | "headset" | "heart-outline" | "heart" | "heartbeat" | "help-alt" | "help" | "hiking" | "history" | "home" | "hourglass" | "hubspot" | "image-caption" | "image" | "images" | "impressions-per-post" | "impressions" | "inactive-listener" | "inbox-action" | "inbox-views" | "inbox" | "indicator" | "industry" | "info" | "instagram" | "internal-activity-outline" | "internal-activity" | "italic" | "key" | "keyboard" | "laptop-phone" | "large-density" | "lift" | "like-outline" | "like" | "link" | "linkedin-audience-network" | "linkedin" | "list-ol" | "listening" | "lists" | "location-outline" | "location" | "lock" | "magic-wand" | "male" | "marketo" | "mention" | "message-preview-outline" | "message-preview" | "message" | "messages-outline" | "messages" | "messenger" | "metric-table" | "microsoft-dynamics" | "minus" | "mobile" | "monitor" | "moon" | "negative-sentiment" | "neutral-positive-sentiment" | "neutral-sentiment" | "new-trend" | "newspaper" | "no-access" | "notepad" | "notifications-publishing-outline" | "notifications-publishing" | "notifications" | "offline" | "online" | "paid-promotion-outline" | "paid-promotion" | "paid" | "paint" | "palette" | "paperclip" | "pause" | "pencil-outline" | "pencil" | "person" | "phone" | "pinterest-boards-outline" | "pinterest-boards" | "pinterest" | "play-circle" | "play" | "plug" | "plus" | "positive-sentiment" | "power-up-outline" | "power-up" | "profile-connect" | "profile-disconnect" | "publishing-outline" | "publishing" | "puzzle-piece" | "qr-code" | "queue" | "recommendation" | "reddit-alien" | "reddit" | "reels-outline" | "reels" | "referrals" | "refresh" | "rejected" | "reply-outline" | "reply" | "reporting-period" | "reporting" | "reports-home" | "reports" | "retweet" | "rss" | "sales" | "salesforce-cloud" | "salesforce" | "save-assets" | "saved-messages" | "saved-reply-outline" | "saved-reply" | "search" | "sent-message-outline" | "sent-message" | "share" | "shopify" | "shopping-bag-outline" | "shopping-bag" | "show-navigation" | "slack" | "small-density" | "smiley" | "some-access" | "sparkles" | "spike-alert" | "star-half-alt-solid" | "star-of-life" | "star-outline" | "star" | "sticky-note-outline" | "sticky-note" | "stories" | "story" | "suggestions" | "sun" | "tag-outline" | "tag" | "targeting-outline" | "targeting" | "tasks-outline" | "tasks" | "team-conversation-outline" | "team-conversation" | "team" | "text-asset" | "text" | "tiktok" | "times" | "tools" | "trash-can-outline" | "trash-can" | "trend-down" | "trend-neutral" | "trend-up" | "trends" | "triangle-black" | "triangle" | "tripadvisor-circle-outline" | "tripadvisor-circle" | "tripadvisor" | "trophy-outline" | "tumblr" | "twitter-audience-network" | "twitter" | "underline" | "unfollow-outline" | "unfollow" | "unlink" | "unlock" | "upload" | "user-circle" | "users" | "verified" | "video-camera-story" | "video-camera" | "vip" | "weight" | "whatsapp" | "window-maximize" | "window-minimize" | "window-regular" | "window-restore" | "woocommerce" | "x" | "yelp-full-star" | "yelp-half-star" | "yelp" | "youtube" | "zendesk";
|
|
2
|
+
export type EnumIconNames = "active-listener" | "add-item" | "add-keyword" | "add-team-member" | "add-variable" | "address-card-outline" | "address-card-solid" | "adobe-experience-manager" | "ads" | "advocacy-outline" | "advocacy" | "android" | "apple" | "approval-indicator-outline" | "approval-indicator" | "archive" | "arrow-down-line" | "arrow-down" | "arrow-left-line" | "arrow-left" | "arrow-right-line" | "arrow-right" | "arrow-up-line" | "arrow-up" | "arrows" | "asset-library-outline" | "asset-library" | "assign" | "atom" | "audio" | "back-to-top" | "bambu-icon-outline" | "bambu-icon" | "barcode" | "basketball" | "bell-outline" | "bigcommerce" | "bitly" | "bold" | "book" | "bookmark" | "bot" | "browser" | "business" | "calendar-outline" | "calendar" | "camera-outline" | "camera-story" | "camera" | "campaign" | "canva" | "carousel" | "cart-plus-outline" | "cart-plus" | "check" | "chevron-down-filled" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up-down-filled" | "chevron-up-filled" | "chevron-up" | "circle-check-outline" | "circle-check" | "circle" | "circle+" | "circles" | "circlex" | "click-to-view" | "clicks" | "clipboard-outline" | "clipboard" | "clock" | "closed-captioning" | "cloud" | "code" | "columns" | "comment-alt-outline" | "comment-alt" | "comment-lines-alt-outline" | "comment" | "compact-density" | "compact-indicator" | "comparison" | "competitor" | "compose" | "content-suggestions" | "credit-card" | "crop" | "crown" | "dashboard" | "deconstructed-negative-sentiment" | "deconstructed-neutral-sentiment" | "deconstructed-positive-sentiment" | "discovery" | "dislike-outline" | "dislike" | "dm-link-outline" | "dm-link" | "dotdotdot" | "download" | "drafts-outline" | "drafts" | "dropbox" | "duplicate-outline" | "duplicate" | "emoji-outline" | "emoji" | "empty-image" | "engagement-per-post" | "engagements" | "error" | "exchange-alt" | "expanded-indicator" | "export" | "extended-circles" | "external-link-alt" | "external-link" | "extreme-negative-sentiment" | "eye-outline" | "eye-slash-outline" | "eye-slash" | "eye" | "facebook-audience-network" | "facebook-branded-content-outline" | "facebook-branded-content" | "facebook-groups" | "facebook" | "fb-reactions-angry" | "fb-reactions-haha" | "fb-reactions-like" | "fb-reactions-love" | "fb-reactions-sad" | "fb-reactions-wow" | "feedly" | "feeds" | "female" | "file-chart-line" | "file-edit" | "file-times-solid" | "filter" | "flag-outline" | "flag" | "flat-negative-sentiment-outline" | "flat-negative-sentiment" | "flat-neutral-sentiment-outline" | "flat-neutral-sentiment" | "flat-positive-sentiment-outline" | "flat-positive-sentiment" | "folder-open" | "folder" | "follow-outline" | "follow" | "follower-increase" | "following" | "font" | "full-access" | "gear" | "gears" | "github" | "glassdoor" | "glasses" | "globe" | "google-analytics-color" | "google-business-messages" | "google-drive" | "google-my-business" | "grip" | "h1" | "h2" | "h3" | "h4" | "hamburger" | "hashtag" | "headset" | "heart-outline" | "heart" | "heartbeat" | "help-alt" | "help" | "hiking" | "history" | "home" | "hourglass" | "hubspot" | "image-caption" | "image" | "images" | "impressions-per-post" | "impressions" | "inactive-listener" | "inbox-action" | "inbox-views" | "inbox" | "indicator" | "industry" | "info" | "instagram" | "internal-activity-outline" | "internal-activity" | "italic" | "key" | "keyboard" | "laptop-phone" | "large-density" | "lift" | "like-outline" | "like" | "link" | "linkedin-audience-network" | "linkedin" | "list-ol" | "listening" | "lists" | "location-outline" | "location" | "lock" | "magic-wand" | "male" | "marketo" | "mention" | "message-preview-outline" | "message-preview" | "message" | "messages-outline" | "messages" | "messenger" | "metric-table" | "microsoft-dynamics" | "minus" | "mobile" | "monitor" | "moon" | "negative-sentiment" | "neutral-positive-sentiment" | "neutral-sentiment" | "new-trend" | "newspaper" | "no-access" | "notepad" | "notifications-publishing-outline" | "notifications-publishing" | "notifications" | "offline" | "online" | "paid-promotion-outline" | "paid-promotion" | "paid" | "paint" | "palette" | "paperclip" | "pause" | "pencil-outline" | "pencil" | "person" | "phone" | "pinterest-boards-outline" | "pinterest-boards" | "pinterest" | "play-circle" | "play" | "plug" | "plus" | "positive-sentiment" | "power-up-outline" | "power-up" | "profile-connect" | "profile-disconnect" | "publishing-outline" | "publishing" | "puzzle-piece" | "qr-code" | "queue" | "recommendation" | "reddit-alien" | "reddit" | "reels-outline" | "reels" | "referrals" | "refresh" | "rejected" | "reply-outline" | "reply" | "reporting-period" | "reporting" | "reports-home" | "reports" | "retweet" | "rss" | "sales" | "salesforce-cloud" | "salesforce" | "save-assets" | "saved-messages" | "saved-reply-outline" | "saved-reply" | "search" | "send-again-outline" | "send-again" | "sent-message-outline" | "sent-message" | "share" | "shopify" | "shopping-bag-outline" | "shopping-bag" | "show-navigation" | "slack" | "small-density" | "smiley" | "some-access" | "sparkles" | "spike-alert" | "star-half-alt-solid" | "star-of-life" | "star-outline" | "star" | "sticky-note-outline" | "sticky-note" | "stories" | "story" | "suggestions" | "sun" | "tag-outline" | "tag" | "targeting-outline" | "targeting" | "tasks-outline" | "tasks" | "team-conversation-outline" | "team-conversation" | "team" | "text-asset" | "text" | "tiktok" | "times" | "tools" | "trash-can-outline" | "trash-can" | "trend-down" | "trend-neutral" | "trend-up" | "trends" | "triangle-black" | "triangle" | "tripadvisor-circle-outline" | "tripadvisor-circle" | "tripadvisor" | "trophy-outline" | "tumblr" | "twitter-audience-network" | "twitter" | "underline" | "unfollow-outline" | "unfollow" | "unlink" | "unlock" | "upload" | "user-circle" | "users" | "verified" | "video-camera-story" | "video-camera" | "vip" | "weight" | "whatsapp" | "window-maximize" | "window-minimize" | "window-regular" | "window-restore" | "woocommerce" | "x" | "yelp-full-star" | "yelp-half-star" | "yelp" | "youtube" | "zendesk";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
// @flow
|
|
2
|
-
export type EnumLogoNames = "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";
|
|
2
|
+
export type EnumLogoNames = "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";
|
|
@@ -158,6 +158,7 @@ module.exports = {
|
|
|
158
158
|
"full-access": "0 0 16 16",
|
|
159
159
|
"gear": "0 0 16 16",
|
|
160
160
|
"gears": "0 0 16 16",
|
|
161
|
+
"github": "0 0 18 18",
|
|
161
162
|
"glassdoor": "0 0 16 16",
|
|
162
163
|
"glasses": "0 0 18 14",
|
|
163
164
|
"globe": "0 0 16 16",
|
|
@@ -295,6 +296,8 @@ module.exports = {
|
|
|
295
296
|
"saved-reply-outline": "0 0 16 12",
|
|
296
297
|
"saved-reply": "0 0 16 12",
|
|
297
298
|
"search": "0 0 16 16",
|
|
299
|
+
"send-again-outline": "0 0 18 18",
|
|
300
|
+
"send-again": "0 0 18 18",
|
|
298
301
|
"sent-message-outline": "0 0 16 14",
|
|
299
302
|
"sent-message": "0 0 16 14",
|
|
300
303
|
"share": "0 0 16 14",
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
module.exports = {
|
|
2
|
+
"apple-app-store-dark": "0 0 140 140",
|
|
3
|
+
"apple-app-store": "0 0 140 140",
|
|
2
4
|
"bigcommerce-dark": "0 0 140 140",
|
|
3
5
|
"bigcommerce-lockup-dark": "0 0 291 66",
|
|
4
6
|
"bigcommerce-lockup": "0 0 291 66",
|
|
@@ -33,6 +35,8 @@ module.exports = {
|
|
|
33
35
|
"google-drive": "0 0 140 126",
|
|
34
36
|
"google-my-business-dark": "0 0 140 123",
|
|
35
37
|
"google-my-business": "0 0 140 123",
|
|
38
|
+
"google-play-store-dark": "0 0 140 155",
|
|
39
|
+
"google-play-store": "0 0 140 155",
|
|
36
40
|
"hubspot-dark": "0 0 140 156",
|
|
37
41
|
"hubspot": "0 0 140 156",
|
|
38
42
|
"instagram-dark": "0 0 140 140",
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
/* eslint-env jest, node */
|
|
2
|
-
import 'jest-styled-components';
|
|
3
2
|
import React from 'react';
|
|
4
|
-
import { render, fireEvent } from "../../utils/react-testing-library";
|
|
3
|
+
import { render, fireEvent, screen } from "../../utils/react-testing-library";
|
|
5
4
|
import { Numeral } from "../..";
|
|
6
5
|
jest.mock("../constants", () => ({
|
|
7
6
|
...jest.requireActual("../constants"),
|
|
@@ -16,27 +15,24 @@ const testNumeral = (value, options = {}, texts) => {
|
|
|
16
15
|
if (tooltipText) {
|
|
17
16
|
test(`Should display ${value} abbreviated as -> ${mainText} with tooltip -> ${tooltipText} `, async () => {
|
|
18
17
|
const {
|
|
19
|
-
container
|
|
20
|
-
findByText,
|
|
21
|
-
getByText
|
|
18
|
+
container
|
|
22
19
|
} = render(<Numeral number={value} {...options} />);
|
|
23
|
-
const numeral = getByText(mainText);
|
|
20
|
+
const numeral = screen.getByText(mainText);
|
|
24
21
|
const tooltip = container.querySelector('[data-qa-tooltip]');
|
|
25
22
|
fireEvent.mouseOver(numeral);
|
|
26
|
-
const content = await findByText(tooltipText);
|
|
27
|
-
expect(numeral).
|
|
23
|
+
const content = await screen.findByText(tooltipText);
|
|
24
|
+
expect(numeral).toBeInTheDocument();
|
|
28
25
|
expect(tooltip).toBeTruthy();
|
|
29
|
-
expect(content).
|
|
26
|
+
expect(content).toBeInTheDocument();
|
|
30
27
|
});
|
|
31
28
|
} else {
|
|
32
29
|
test(`Should display ${value} as -> ${mainText} with no tooltip `, () => {
|
|
33
30
|
const {
|
|
34
|
-
container
|
|
35
|
-
getByText
|
|
31
|
+
container
|
|
36
32
|
} = render(<Numeral number={value} {...options} />);
|
|
37
|
-
const numeral = getByText(mainText);
|
|
33
|
+
const numeral = screen.getByText(mainText);
|
|
38
34
|
const tooltip = container.querySelector('[data-qa-tooltip]');
|
|
39
|
-
expect(numeral).
|
|
35
|
+
expect(numeral).toBeInTheDocument();
|
|
40
36
|
expect(tooltip).toBeFalsy();
|
|
41
37
|
});
|
|
42
38
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
// @flow strict-local
|
|
2
2
|
|
|
3
|
-
export type TypePartnerNames = 'zendesk' | 'dropbox' | 'bigcommerce' | 'bitly' | 'canva' | 'twitter' | 'twitter-audience-network' | 'whatsapp' | 'yelp' | 'youtube' | 'shopify' | 'pinterest' | 'microsoft-dynamics' | 'marketo' | 'slack' | 'woocommerce' | 'tripadvisor' | 'tumblr' | 'google-business-messages' | 'reddit' | 'hubspot' | 'feedly' | 'facebook' | 'facebook-shops' | 'facebook-groups' | 'facebook-audience-network' | 'glassdoor' | 'salesforce' | 'instagram' | 'linkedin' | 'linkedin-audience-network' | 'google-analytics' | 'messenger' | 'google-my-business' | 'google-drive' | 'tiktok' | 'sproutsocial';
|
|
3
|
+
export type TypePartnerNames = 'zendesk' | 'dropbox' | 'bigcommerce' | 'bitly' | 'canva' | 'twitter' | 'twitter-audience-network' | 'whatsapp' | 'yelp' | 'youtube' | 'shopify' | 'pinterest' | 'microsoft-dynamics' | 'marketo' | 'slack' | 'woocommerce' | 'tripadvisor' | 'tumblr' | 'google-business-messages' | 'reddit' | 'hubspot' | 'feedly' | 'facebook' | 'facebook-shops' | 'facebook-groups' | 'facebook-audience-network' | 'glassdoor' | 'salesforce' | 'instagram' | 'linkedin' | 'linkedin-audience-network' | 'google-analytics' | 'messenger' | 'google-my-business' | 'google-drive' | 'tiktok' | 'sproutsocial' | 'google-play-store' | 'apple-app-store';
|
|
@@ -4,6 +4,7 @@ import Icon from "../Icon";
|
|
|
4
4
|
import Container, { SortIcon } from "./styles";
|
|
5
5
|
import { SORT_DIRECTIONS } from "./constants";
|
|
6
6
|
import type { TypeEnumSortDirections as TypeEnumSortDirections2, TypeTableHeaderCell as TypeTableHeaderCell2, TypeTableHeaderCellProps } from "./index.flow";
|
|
7
|
+
export * from "./constants";
|
|
7
8
|
|
|
8
9
|
/**
|
|
9
10
|
* @deprecated Use TypeEnumSortDirections from root instead
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// @flow
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { act, cleanup, createEvent, fireEvent, queries, render, screen, wait, waitFor, waitForElement, waitForElementToBeRemoved, within } from '@testing-library/react';
|
|
3
|
+
import { act, cleanup, createEvent, fireEvent, queries, render, screen as defaultScreen, wait, waitFor, waitForElement, waitForElementToBeRemoved, within } from '@testing-library/react';
|
|
4
4
|
import userEvent from '@testing-library/user-event';
|
|
5
5
|
import ThemeProvider from "../ThemeProvider";
|
|
6
6
|
import { a11yCheck } from "./a11yTest";
|
|
@@ -10,18 +10,23 @@ const sproutQueries = {
|
|
|
10
10
|
...dataQaLabelQueries
|
|
11
11
|
};
|
|
12
12
|
const customRender = (node: React.Node, options: any) => {
|
|
13
|
-
const
|
|
13
|
+
const utils = render(node, {
|
|
14
14
|
...options,
|
|
15
15
|
queries: sproutQueries,
|
|
16
16
|
wrapper: ThemeProvider
|
|
17
17
|
});
|
|
18
18
|
const runA11yCheck = async () => {
|
|
19
|
-
await a11yCheck(
|
|
19
|
+
await a11yCheck(utils.container);
|
|
20
20
|
};
|
|
21
21
|
return {
|
|
22
|
-
...
|
|
22
|
+
...utils,
|
|
23
23
|
runA11yCheck
|
|
24
24
|
};
|
|
25
25
|
};
|
|
26
26
|
const customWithin = (element: HTMLElement) => within(element, sproutQueries);
|
|
27
|
-
|
|
27
|
+
const boundQueries = within(document.body, sproutQueries);
|
|
28
|
+
const customScreen = {
|
|
29
|
+
...defaultScreen,
|
|
30
|
+
...boundQueries
|
|
31
|
+
};
|
|
32
|
+
export { act, cleanup, createEvent, customRender as render, customWithin as within, fireEvent, customScreen as screen, userEvent, wait, waitFor, waitForElement, waitForElementToBeRemoved };
|
|
@@ -160,6 +160,7 @@ module.exports = {
|
|
|
160
160
|
"full-access": "0 0 16 16",
|
|
161
161
|
"gear": "0 0 16 16",
|
|
162
162
|
"gears": "0 0 16 16",
|
|
163
|
+
"github": "0 0 18 18",
|
|
163
164
|
"glassdoor": "0 0 16 16",
|
|
164
165
|
"glasses": "0 0 18 14",
|
|
165
166
|
"globe": "0 0 16 16",
|
|
@@ -297,6 +298,8 @@ module.exports = {
|
|
|
297
298
|
"saved-reply-outline": "0 0 16 12",
|
|
298
299
|
"saved-reply": "0 0 16 12",
|
|
299
300
|
"search": "0 0 16 16",
|
|
301
|
+
"send-again-outline": "0 0 18 18",
|
|
302
|
+
"send-again": "0 0 18 18",
|
|
300
303
|
"sent-message-outline": "0 0 16 14",
|
|
301
304
|
"sent-message": "0 0 16 14",
|
|
302
305
|
"share": "0 0 16 14",
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
module.exports = {
|
|
4
|
+
"apple-app-store-dark": "0 0 140 140",
|
|
5
|
+
"apple-app-store": "0 0 140 140",
|
|
4
6
|
"bigcommerce-dark": "0 0 140 140",
|
|
5
7
|
"bigcommerce-lockup-dark": "0 0 291 66",
|
|
6
8
|
"bigcommerce-lockup": "0 0 291 66",
|
|
@@ -35,6 +37,8 @@ module.exports = {
|
|
|
35
37
|
"google-drive": "0 0 140 126",
|
|
36
38
|
"google-my-business-dark": "0 0 140 123",
|
|
37
39
|
"google-my-business": "0 0 140 123",
|
|
40
|
+
"google-play-store-dark": "0 0 140 155",
|
|
41
|
+
"google-play-store": "0 0 140 155",
|
|
38
42
|
"hubspot-dark": "0 0 140 156",
|
|
39
43
|
"hubspot": "0 0 140 156",
|
|
40
44
|
"instagram-dark": "0 0 140 140",
|
|
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
require("jest-styled-components");
|
|
9
8
|
var _react = _interopRequireDefault(require("react"));
|
|
10
9
|
var _reactTestingLibrary = require("../../utils/react-testing-library");
|
|
11
10
|
var _ = require("../..");
|
|
@@ -30,24 +29,24 @@ var testNumeral = function testNumeral(value) {
|
|
|
30
29
|
tooltipText = texts.tip;
|
|
31
30
|
if (tooltipText) {
|
|
32
31
|
test("Should display ".concat(value, " abbreviated as -> ").concat(mainText, " with tooltip -> ").concat(tooltipText, " "), /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
33
|
-
var _render, container,
|
|
32
|
+
var _render, container, numeral, tooltip, content;
|
|
34
33
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
35
34
|
while (1) {
|
|
36
35
|
switch (_context.prev = _context.next) {
|
|
37
36
|
case 0:
|
|
38
37
|
_render = (0, _reactTestingLibrary.render)( /*#__PURE__*/_react.default.createElement(_.Numeral, _extends({
|
|
39
38
|
number: value
|
|
40
|
-
}, options))), container = _render.container
|
|
41
|
-
numeral = getByText(mainText);
|
|
39
|
+
}, options))), container = _render.container;
|
|
40
|
+
numeral = _reactTestingLibrary.screen.getByText(mainText);
|
|
42
41
|
tooltip = container.querySelector('[data-qa-tooltip]');
|
|
43
42
|
_reactTestingLibrary.fireEvent.mouseOver(numeral);
|
|
44
43
|
_context.next = 6;
|
|
45
|
-
return findByText(tooltipText);
|
|
44
|
+
return _reactTestingLibrary.screen.findByText(tooltipText);
|
|
46
45
|
case 6:
|
|
47
46
|
content = _context.sent;
|
|
48
|
-
expect(numeral).
|
|
47
|
+
expect(numeral).toBeInTheDocument();
|
|
49
48
|
expect(tooltip).toBeTruthy();
|
|
50
|
-
expect(content).
|
|
49
|
+
expect(content).toBeInTheDocument();
|
|
51
50
|
case 10:
|
|
52
51
|
case "end":
|
|
53
52
|
return _context.stop();
|
|
@@ -60,11 +59,10 @@ var testNumeral = function testNumeral(value) {
|
|
|
60
59
|
var _render2 = (0, _reactTestingLibrary.render)( /*#__PURE__*/_react.default.createElement(_.Numeral, _extends({
|
|
61
60
|
number: value
|
|
62
61
|
}, options))),
|
|
63
|
-
container = _render2.container
|
|
64
|
-
|
|
65
|
-
var numeral = getByText(mainText);
|
|
62
|
+
container = _render2.container;
|
|
63
|
+
var numeral = _reactTestingLibrary.screen.getByText(mainText);
|
|
66
64
|
var tooltip = container.querySelector('[data-qa-tooltip]');
|
|
67
|
-
expect(numeral).
|
|
65
|
+
expect(numeral).toBeInTheDocument();
|
|
68
66
|
expect(tooltip).toBeFalsy();
|
|
69
67
|
});
|
|
70
68
|
}
|
|
@@ -4,11 +4,23 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
+
var _exportNames = {};
|
|
7
8
|
exports.default = void 0;
|
|
8
9
|
var React = _interopRequireWildcard(require("react"));
|
|
9
10
|
var _Icon = _interopRequireDefault(require("../Icon"));
|
|
10
11
|
var _styles = _interopRequireWildcard(require("./styles"));
|
|
11
12
|
var _constants = require("./constants");
|
|
13
|
+
Object.keys(_constants).forEach(function (key) {
|
|
14
|
+
if (key === "default" || key === "__esModule") return;
|
|
15
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
16
|
+
if (key in exports && exports[key] === _constants[key]) return;
|
|
17
|
+
Object.defineProperty(exports, key, {
|
|
18
|
+
enumerable: true,
|
|
19
|
+
get: function get() {
|
|
20
|
+
return _constants[key];
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
});
|
|
12
24
|
var _excluded = ["id", "content", "colSpan", "width", "align", "isSortable", "shouldTruncate", "onSort", "sortId", "sortDirection", "children", "onClick"];
|
|
13
25
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
26
|
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); }
|
|
@@ -28,13 +28,7 @@ Object.defineProperty(exports, "fireEvent", {
|
|
|
28
28
|
return _react2.fireEvent;
|
|
29
29
|
}
|
|
30
30
|
});
|
|
31
|
-
exports.render = void 0;
|
|
32
|
-
Object.defineProperty(exports, "screen", {
|
|
33
|
-
enumerable: true,
|
|
34
|
-
get: function get() {
|
|
35
|
-
return _react2.screen;
|
|
36
|
-
}
|
|
37
|
-
});
|
|
31
|
+
exports.screen = exports.render = void 0;
|
|
38
32
|
Object.defineProperty(exports, "userEvent", {
|
|
39
33
|
enumerable: true,
|
|
40
34
|
get: function get() {
|
|
@@ -83,7 +77,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
83
77
|
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; }
|
|
84
78
|
var sproutQueries = _objectSpread(_objectSpread({}, _react2.queries), _dataQaLabelQueries.dataQaLabelQueries);
|
|
85
79
|
var customRender = function customRender(node, options) {
|
|
86
|
-
var
|
|
80
|
+
var utils = (0, _react2.render)(node, _objectSpread(_objectSpread({}, options), {}, {
|
|
87
81
|
queries: sproutQueries,
|
|
88
82
|
wrapper: _ThemeProvider.default
|
|
89
83
|
}));
|
|
@@ -94,7 +88,7 @@ var customRender = function customRender(node, options) {
|
|
|
94
88
|
switch (_context.prev = _context.next) {
|
|
95
89
|
case 0:
|
|
96
90
|
_context.next = 2;
|
|
97
|
-
return (0, _a11yTest.a11yCheck)(
|
|
91
|
+
return (0, _a11yTest.a11yCheck)(utils.container);
|
|
98
92
|
case 2:
|
|
99
93
|
case "end":
|
|
100
94
|
return _context.stop();
|
|
@@ -106,7 +100,7 @@ var customRender = function customRender(node, options) {
|
|
|
106
100
|
return _ref.apply(this, arguments);
|
|
107
101
|
};
|
|
108
102
|
}();
|
|
109
|
-
return _objectSpread(_objectSpread({},
|
|
103
|
+
return _objectSpread(_objectSpread({}, utils), {}, {
|
|
110
104
|
runA11yCheck: runA11yCheck
|
|
111
105
|
});
|
|
112
106
|
};
|
|
@@ -114,4 +108,7 @@ exports.render = customRender;
|
|
|
114
108
|
var customWithin = function customWithin(element) {
|
|
115
109
|
return (0, _react2.within)(element, sproutQueries);
|
|
116
110
|
};
|
|
117
|
-
exports.within = customWithin;
|
|
111
|
+
exports.within = customWithin;
|
|
112
|
+
var boundQueries = (0, _react2.within)(document.body, sproutQueries);
|
|
113
|
+
var customScreen = _objectSpread(_objectSpread({}, _react2.screen), boundQueries);
|
|
114
|
+
exports.screen = customScreen;
|