@sproutsocial/racine 20.4.1 → 20.6.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 +53 -0
- package/__flow__/EnumLogoNames.flow.js +1 -1
- package/__flow__/Listbox/Listbox.flow.js +1 -0
- package/__flow__/LogoViewBoxes.js +2 -0
- package/__flow__/Menu/Menu.flow.js +25 -0
- package/commonjs/Listbox/Listbox.js +1 -0
- package/commonjs/LogoViewBoxes.js +2 -0
- package/commonjs/Menu/Menu.js +67 -15
- package/commonjs/Menu/styles.js +6 -1
- 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/Listbox/Listbox.d.ts +4 -0
- package/dist/types/Listbox/Listbox.d.ts.map +1 -1
- package/dist/types/Menu/Menu.d.ts +9 -1
- package/dist/types/Menu/Menu.d.ts.map +1 -1
- package/dist/types/Menu/MenuTypes.d.ts +13 -0
- package/dist/types/Menu/MenuTypes.d.ts.map +1 -1
- package/dist/types/Menu/styles.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/logoNames.d.ts +1 -1
- package/dist/types/logoNames.d.ts.map +1 -1
- package/lib/Listbox/Listbox.js +1 -0
- package/lib/LogoViewBoxes.js +2 -0
- package/lib/Menu/Menu.js +65 -14
- package/lib/Menu/styles.js +6 -1
- 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"}
|
|
@@ -18,6 +18,10 @@ export declare const Listbox: {
|
|
|
18
18
|
(props: import("../Menu").TypeMenuItemProps): JSX.Element;
|
|
19
19
|
displayName: string;
|
|
20
20
|
};
|
|
21
|
+
Switch: {
|
|
22
|
+
(props: import("../Menu").TypeMenuSwitchProps): JSX.Element;
|
|
23
|
+
displayName: string;
|
|
24
|
+
};
|
|
21
25
|
Group: {
|
|
22
26
|
({ children, title, titleAs, disabled: isDisabled, ...props }: import("../Menu").TypeMenuGroupProps): JSX.Element;
|
|
23
27
|
displayName: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Listbox.d.ts","sourceRoot":"","sources":["../../../src/Listbox/Listbox.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAC,gBAAgB,EAAE,sBAAsB,EAAC,MAAM,gBAAgB,CAAC;AAC7E,eAAO,MAAM,OAAO;kCAIjB,gBAAgB
|
|
1
|
+
{"version":3,"file":"Listbox.d.ts","sourceRoot":"","sources":["../../../src/Listbox/Listbox.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAC,gBAAgB,EAAE,sBAAsB,EAAC,MAAM,gBAAgB,CAAC;AAC7E,eAAO,MAAM,OAAO;kCAIjB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMlB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,oPAuDlC,CAAC;AACF,eAAO,MAAM,aAAa,+BAGvB,sBAAsB,gBAaxB,CAAC;AAQF,eAAe,OAAO,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { TypeBoxProps } from '../Box';
|
|
3
3
|
import { TypeInputProps } from '../Input';
|
|
4
|
-
import type { TypeMenuButtonProps, TypeMenuGroupProps, TypeMenuItemProps, TypeMenuProps } from './MenuTypes';
|
|
4
|
+
import type { TypeMenuButtonProps, TypeMenuGroupProps, TypeMenuItemProps, TypeMenuProps, TypeMenuSwitchProps } from './MenuTypes';
|
|
5
5
|
export declare const MenuItem: {
|
|
6
6
|
({ id: idProp, index: indexProp, as, children, role: roleProp, elemBefore, elemAfter, value: valueProp, onKeyPress, onClick, selected, disabled, indeterminate, label: labelProp, ...props }: TypeMenuItemProps): JSX.Element;
|
|
7
7
|
displayName: string;
|
|
@@ -14,6 +14,10 @@ export declare const MenuRadio: {
|
|
|
14
14
|
(props: TypeMenuItemProps): JSX.Element;
|
|
15
15
|
displayName: string;
|
|
16
16
|
};
|
|
17
|
+
export declare const MenuSwitch: {
|
|
18
|
+
(props: TypeMenuSwitchProps): JSX.Element;
|
|
19
|
+
displayName: string;
|
|
20
|
+
};
|
|
17
21
|
export declare const MenuGroup: {
|
|
18
22
|
({ children, title, titleAs, disabled: isDisabled, ...props }: TypeMenuGroupProps): JSX.Element;
|
|
19
23
|
displayName: string;
|
|
@@ -41,6 +45,10 @@ export declare const Menu: {
|
|
|
41
45
|
(props: TypeMenuItemProps): JSX.Element;
|
|
42
46
|
displayName: string;
|
|
43
47
|
};
|
|
48
|
+
Switch: {
|
|
49
|
+
(props: TypeMenuSwitchProps): JSX.Element;
|
|
50
|
+
displayName: string;
|
|
51
|
+
};
|
|
44
52
|
Divider: {
|
|
45
53
|
(props: TypeBoxProps): JSX.Element;
|
|
46
54
|
displayName: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/Menu/Menu.tsx"],"names":[],"mappings":";AAcA,OAAY,EAAC,YAAY,EAAC,MAAM,UAAU,CAAC;AAI3C,OAAc,EAAC,cAAc,EAAC,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/Menu/Menu.tsx"],"names":[],"mappings":";AAcA,OAAY,EAAC,YAAY,EAAC,MAAM,UAAU,CAAC;AAI3C,OAAc,EAAC,cAAc,EAAC,MAAM,YAAY,CAAC;AAKjD,OAAO,KAAK,EACV,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EAEjB,aAAa,EAEb,mBAAmB,EACpB,MAAM,aAAa,CAAC;AA8CrB,eAAO,MAAM,QAAQ;kMAgBlB,iBAAiB;;CAuLnB,CAAC;AACF,eAAO,MAAM,YAAY;YAAW,iBAAiB;;CAEpD,CAAC;AACF,eAAO,MAAM,SAAS;YAAW,iBAAiB;;CAEjD,CAAC;AAEF,eAAO,MAAM,UAAU;YAAW,mBAAmB;;CA8CpD,CAAC;AAUF,eAAO,MAAM,SAAS;mEAMnB,kBAAkB;;CA2BpB,CAAC;AAEF,eAAO,MAAM,WAAW;YAAW,YAAY;;CAQ9C,CAAC;AA4FF,eAAO,MAAM,IAAI;0FASd,aAAa;;;uEA1Ib,kBAAkB;;;;sMA7PlB,iBAAiB;;;;gBAwLgB,iBAAiB;;;;gBAGpB,iBAAiB;;;;gBAIhB,mBAAmB;;;;gBA2FlB,YAAY;;;;gBAUf,cAAc;;;CAuJ7C,CAAC;AAuBF,eAAO,MAAM,UAAU,2FASpB,mBAAmB,gBA+CrB,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -2,7 +2,9 @@ import type { TypeStyledComponentsCommonProps } from '../types/styled-components
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import type { TypeBoxProps } from '../Box';
|
|
4
4
|
import type { TypeButtonProps } from '../Button';
|
|
5
|
+
import type { TypeTextProps } from '../Text';
|
|
5
6
|
import type { EnumPlacements, TypePopoutProps } from '../Popout/PopoutTypes';
|
|
7
|
+
import type { TypeSwitchProps } from '../Switch';
|
|
6
8
|
import { MENU_ITEM_ROLES, MENU_ROLES } from './utils/constants';
|
|
7
9
|
export type TypeMenuRoles = (typeof MENU_ROLES)[keyof typeof MENU_ROLES];
|
|
8
10
|
export type TypeMenuItemRoles = (typeof MENU_ITEM_ROLES)[keyof typeof MENU_ITEM_ROLES];
|
|
@@ -53,6 +55,17 @@ export interface TypeMenuItemProps {
|
|
|
53
55
|
'data-qa-menu-item'?: string;
|
|
54
56
|
alignItems?: string;
|
|
55
57
|
}
|
|
58
|
+
export interface TypeMenuSwitchProps extends TypeMenuItemProps {
|
|
59
|
+
/** Determines whether the Switch will be rendered as elemBefore or elemAfter. */
|
|
60
|
+
placement: 'before' | 'after';
|
|
61
|
+
/** Pass any valid Text props except children to the label.
|
|
62
|
+
* children is omitted because Menu.Switch's children is rendered as the label's children.*/
|
|
63
|
+
labelProps?: Partial<Omit<TypeTextProps, 'children'>>;
|
|
64
|
+
/** Pass any valid Switch props except onClick to the Switch.
|
|
65
|
+
* onClick is omitted because it would only be triggered when the Switch itself is clicked with a mouse.
|
|
66
|
+
* The top-level onClick prop, which will be triggered for a click or keypress anywhere on the Menu Item, should be used instead. */
|
|
67
|
+
switchProps?: Partial<Omit<TypeSwitchProps, 'onClick'>>;
|
|
68
|
+
}
|
|
56
69
|
export interface TypeMenuGroupProps extends Omit<TypeBoxProps, 'title'> {
|
|
57
70
|
children: React.ReactNode;
|
|
58
71
|
/** If provided, a visible title will be rendered for the group. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuTypes.d.ts","sourceRoot":"","sources":["../../../src/Menu/MenuTypes.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"MenuTypes.d.ts","sourceRoot":"","sources":["../../../src/Menu/MenuTypes.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Menu/styles.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Menu/styles.ts"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAC,0BAA0B,EAAC,MAAM,qBAAqB,CAAC;AAEpE,eAAO,MAAM,iBAAiB,mQA8E7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,2OAQ9B,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,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/Listbox/Listbox.js
CHANGED
|
@@ -98,6 +98,7 @@ export var ListboxButton = function ListboxButton(_ref2) {
|
|
|
98
98
|
Listbox.Option = Listbox.Item = Menu.Item;
|
|
99
99
|
Listbox.Checkbox = Menu.Checkbox;
|
|
100
100
|
Listbox.Radio = Menu.Radio;
|
|
101
|
+
Listbox.Switch = Menu.Switch;
|
|
101
102
|
Listbox.Group = Menu.Group;
|
|
102
103
|
Listbox.Divider = Menu.Divider;
|
|
103
104
|
Listbox.FilterInput = Menu.FilterInput;
|
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/Menu/Menu.js
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
2
|
import _styled from "styled-components";
|
|
3
3
|
var _excluded = ["id", "index", "as", "children", "role", "elemBefore", "elemAfter", "value", "onKeyPress", "onClick", "selected", "disabled", "indeterminate", "label"],
|
|
4
|
-
_excluded2 = ["
|
|
5
|
-
_excluded3 = ["children", "
|
|
6
|
-
_excluded4 = ["
|
|
7
|
-
_excluded5 = ["
|
|
4
|
+
_excluded2 = ["placement", "labelProps", "switchProps", "children", "id", "label"],
|
|
5
|
+
_excluded3 = ["children", "title", "titleAs", "disabled"],
|
|
6
|
+
_excluded4 = ["children", "role", "multiselect", "innerRef"],
|
|
7
|
+
_excluded5 = ["role", "children", "onChange", "value", "multiselect", "innerRef", "footerContent"],
|
|
8
|
+
_excluded6 = ["content", "popoutProps", "children", "onClick", "closeOnItemClick", "id", "placement"];
|
|
8
9
|
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; }
|
|
9
10
|
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; }
|
|
10
11
|
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; }
|
|
@@ -33,6 +34,7 @@ import Icon from "../Icon";
|
|
|
33
34
|
import Input from "../Input";
|
|
34
35
|
import Popout from "../Popout";
|
|
35
36
|
import Radio from "../Radio";
|
|
37
|
+
import Switch from "../Switch";
|
|
36
38
|
import Text from "../Text";
|
|
37
39
|
import { MENU_ITEM_ROLES, MENU_ROLES, DescendantProvider, useDescendant, useDescendants, MenuButtonContext, MenuContext, MenuDescendantContext, useMenuKeyDown } from "./utils";
|
|
38
40
|
import { MenuItemContainer, MenuItemsContainer } from "./styles";
|
|
@@ -237,6 +239,51 @@ export var MenuRadio = function MenuRadio(props) {
|
|
|
237
239
|
role: MENU_ITEM_ROLES.RADIO
|
|
238
240
|
}, props));
|
|
239
241
|
};
|
|
242
|
+
export var MenuSwitch = function MenuSwitch(props) {
|
|
243
|
+
var _useContext3 = useContext(MenuContext),
|
|
244
|
+
menuValue = _useContext3.value;
|
|
245
|
+
var placement = props.placement,
|
|
246
|
+
_props$labelProps = props.labelProps,
|
|
247
|
+
labelProps = _props$labelProps === void 0 ? {} : _props$labelProps,
|
|
248
|
+
_props$switchProps = props.switchProps,
|
|
249
|
+
switchProps = _props$switchProps === void 0 ? {} : _props$switchProps,
|
|
250
|
+
children = props.children,
|
|
251
|
+
id = props.id,
|
|
252
|
+
label = props.label,
|
|
253
|
+
rest = _objectWithoutProperties(props, _excluded2);
|
|
254
|
+
var menuItemId = useMemo(function () {
|
|
255
|
+
return id || uniqueId('MenuItem-');
|
|
256
|
+
}, [id]);
|
|
257
|
+
var labelId = "".concat(menuItemId, "-label");
|
|
258
|
+
var switchElement = /*#__PURE__*/React.createElement(Switch, _extends({
|
|
259
|
+
id: "".concat(menuItemId, "-switch"),
|
|
260
|
+
checked: props.selected || isValueSelected(menuValue, props.value),
|
|
261
|
+
"aria-hidden": "true",
|
|
262
|
+
tabIndex: -1,
|
|
263
|
+
"aria-labelledby": labelId
|
|
264
|
+
}, placement === 'before' ? {
|
|
265
|
+
mr: 300
|
|
266
|
+
} : {
|
|
267
|
+
ml: 300
|
|
268
|
+
}, switchProps, {
|
|
269
|
+
// This prop is passed after switchProps to disallow overrides.
|
|
270
|
+
onClick: noop
|
|
271
|
+
}));
|
|
272
|
+
var menuItemProps = _objectSpread({
|
|
273
|
+
id: menuItemId,
|
|
274
|
+
label: label,
|
|
275
|
+
elemBefore: placement === 'before' ? switchElement : undefined,
|
|
276
|
+
// Empty fragment prevents a check icon in elemAfter when the switch is checked. Can be overridden.
|
|
277
|
+
elemAfter: placement === 'before' ? /*#__PURE__*/React.createElement(React.Fragment, null) : switchElement
|
|
278
|
+
}, rest);
|
|
279
|
+
return /*#__PURE__*/React.createElement(MenuItem, menuItemProps, /*#__PURE__*/React.createElement(Text, _extends({
|
|
280
|
+
id: labelId
|
|
281
|
+
}, labelProps, {
|
|
282
|
+
// This prop is passed after labelProps to disallow overrides.
|
|
283
|
+
// Fall back to the label prop if children is falsy.
|
|
284
|
+
children: children || label
|
|
285
|
+
})));
|
|
286
|
+
};
|
|
240
287
|
var MenuTitle = styled(Text).withConfig({
|
|
241
288
|
displayName: "Menu__MenuTitle",
|
|
242
289
|
componentId: "sc-1jmjosz-0"
|
|
@@ -265,8 +312,10 @@ export var MenuGroup = function MenuGroup(_ref6) {
|
|
|
265
312
|
titleAs = _ref6.titleAs,
|
|
266
313
|
_ref6$disabled = _ref6.disabled,
|
|
267
314
|
isDisabled = _ref6$disabled === void 0 ? false : _ref6$disabled,
|
|
268
|
-
props = _objectWithoutProperties(_ref6,
|
|
269
|
-
var menuTitleId =
|
|
315
|
+
props = _objectWithoutProperties(_ref6, _excluded3);
|
|
316
|
+
var menuTitleId = useMemo(function () {
|
|
317
|
+
return uniqueId('menu-title-');
|
|
318
|
+
}, []);
|
|
270
319
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, _extends({
|
|
271
320
|
p: 300,
|
|
272
321
|
role: "group",
|
|
@@ -294,9 +343,9 @@ var MenuFilterInput = function MenuFilterInput(props) {
|
|
|
294
343
|
var onChange = props.onChange,
|
|
295
344
|
onFocus = props.onFocus,
|
|
296
345
|
onBlur = props.onBlur;
|
|
297
|
-
var
|
|
298
|
-
state =
|
|
299
|
-
setState =
|
|
346
|
+
var _useContext4 = useContext(MenuContext),
|
|
347
|
+
state = _useContext4.state,
|
|
348
|
+
setState = _useContext4.setState;
|
|
300
349
|
var handleOnChange = useCallback(function (event, value) {
|
|
301
350
|
onChange && onChange(event, value);
|
|
302
351
|
setState({
|
|
@@ -327,7 +376,7 @@ var MenuItems = function MenuItems(_ref7) {
|
|
|
327
376
|
role = _ref7.role,
|
|
328
377
|
multiselect = _ref7.multiselect,
|
|
329
378
|
innerRef = _ref7.innerRef,
|
|
330
|
-
props = _objectWithoutProperties(_ref7,
|
|
379
|
+
props = _objectWithoutProperties(_ref7, _excluded4);
|
|
331
380
|
var _useMenuKeyDown = useMenuKeyDown(),
|
|
332
381
|
handleKeyDown = _useMenuKeyDown.handleKeyDown,
|
|
333
382
|
activeDescendent = _useMenuKeyDown.activeDescendent;
|
|
@@ -349,8 +398,8 @@ var MenuItems = function MenuItems(_ref7) {
|
|
|
349
398
|
};
|
|
350
399
|
var MenuFooter = function MenuFooter(_ref8) {
|
|
351
400
|
var children = _ref8.children;
|
|
352
|
-
var
|
|
353
|
-
setState =
|
|
401
|
+
var _useContext5 = useContext(MenuContext),
|
|
402
|
+
setState = _useContext5.setState;
|
|
354
403
|
var handleOnBlur = useCallback(function () {
|
|
355
404
|
setState({
|
|
356
405
|
isFooterFocused: false
|
|
@@ -375,7 +424,7 @@ export var Menu = function Menu(_ref9) {
|
|
|
375
424
|
multiselect = _ref9.multiselect,
|
|
376
425
|
innerRef = _ref9.innerRef,
|
|
377
426
|
footerContent = _ref9.footerContent,
|
|
378
|
-
props = _objectWithoutProperties(_ref9,
|
|
427
|
+
props = _objectWithoutProperties(_ref9, _excluded5);
|
|
379
428
|
var _useDescendants = useDescendants(),
|
|
380
429
|
_useDescendants2 = _slicedToArray(_useDescendants, 2),
|
|
381
430
|
descendants = _useDescendants2[0],
|
|
@@ -422,6 +471,7 @@ MenuGroup.displayName = 'Menu.Group';
|
|
|
422
471
|
MenuItem.displayName = 'Menu.Item';
|
|
423
472
|
MenuCheckbox.displayName = 'Menu.Checkbox';
|
|
424
473
|
MenuRadio.displayName = 'Menu.Radio';
|
|
474
|
+
MenuSwitch.displayName = 'Menu.Switch';
|
|
425
475
|
MenuDivider.displayName = 'Menu.Divider';
|
|
426
476
|
MenuFilterInput.displayName = 'Menu.FilterInput';
|
|
427
477
|
Menu.displayName = 'Menu';
|
|
@@ -429,6 +479,7 @@ Menu.Group = MenuGroup;
|
|
|
429
479
|
Menu.Item = MenuItem;
|
|
430
480
|
Menu.Checkbox = MenuCheckbox;
|
|
431
481
|
Menu.Radio = MenuRadio;
|
|
482
|
+
Menu.Switch = MenuSwitch;
|
|
432
483
|
Menu.Divider = MenuDivider;
|
|
433
484
|
Menu.FilterInput = MenuFilterInput;
|
|
434
485
|
var CustomPopoutContent = styled(Popout.Content).withConfig({
|
|
@@ -446,7 +497,7 @@ export var MenuButton = function MenuButton(_ref10) {
|
|
|
446
497
|
id = _ref10$id === void 0 ? uniqueId('MenuButton-') : _ref10$id,
|
|
447
498
|
_ref10$placement = _ref10.placement,
|
|
448
499
|
placement = _ref10$placement === void 0 ? 'bottom' : _ref10$placement,
|
|
449
|
-
props = _objectWithoutProperties(_ref10,
|
|
500
|
+
props = _objectWithoutProperties(_ref10, _excluded6);
|
|
450
501
|
var _useState5 = useState(false),
|
|
451
502
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
452
503
|
isOpen = _useState6[0],
|
package/lib/Menu/styles.js
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import styled, { css } from 'styled-components';
|
|
2
2
|
import { disabled, focusRing } from "../utils/mixins";
|
|
3
3
|
import Box from "../Box";
|
|
4
|
+
import { StyledSwitchButton as Switch } from "../Switch/styles";
|
|
4
5
|
export var MenuItemContainer = styled(Box).withConfig({
|
|
5
6
|
displayName: "styles__MenuItemContainer",
|
|
6
7
|
componentId: "sc-168zlb1-0"
|
|
7
|
-
})(["", ";width:100%;border-radius:", ";background-color:", ";border:none;text-align:left;color:", ";font-family:", ";font-weight:", ";padding:", ";list-style-type:none;outline:0;", ";", " ", " ", " ", " ", ""], function (props) {
|
|
8
|
+
})(["", ";width:100%;border-radius:", ";background-color:", ";border:none;text-align:left;color:", ";font-family:", ";font-weight:", ";padding:", ";list-style-type:none;outline:0;", ";", " ", " ", "{", "}", " ", " ", ""], function (props) {
|
|
8
9
|
return !props.hidden && css(["display:block;"]);
|
|
9
10
|
}, function (props) {
|
|
10
11
|
return props.theme.radii[500];
|
|
@@ -30,6 +31,10 @@ export var MenuItemContainer = styled(Box).withConfig({
|
|
|
30
31
|
}, props.theme.colors.listItem.background.selected, function (props) {
|
|
31
32
|
return props.theme.colors.text.inverse;
|
|
32
33
|
});
|
|
34
|
+
}, Switch, function (props) {
|
|
35
|
+
return props.active && !props.disabled && css(["border-color:", ";"], function (props) {
|
|
36
|
+
return props.theme.colors.container.border.base;
|
|
37
|
+
});
|
|
33
38
|
}, function (props) {
|
|
34
39
|
return !props.disabled && css(["&:focus,&:hover{color:", ";background-color:", ";.Icon-svg{color:unset;}}"], function (props) {
|
|
35
40
|
return props.theme.colors.text.body;
|
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"];
|