@sproutsocial/racine 20.5.0 → 20.7.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/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","x-twitter","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","threads","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" | "x-twitter" | "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" | "threads" | "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,WAAW,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,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMlB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,oPAuDlC,CAAC;AACF,eAAO,MAAM,aAAa,+BAGvB,sBAAsB,gBAaxB,CAAC;AAOF,eAAe,OAAO,CAAC"}
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;AAIjD,OAAO,KAAK,EACV,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EAEjB,aAAa,EAEd,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;AAUF,eAAO,MAAM,SAAS;mEAMnB,kBAAkB;;CA2BpB,CAAC;AAEF,eAAO,MAAM,WAAW;YAAW,YAAY;;CAQ9C,CAAC;AA4FF,eAAO,MAAM,IAAI;0FASd,aAAa;;;uEA1Ib,kBAAkB;;;;sMA7MlB,iBAAiB;;;;gBAwLgB,iBAAiB;;;;gBAGpB,iBAAiB;;;;gBA+Cf,YAAY;;;;gBAUf,cAAc;;;CAuJ7C,CAAC;AAqBF,eAAO,MAAM,UAAU,2FASpB,mBAAmB,gBA+CrB,CAAC;AAEF,eAAe,IAAI,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":";AAGA,OAAO,KAAK,EAAC,0BAA0B,EAAC,MAAM,qBAAqB,CAAC;AAEpE,eAAO,MAAM,iBAAiB,mQAoE7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,2OAQ9B,CAAC"}
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"}
@@ -1 +1 @@
1
- {"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../src/Menu/utils/hooks.ts"],"names":[],"mappings":";;AAGA,OAAO,KAAK,EAAC,qBAAqB,EAAE,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAShF,eAAO,MAAM,WAAW,0CAoBtB,CAAC;AACH,eAAO,MAAM,iBAAiB,gDAG5B,CAAC;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,eAAO,MAAM,qBAAqB;;;;EAEjC,CAAC;AAwBF,wBAAgB,cAAc;;;EA4I7B"}
1
+ {"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../src/Menu/utils/hooks.ts"],"names":[],"mappings":";;AAGA,OAAO,KAAK,EAAC,qBAAqB,EAAE,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAShF,eAAO,MAAM,WAAW,0CAoBtB,CAAC;AACH,eAAO,MAAM,iBAAiB,gDAG5B,CAAC;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,eAAO,MAAM,qBAAqB;;;;EAEjC,CAAC;AAwBF,wBAAgB,cAAc;;;EA6I7B"}
@@ -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", "x-twitter", "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", "threads", "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,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
+ {"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,gtBAAmB,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", "x-twitter", "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", "threads", "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,wBAAqqB"}
1
+ {"version":3,"file":"logoNames.d.ts","sourceRoot":"","sources":["../../src/logoNames.ts"],"names":[],"mappings":";AAAA,wBAA+qB"}
@@ -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;
@@ -83,6 +83,8 @@ module.exports = {
83
83
  "tableau-lockup-dark": "0 0 291 56",
84
84
  "tableau-lockup": "0 0 291 56",
85
85
  "tableau": "0 0 18 18",
86
+ "threads-dark": "0 0 24 24",
87
+ "threads": "0 0 24 24",
86
88
  "tiktok-dark": "0 0 140 159",
87
89
  "tiktok": "0 0 140 159",
88
90
  "tripadvisor-dark": "0 0 140 140",
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 = ["children", "title", "titleAs", "disabled"],
5
- _excluded3 = ["children", "role", "multiselect", "innerRef"],
6
- _excluded4 = ["role", "children", "onChange", "value", "multiselect", "innerRef", "footerContent"],
7
- _excluded5 = ["content", "popoutProps", "children", "onClick", "closeOnItemClick", "id", "placement"];
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, _excluded2);
269
- var menuTitleId = uniqueId('menu-title-');
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 _useContext3 = useContext(MenuContext),
298
- state = _useContext3.state,
299
- setState = _useContext3.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, _excluded3);
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 _useContext4 = useContext(MenuContext),
353
- setState = _useContext4.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, _excluded4);
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, _excluded5);
500
+ props = _objectWithoutProperties(_ref10, _excluded6);
450
501
  var _useState5 = useState(false),
451
502
  _useState6 = _slicedToArray(_useState5, 2),
452
503
  isOpen = _useState6[0],
@@ -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;
@@ -130,7 +130,7 @@ export function useMenuKeyDown() {
130
130
  // eslint-disable-next-line no-fallthrough
131
131
  case 'Enter':
132
132
  var selected = items[selectionIndex];
133
- if (selected) {
133
+ if (selected && !selected.disabled) {
134
134
  event.preventDefault();
135
135
  var func = selectCallbacks.current[selected.index];
136
136
  (func === null || func === void 0 ? void 0 : func.call) && func();
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", "x-twitter", "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", "threads", "tiktok", "tripadvisor", "tumblr", "twitter-audience-network", "twitter", "whatsapp", "woocommerce", "x-twitter", "yelp", "youtube", "zendesk"];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sproutsocial/racine",
3
- "version": "20.5.0",
3
+ "version": "20.7.0",
4
4
  "license": "MIT",
5
5
  "files": [
6
6
  "__flow__",
@@ -35,13 +35,12 @@
35
35
  "start": "npm-run-all clean -p build-svgs watch-package watch-app",
36
36
  "build": "npm-run-all -s clean build-svgs build:typescript build:ts-declarations build-package build-app",
37
37
  "lint-js": "eslint --max-warnings=0 --fix .",
38
- "lint-css": "stylelint 'src/**/*.js'",
39
38
  "jest": "jest --no-cache",
40
39
  "jest:watch": "jest --watch",
41
40
  "test:flow": "flow check --max-warnings 0",
42
41
  "test:ts": "tsc --noEmit",
43
42
  "test:types": "yarn test:flow && yarn test:ts",
44
- "test": "npm-run-all test:types lint-js lint-css jest",
43
+ "test": "npm-run-all test:types lint-js jest",
45
44
  "backstop-test": "yarn backstop test --config='backstop.config.js' --docker",
46
45
  "backstop-reference": "yarn backstop reference --config='backstop.config.js' --docker",
47
46
  "backstop-approve": "yarn backstop approve --config='backstop.config.js' --docker",
@@ -59,9 +58,6 @@
59
58
  ],
60
59
  "**/*.{ts,tsx,js}": [
61
60
  "eslint --max-warnings=0 --fix --ext .ts,.tsx,.js"
62
- ],
63
- "*.scss": [
64
- "stylelint --fix"
65
61
  ]
66
62
  },
67
63
  "dependencies": {
@@ -186,10 +182,6 @@
186
182
  "storybook": "^7.2.1",
187
183
  "storybook-dark-mode": "^3.0.1",
188
184
  "styled-components": "^5.2.3",
189
- "stylelint": "^13.8.0",
190
- "stylelint-config-recommended": "^2.2.0",
191
- "stylelint-config-styled-components": "^0.1.1",
192
- "stylelint-processor-styled-components": "^1.8.0",
193
185
  "svgo": "^1.3.0",
194
186
  "svgstore": "^2.0.3",
195
187
  "tsc-alias": "^1.8.2",