@sproutsocial/racine 20.4.0 → 20.5.0
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 +13 -0
- package/__flow__/EnumLogoNames.flow.js +1 -1
- package/__flow__/LogoViewBoxes.js +2 -0
- package/commonjs/LogoViewBoxes.js +2 -0
- package/commonjs/Tooltip/Tooltip.js +20 -14
- package/commonjs/Tooltip/styles.js +4 -4
- package/commonjs/logoNames.js +1 -1
- package/dist/logo.svg +1 -1
- package/dist/logoList.js +1 -1
- package/dist/types/EnumLogoNames.d.ts +1 -1
- package/dist/types/EnumLogoNames.d.ts.map +1 -1
- package/dist/types/PartnerLogo/PartnerLogoTypes.d.ts +1 -1
- package/dist/types/PartnerLogo/PartnerLogoTypes.d.ts.map +1 -1
- package/dist/types/Tooltip/Tooltip.d.ts +1 -1
- package/dist/types/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/types/Tooltip/TooltipTypes.d.ts +3 -5
- package/dist/types/Tooltip/TooltipTypes.d.ts.map +1 -1
- package/dist/types/Tooltip/styles.d.ts +1 -1
- package/dist/types/Tooltip/styles.d.ts.map +1 -1
- package/dist/types/logoNames.d.ts +1 -1
- package/dist/types/logoNames.d.ts.map +1 -1
- package/lib/LogoViewBoxes.js +2 -0
- package/lib/Tooltip/Tooltip.js +21 -15
- package/lib/Tooltip/styles.js +2 -2
- package/lib/logoNames.js +1 -1
- package/package.json +1 -1
package/dist/logoList.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
module.exports = ["adobe-experience-manager","android","apple-app-store","apple","bigcommerce","bitly","bynder","canva","dropbox","facebook-audience-network","facebook","facebook-groups","facebook-shops","feedly","github","glassdoor","google-analytics","google-business-messages","google-drive","google-my-business","google-play-store","hubspot","instagram","linkedin-audience-network","linkedin","marketo","messenger","microsoft-dynamics","pinterest","reddit","salesforce-cloud","salesforce","shopify","slack","sproutsocial","tableau","tiktok","tripadvisor","tumblr","twitter-audience-network","twitter","whatsapp","woocommerce","yelp","youtube","zendesk"];
|
|
1
|
+
module.exports = ["adobe-experience-manager","android","apple-app-store","apple","bigcommerce","bitly","bynder","canva","dropbox","facebook-audience-network","facebook","facebook-groups","facebook-shops","feedly","github","glassdoor","google-analytics","google-business-messages","google-drive","google-my-business","google-play-store","hubspot","instagram","linkedin-audience-network","linkedin","marketo","messenger","microsoft-dynamics","pinterest","reddit","salesforce-cloud","salesforce","shopify","slack","sproutsocial","tableau","tiktok","tripadvisor","tumblr","twitter-audience-network","twitter","whatsapp","woocommerce","x-twitter","yelp","youtube","zendesk"];
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export type EnumLogoNames = "adobe-experience-manager" | "android" | "apple-app-store" | "apple" | "bigcommerce" | "bitly" | "bynder" | "canva" | "dropbox" | "facebook-audience-network" | "facebook" | "facebook-groups" | "facebook-shops" | "feedly" | "github" | "glassdoor" | "google-analytics" | "google-business-messages" | "google-drive" | "google-my-business" | "google-play-store" | "hubspot" | "instagram" | "linkedin-audience-network" | "linkedin" | "marketo" | "messenger" | "microsoft-dynamics" | "pinterest" | "reddit" | "salesforce-cloud" | "salesforce" | "shopify" | "slack" | "sproutsocial" | "tableau" | "tiktok" | "tripadvisor" | "tumblr" | "twitter-audience-network" | "twitter" | "whatsapp" | "woocommerce" | "yelp" | "youtube" | "zendesk";
|
|
1
|
+
export type EnumLogoNames = "adobe-experience-manager" | "android" | "apple-app-store" | "apple" | "bigcommerce" | "bitly" | "bynder" | "canva" | "dropbox" | "facebook-audience-network" | "facebook" | "facebook-groups" | "facebook-shops" | "feedly" | "github" | "glassdoor" | "google-analytics" | "google-business-messages" | "google-drive" | "google-my-business" | "google-play-store" | "hubspot" | "instagram" | "linkedin-audience-network" | "linkedin" | "marketo" | "messenger" | "microsoft-dynamics" | "pinterest" | "reddit" | "salesforce-cloud" | "salesforce" | "shopify" | "slack" | "sproutsocial" | "tableau" | "tiktok" | "tripadvisor" | "tumblr" | "twitter-audience-network" | "twitter" | "whatsapp" | "woocommerce" | "x-twitter" | "yelp" | "youtube" | "zendesk";
|
|
2
2
|
//# sourceMappingURL=EnumLogoNames.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EnumLogoNames.d.ts","sourceRoot":"","sources":["../../src/EnumLogoNames.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,0BAA0B,GAAG,SAAS,GAAG,iBAAiB,GAAG,OAAO,GAAG,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,2BAA2B,GAAG,UAAU,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,GAAG,kBAAkB,GAAG,0BAA0B,GAAG,cAAc,GAAG,oBAAoB,GAAG,mBAAmB,GAAG,SAAS,GAAG,WAAW,GAAG,2BAA2B,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,oBAAoB,GAAG,WAAW,GAAG,QAAQ,GAAG,kBAAkB,GAAG,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,GAAG,QAAQ,GAAG,0BAA0B,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"EnumLogoNames.d.ts","sourceRoot":"","sources":["../../src/EnumLogoNames.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,0BAA0B,GAAG,SAAS,GAAG,iBAAiB,GAAG,OAAO,GAAG,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,2BAA2B,GAAG,UAAU,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,GAAG,kBAAkB,GAAG,0BAA0B,GAAG,cAAc,GAAG,oBAAoB,GAAG,mBAAmB,GAAG,SAAS,GAAG,WAAW,GAAG,2BAA2B,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,oBAAoB,GAAG,WAAW,GAAG,QAAQ,GAAG,kBAAkB,GAAG,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,GAAG,QAAQ,GAAG,0BAA0B,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC"}
|
|
@@ -5,7 +5,7 @@ import type { TypeSystemCommonProps, TypeSystemFlexboxProps } from '../types/sys
|
|
|
5
5
|
/**
|
|
6
6
|
* @deprecated Use PartnerLogoNames instead
|
|
7
7
|
*/
|
|
8
|
-
export declare const PartnerNames: readonly ["adobe-experience-manager", "android", "apple-app-store", "apple", "bigcommerce", "bitly", "bynder", "canva", "dropbox", "facebook-audience-network", "facebook", "facebook-groups", "facebook-shops", "feedly", "github", "glassdoor", "google-analytics", "google-business-messages", "google-drive", "google-my-business", "google-play-store", "hubspot", "instagram", "linkedin-audience-network", "linkedin", "marketo", "messenger", "microsoft-dynamics", "pinterest", "reddit", "salesforce-cloud", "salesforce", "shopify", "slack", "sproutsocial", "tableau", "tiktok", "tripadvisor", "tumblr", "twitter-audience-network", "twitter", "whatsapp", "woocommerce", "yelp", "youtube", "zendesk"];
|
|
8
|
+
export declare const PartnerNames: readonly ["adobe-experience-manager", "android", "apple-app-store", "apple", "bigcommerce", "bitly", "bynder", "canva", "dropbox", "facebook-audience-network", "facebook", "facebook-groups", "facebook-shops", "feedly", "github", "glassdoor", "google-analytics", "google-business-messages", "google-drive", "google-my-business", "google-play-store", "hubspot", "instagram", "linkedin-audience-network", "linkedin", "marketo", "messenger", "microsoft-dynamics", "pinterest", "reddit", "salesforce-cloud", "salesforce", "shopify", "slack", "sproutsocial", "tableau", "tiktok", "tripadvisor", "tumblr", "twitter-audience-network", "twitter", "whatsapp", "woocommerce", "x-twitter", "yelp", "youtube", "zendesk"];
|
|
9
9
|
/**
|
|
10
10
|
* @deprecated Use EnumLogoNames instead
|
|
11
11
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PartnerLogoTypes.d.ts","sourceRoot":"","sources":["../../../src/PartnerLogo/PartnerLogoTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAC,+BAA+B,EAAC,MAAM,8BAA8B,CAAC;AAClF,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACvB,MAAM,yBAAyB,CAAC;AAGjC;;GAEG;AACH,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"PartnerLogoTypes.d.ts","sourceRoot":"","sources":["../../../src/PartnerLogo/PartnerLogoTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAC,+BAA+B,EAAC,MAAM,8BAA8B,CAAC;AAClF,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACvB,MAAM,yBAAyB,CAAC;AAGjC;;GAEG;AACH,eAAO,MAAM,YAAY,qsBAAmB,CAAC;AAE7C;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,aAAa,CAAC;AAE7C,eAAO,MAAM,gBAAgB;;;;;;CAMnB,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAEhE,eAAO,MAAM,gBAAgB,2CAA4C,CAAC;AAE1E,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAErE,MAAM,WAAW,oBACf,SAAQ,+BAA+B,EACrC,qBAAqB,EACrB,sBAAsB,EACtB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IACvD,6DAA6D;IAC7D,WAAW,EAAE,aAAa,CAAC;IAE3B,iHAAiH;IACjH,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;CAClD"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { TypeTooltipProps } from './TooltipTypes';
|
|
3
3
|
/** Core component */
|
|
4
|
-
declare const Tooltip: ({ content, children, enterDelay, placement, appearance, zIndex, qa, popoutProps, truncated, ...rest }: TypeTooltipProps) => JSX.Element;
|
|
4
|
+
declare const Tooltip: ({ content, children, enterDelay, placement, appearance, zIndex, qa, popoutProps, truncated, onFocus, onBlur, ...rest }: TypeTooltipProps) => JSX.Element;
|
|
5
5
|
export default Tooltip;
|
|
6
6
|
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAC,gBAAgB,EAAqB,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAC,gBAAgB,EAAqB,MAAM,gBAAgB,CAAC;AA+CzE,qBAAqB;AACrB,QAAA,MAAM,OAAO,2HAaV,gBAAgB,gBA2GlB,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import type { EnumPlacements, TypePopoutProps } from '../Popout/index';
|
|
3
3
|
import { TypeQaProps } from '../types/shared';
|
|
4
4
|
import { TypeBoxProps } from '../Box';
|
|
5
|
-
export interface TypeTooltipProps extends Omit<TypeBoxProps, 'children' | 'content' | '
|
|
5
|
+
export interface TypeTooltipProps extends Omit<TypeBoxProps, 'children' | 'content' | 'onMouseEnter' | 'onMouseLeave'> {
|
|
6
6
|
/** The content that the tooltip should be attached to. Hovering or focusing this element will cause the tooltip to appear */
|
|
7
7
|
children: React.ReactNode;
|
|
8
8
|
/** The content to be displayed within the tooltip. If there is no content, just the children are rendered */
|
|
@@ -22,9 +22,7 @@ export interface TypeTooltipProps extends Omit<TypeBoxProps, 'children' | 'conte
|
|
|
22
22
|
ariaProps?: Record<string, string>;
|
|
23
23
|
}
|
|
24
24
|
export interface TypeTooltipContent extends Pick<TypeTooltipProps, 'appearance' | 'children'> {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
onMouseEnter?: (e: React.MouseEvent) => void;
|
|
28
|
-
onMouseLeave?: (e: React.MouseEvent) => void;
|
|
25
|
+
onFocus: (e: React.FocusEvent<HTMLDivElement, FocusEvent>) => void;
|
|
26
|
+
onBlur: (e: React.FocusEvent<HTMLDivElement, FocusEvent>) => void;
|
|
29
27
|
}
|
|
30
28
|
//# sourceMappingURL=TooltipTypes.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipTypes.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/TooltipTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,cAAc,EAAE,eAAe,EAAC,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAC,YAAY,EAAC,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,YAAY,
|
|
1
|
+
{"version":3,"file":"TooltipTypes.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/TooltipTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,cAAc,EAAE,eAAe,EAAC,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAC,YAAY,EAAC,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,YAAY,EACZ,UAAU,GAAG,SAAS,GAAG,cAAc,GAAG,cAAc,CACzD;IACD,6HAA6H;IAC7H,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,6GAA6G;IAC7G,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B,6FAA6F;IAC7F,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,gOAAgO;IAChO,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC5B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAEvC,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACpC;AAGD,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,UAAU,CAAC;IACzD,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACnE,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CACnE"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { TypeTooltipContent } from './TooltipTypes';
|
|
3
|
-
export declare const
|
|
3
|
+
export declare const StyledTooltipContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("../Box").TypeBoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, Pick<TypeTooltipContent, "appearance">, never>;
|
|
4
4
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,oBAAoB,+QAMhC,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const _default: readonly ["adobe-experience-manager", "android", "apple-app-store", "apple", "bigcommerce", "bitly", "bynder", "canva", "dropbox", "facebook-audience-network", "facebook", "facebook-groups", "facebook-shops", "feedly", "github", "glassdoor", "google-analytics", "google-business-messages", "google-drive", "google-my-business", "google-play-store", "hubspot", "instagram", "linkedin-audience-network", "linkedin", "marketo", "messenger", "microsoft-dynamics", "pinterest", "reddit", "salesforce-cloud", "salesforce", "shopify", "slack", "sproutsocial", "tableau", "tiktok", "tripadvisor", "tumblr", "twitter-audience-network", "twitter", "whatsapp", "woocommerce", "yelp", "youtube", "zendesk"];
|
|
1
|
+
declare const _default: readonly ["adobe-experience-manager", "android", "apple-app-store", "apple", "bigcommerce", "bitly", "bynder", "canva", "dropbox", "facebook-audience-network", "facebook", "facebook-groups", "facebook-shops", "feedly", "github", "glassdoor", "google-analytics", "google-business-messages", "google-drive", "google-my-business", "google-play-store", "hubspot", "instagram", "linkedin-audience-network", "linkedin", "marketo", "messenger", "microsoft-dynamics", "pinterest", "reddit", "salesforce-cloud", "salesforce", "shopify", "slack", "sproutsocial", "tableau", "tiktok", "tripadvisor", "tumblr", "twitter-audience-network", "twitter", "whatsapp", "woocommerce", "x-twitter", "yelp", "youtube", "zendesk"];
|
|
2
2
|
export default _default;
|
|
3
3
|
//# sourceMappingURL=logoNames.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"logoNames.d.ts","sourceRoot":"","sources":["../../src/logoNames.ts"],"names":[],"mappings":";AAAA,
|
|
1
|
+
{"version":3,"file":"logoNames.d.ts","sourceRoot":"","sources":["../../src/logoNames.ts"],"names":[],"mappings":";AAAA,wBAAqqB"}
|
package/lib/LogoViewBoxes.js
CHANGED
|
@@ -97,6 +97,8 @@ module.exports = {
|
|
|
97
97
|
"whatsapp": "0 0 140 141",
|
|
98
98
|
"woocommerce-dark": "0 0 140 84",
|
|
99
99
|
"woocommerce": "0 0 140 84",
|
|
100
|
+
"x-twitter-dark": "0 0 18 18",
|
|
101
|
+
"x-twitter": "0 0 18 18",
|
|
100
102
|
"yelp-dark": "0 0 140 159",
|
|
101
103
|
"yelp": "0 0 140 159",
|
|
102
104
|
"youtube-dark": "0 0 140 99",
|
package/lib/Tooltip/Tooltip.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var _excluded = ["appearance", "children", "onFocus", "onBlur"
|
|
2
|
-
_excluded2 = ["content", "children", "enterDelay", "placement", "appearance", "zIndex", "qa", "popoutProps", "truncated"];
|
|
1
|
+
var _excluded = ["appearance", "children", "onFocus", "onBlur"],
|
|
2
|
+
_excluded2 = ["content", "children", "enterDelay", "placement", "appearance", "zIndex", "qa", "popoutProps", "truncated", "onFocus", "onBlur"];
|
|
3
3
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
4
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
5
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
@@ -19,7 +19,7 @@ import * as React from 'react';
|
|
|
19
19
|
import { useState, useEffect } from 'react';
|
|
20
20
|
import MOTION from '@sproutsocial/seeds-motion/dist/seeds-motion-unitless';
|
|
21
21
|
import Popout from "../Popout";
|
|
22
|
-
import {
|
|
22
|
+
import { StyledTooltipContent } from "./styles";
|
|
23
23
|
var idCounter = 0;
|
|
24
24
|
var hasAttribute = function hasAttribute(child, attribute) {
|
|
25
25
|
return /*#__PURE__*/React.isValidElement(child) && child.props[attribute] !== undefined;
|
|
@@ -32,10 +32,14 @@ var TooltipBubble = function TooltipBubble(_ref) {
|
|
|
32
32
|
children = _ref.children,
|
|
33
33
|
onFocus = _ref.onFocus,
|
|
34
34
|
onBlur = _ref.onBlur,
|
|
35
|
-
onMouseEnter = _ref.onMouseEnter,
|
|
36
|
-
onMouseLeave = _ref.onMouseLeave,
|
|
37
35
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
38
|
-
|
|
36
|
+
var handleFocus = function handleFocus(e) {
|
|
37
|
+
onFocus(e);
|
|
38
|
+
};
|
|
39
|
+
var handleBlur = function handleBlur(e) {
|
|
40
|
+
onBlur(e);
|
|
41
|
+
};
|
|
42
|
+
return /*#__PURE__*/React.createElement(StyledTooltipContent, _extends({
|
|
39
43
|
role: "tooltip",
|
|
40
44
|
appearance: appearance,
|
|
41
45
|
borderRadius: appearance === 'box' ? 500 : '5000em',
|
|
@@ -47,10 +51,10 @@ var TooltipBubble = function TooltipBubble(_ref) {
|
|
|
47
51
|
boxShadow: "medium",
|
|
48
52
|
border: 500,
|
|
49
53
|
borderColor: "container.border.base",
|
|
50
|
-
onFocus:
|
|
51
|
-
onBlur:
|
|
52
|
-
onMouseEnter:
|
|
53
|
-
onMouseLeave:
|
|
54
|
+
onFocus: handleFocus,
|
|
55
|
+
onBlur: handleBlur,
|
|
56
|
+
onMouseEnter: handleFocus,
|
|
57
|
+
onMouseLeave: handleBlur,
|
|
54
58
|
tabIndex: 0
|
|
55
59
|
}, rest), children);
|
|
56
60
|
};
|
|
@@ -70,6 +74,8 @@ var Tooltip = function Tooltip(_ref2) {
|
|
|
70
74
|
popoutProps = _ref2.popoutProps,
|
|
71
75
|
_ref2$truncated = _ref2.truncated,
|
|
72
76
|
truncated = _ref2$truncated === void 0 ? false : _ref2$truncated,
|
|
77
|
+
onFocus = _ref2.onFocus,
|
|
78
|
+
onBlur = _ref2.onBlur,
|
|
73
79
|
rest = _objectWithoutProperties(_ref2, _excluded2);
|
|
74
80
|
var _useState = useState(false),
|
|
75
81
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -83,10 +89,12 @@ var Tooltip = function Tooltip(_ref2) {
|
|
|
83
89
|
_useState6 = _slicedToArray(_useState5, 1),
|
|
84
90
|
id = _useState6[0];
|
|
85
91
|
var isInvalidContent = content === null || content === undefined;
|
|
86
|
-
var show = function show() {
|
|
87
|
-
|
|
92
|
+
var show = function show(e) {
|
|
93
|
+
onFocus === null || onFocus === void 0 || onFocus(e);
|
|
94
|
+
setShouldShow(true);
|
|
88
95
|
};
|
|
89
|
-
var hide = function hide() {
|
|
96
|
+
var hide = function hide(e) {
|
|
97
|
+
onBlur === null || onBlur === void 0 || onBlur(e);
|
|
90
98
|
setShouldShow(false);
|
|
91
99
|
};
|
|
92
100
|
var exitDelay = MOTION.MOTION_DURATION_FAST * 1000;
|
|
@@ -129,8 +137,6 @@ var Tooltip = function Tooltip(_ref2) {
|
|
|
129
137
|
appearance: defaultAppearance,
|
|
130
138
|
onFocus: show,
|
|
131
139
|
onBlur: hide,
|
|
132
|
-
onMouseEnter: show,
|
|
133
|
-
onMouseLeave: hide,
|
|
134
140
|
"aria-expanded": isOpen,
|
|
135
141
|
"aria-describedby": id
|
|
136
142
|
}, rest), content);
|
package/lib/Tooltip/styles.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
2
|
import Box from "../Box";
|
|
3
|
-
export var
|
|
4
|
-
displayName: "
|
|
3
|
+
export var StyledTooltipContent = styled(Box).withConfig({
|
|
4
|
+
displayName: "styles__StyledTooltipContent",
|
|
5
5
|
componentId: "sc-19u9ha6-0"
|
|
6
6
|
})(["font-family:", ";", " text-align:", ";"], function (props) {
|
|
7
7
|
return props.theme.fontFamily;
|
package/lib/logoNames.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export default ["adobe-experience-manager", "android", "apple-app-store", "apple", "bigcommerce", "bitly", "bynder", "canva", "dropbox", "facebook-audience-network", "facebook", "facebook-groups", "facebook-shops", "feedly", "github", "glassdoor", "google-analytics", "google-business-messages", "google-drive", "google-my-business", "google-play-store", "hubspot", "instagram", "linkedin-audience-network", "linkedin", "marketo", "messenger", "microsoft-dynamics", "pinterest", "reddit", "salesforce-cloud", "salesforce", "shopify", "slack", "sproutsocial", "tableau", "tiktok", "tripadvisor", "tumblr", "twitter-audience-network", "twitter", "whatsapp", "woocommerce", "yelp", "youtube", "zendesk"];
|
|
1
|
+
export default ["adobe-experience-manager", "android", "apple-app-store", "apple", "bigcommerce", "bitly", "bynder", "canva", "dropbox", "facebook-audience-network", "facebook", "facebook-groups", "facebook-shops", "feedly", "github", "glassdoor", "google-analytics", "google-business-messages", "google-drive", "google-my-business", "google-play-store", "hubspot", "instagram", "linkedin-audience-network", "linkedin", "marketo", "messenger", "microsoft-dynamics", "pinterest", "reddit", "salesforce-cloud", "salesforce", "shopify", "slack", "sproutsocial", "tableau", "tiktok", "tripadvisor", "tumblr", "twitter-audience-network", "twitter", "whatsapp", "woocommerce", "x-twitter", "yelp", "youtube", "zendesk"];
|