@toptal/picasso 28.6.1 → 28.8.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.
Files changed (12) hide show
  1. package/Container/Container.d.ts +1 -1
  2. package/Container/Container.js +1 -1
  3. package/Container/Container.js.map +1 -1
  4. package/Container/styles.js +4 -0
  5. package/Container/styles.js.map +1 -1
  6. package/MenuItem/MenuItem.d.ts +3 -0
  7. package/MenuItem/MenuItem.js +14 -12
  8. package/MenuItem/MenuItem.js.map +1 -1
  9. package/MenuItem/styles.d.ts +1 -1
  10. package/MenuItem/styles.js +3 -0
  11. package/MenuItem/styles.js.map +1 -1
  12. package/package.json +1 -1
package/Container/Container.d.ts CHANGED
@@ -3,7 +3,7 @@ import { PropTypes } from '@material-ui/core';
3
3
  import { StandardProps, SpacingType } from '@toptal/picasso-shared';
4
4
  import { AlignItemsType, JustifyContentType, VariantType } from './styles';
5
5
  declare type ContainerType = 'div' | 'span';
6
- declare type DirectionType = 'row' | 'column';
6
+ declare type DirectionType = 'row' | 'column' | 'row-reverse' | 'column-reverse';
7
7
  declare type BorderableType = 'transparent' | 'white';
8
8
  export interface Props<V extends VariantType = VariantType> extends StandardProps, HTMLAttributes<HTMLDivElement | HTMLSpanElement> {
9
9
  /** Content of Container */
package/Container/Container.js CHANGED
@@ -46,7 +46,7 @@ export const Container = documentable(forwardRef((props, ref) => {
46
46
  [classes.rounded]: rounded,
47
47
  [classes.flex]: flex,
48
48
  [classes.inline]: inline,
49
- [classes.column]: direction === 'column',
49
+ [classes[kebabToCamelCase(direction || '')]]: direction && direction !== 'row',
50
50
  }, className), style: Object.assign(Object.assign(Object.assign(Object.assign({}, margins), (typeof padded === 'number' && {
51
51
  padding: spacingToRem(padded),
52
52
  })), (typeof gap === 'number' && { gap: spacingToRem(gap) })), style) }), children));
package/Container/Container.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Container.js","sourceRoot":"","sources":["../../src/Container/Container.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Container.js","sourceRoot":"","sources":["../../src/Container/Container.tsx"],"names":[],"mappings":"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"}
package/Container/styles.js CHANGED
@@ -104,6 +104,10 @@ export default ({ palette, sizes: { borderRadius } }) => createStyles(Object.ass
104
104
  },
105
105
  }, column: {
106
106
  flexDirection: 'column',
107
+ }, rowReverse: {
108
+ flexDirection: 'row-reverse',
109
+ }, columnReverse: {
110
+ flexDirection: 'column-reverse',
107
111
  }, inline: {
108
112
  display: 'inline-block',
109
113
  }, whiteVariant: {
package/Container/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Container/styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Container/styles.ts"],"names":[],"mappings":"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"}
package/MenuItem/MenuItem.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import React, { ReactNode, LiHTMLAttributes, HTMLAttributes, ElementType, ReactElement } from 'react';
2
2
  import { BaseProps, ButtonOrAnchorProps, TextLabelProps, OverridableComponent } from '@toptal/picasso-shared';
3
+ import Avatar, { AvatarProps } from '../Avatar';
3
4
  export declare type VariantType = 'light' | 'dark';
4
5
  export declare type MenuItemAttributes = LiHTMLAttributes<HTMLLIElement> & HTMLAttributes<HTMLDivElement> & ButtonOrAnchorProps;
5
6
  export interface Props extends BaseProps, TextLabelProps, MenuItemAttributes {
@@ -27,6 +28,8 @@ export interface Props extends BaseProps, TextLabelProps, MenuItemAttributes {
27
28
  description?: ReactNode;
28
29
  /** Render an `<Icon />` */
29
30
  icon?: ReactElement;
31
+ /** Render an <Avatar /> */
32
+ avatar?: ReactElement<AvatarProps, typeof Avatar>;
30
33
  /** Callback when item is clicked */
31
34
  onClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
32
35
  /** Callback when item is hovered */
package/MenuItem/MenuItem.js CHANGED
@@ -26,7 +26,7 @@ const useStyles = makeStyles(styles, {
26
26
  name: 'PicassoMenuItem',
27
27
  });
28
28
  export const MenuItem = forwardRef(function MenuItem(props, ref) {
29
- const { as = 'li', children, description, className, disabled, disableGutters, menu, titleCase: propTitleCase, selected, checkmarked, style, value, variant = 'light', nonSelectable, onClick, onMouseEnter, icon } = props, rest = __rest(props, ["as", "children", "description", "className", "disabled", "disableGutters", "menu", "titleCase", "selected", "checkmarked", "style", "value", "variant", "nonSelectable", "onClick", "onMouseEnter", "icon"]);
29
+ const { as = 'li', children, description, className, disabled, disableGutters, menu, titleCase: propTitleCase, selected, checkmarked, style, value, variant = 'light', nonSelectable, onClick, onMouseEnter, icon, avatar } = props, rest = __rest(props, ["as", "children", "description", "className", "disabled", "disableGutters", "menu", "titleCase", "selected", "checkmarked", "style", "value", "variant", "nonSelectable", "onClick", "onMouseEnter", "icon", "avatar"]);
30
30
  const classes = useStyles();
31
31
  const anchorRef = useRef(null);
32
32
  const titleCase = useTitleCase(propTitleCase);
@@ -48,17 +48,19 @@ export const MenuItem = forwardRef(function MenuItem(props, ref) {
48
48
  [classes.nonSelectable]: nonSelectable,
49
49
  [classes.disabled]: disabled,
50
50
  }), disabled: disabled, disableGutters: disableGutters, onClick: onItemClick, onMouseEnter: onItemMouseEnter, style: style, value: value, selected: selected || isOpened }),
51
- React.createElement(Container, { ref: anchorRef, flex: true, direction: 'column', className: classes.content },
52
- React.createElement(Container, { flex: true, alignItems: 'center' },
53
- isIconWrapperVisible && (React.createElement(Container, { className: classes.iconContainer, flex: true, inline: true, right: 'xsmall' }, checkmarked ? React.createElement(CheckMinor16, null) : icon)),
54
- typeof children === 'string' ? (React.createElement("span", { className: cx(classes.stringContent, {
55
- [classes.stringContentSemibold]: checkmarked,
56
- }), style: style }, titleCase ? toTitleCase(children) : children)) : (children),
57
- menu && (React.createElement(Container, { flex: true, inline: true, left: 'xsmall' },
58
- React.createElement(ChevronMinor16, { color: '' })))),
59
- description && (React.createElement(Container, { className: cx(classes.description, {
60
- [classes.descriptionDisabled]: disabled,
61
- }), left: isIconWrapperVisible ? 'medium' : undefined, top: 0.25 }, description)))),
51
+ React.createElement(Container, { ref: anchorRef, className: classes.itemWrapper, flex: true, direction: 'row' },
52
+ avatar && React.createElement(Container, { right: 'xsmall' }, avatar),
53
+ React.createElement(Container, { flex: true, direction: 'column', className: classes.content },
54
+ React.createElement(Container, { flex: true, alignItems: 'center' },
55
+ isIconWrapperVisible && (React.createElement(Container, { className: classes.iconContainer, flex: true, inline: true, right: 'xsmall' }, checkmarked ? React.createElement(CheckMinor16, null) : icon)),
56
+ typeof children === 'string' ? (React.createElement("span", { className: cx(classes.stringContent, {
57
+ [classes.stringContentSemibold]: checkmarked,
58
+ }), style: style }, titleCase ? toTitleCase(children) : children)) : (children),
59
+ menu && (React.createElement(Container, { flex: true, inline: true, left: 'xsmall' },
60
+ React.createElement(ChevronMinor16, { color: '' })))),
61
+ description && (React.createElement(Container, { className: cx(classes.description, {
62
+ [classes.descriptionDisabled]: disabled,
63
+ }), left: isIconWrapperVisible ? 'medium' : undefined, top: 0.25 }, description))))),
62
64
  menu && isOpened && (React.createElement(Popper, { anchorEl: anchorRef.current, placement: 'right-start', open: true, autoWidth: false, enableCompactMode: true, popperOptions: {
63
65
  modifiers: {
64
66
  offset: {
package/MenuItem/MenuItem.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAMV,MAAM,GACP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,WAAW,MAAM,4BAA4B,CAAA;AACpD,OAAO,EACL,YAAY,GAKb,MAAM,wBAAwB,CAAA;AAE/B,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtD,OAAO,KAAK,MAAM,UAAU,CAAA;AAC5B,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACrC,OAAO,MAAM,MAAM,UAAU,CAAA;AA0C7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,iBAAiB;CACxB,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAgC,UAAU,CAI7D,SAAS,QAAQ,CAAC,KAAK,EAAE,GAAG;IAC5B,MAAM,EACJ,EAAE,GAAG,IAAI,EACT,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAQ,EACR,cAAc,EACd,IAAI,EACJ,SAAS,EAAE,aAAa,EACxB,QAAQ,EACR,WAAW,EACX,KAAK,EACL,KAAK,EACL,OAAO,GAAG,OAAO,EACjB,aAAa,EACb,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,MAAM,KAEJ,KAAK,EADJ,IAAI,UACL,KAAK,EApBH,uNAoBL,CAAQ,CAAA;IAET,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,CAAC,CAAA;IAC7C,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,gBAAgB,EAAE,WAAW,EAAE,GAAG,WAAW,CAAC;QAC3E,IAAI;QACJ,OAAO;QACP,YAAY;KACb,CAAC,CAAA;IACF,MAAM,MAAM,GAAG,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,IAAI,CAAA;IACvC,MAAM,oBAAoB,GAAG,WAAW,KAAK,SAAS,IAAI,IAAI,CAAA;IAE9D,OAAO,CACL;QACE,oBAAC,WAAW,oBACN,IAAI,IACR,GAAG,EAAE,GAAG;YACR,2DAA2D;YAC3D,sEAAsE;YACtE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAC5B,OAAO,EAAE;gBACP,OAAO,EAAE,OAAO,CAAC,OAAO;gBACxB,QAAQ,EAAE,OAAO,CAAC,QAAQ;aAC3B,EACD,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE;gBACvD,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,aAAa;gBACtC,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,QAAQ;aAC7B,CAAC,EACF,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,gBAAgB,EAC9B,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IAAI,QAAQ;YAE9B,oBAAC,SAAS,IACR,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,OAAO,CAAC,WAAW,EAC9B,IAAI,QACJ,SAAS,EAAC,KAAK;gBAEd,MAAM,IAAI,oBAAC,SAAS,IAAC,KAAK,EAAC,QAAQ,IAAE,MAAM,CAAa;gBAEzD,oBAAC,SAAS,IAAC,IAAI,QAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAE,OAAO,CAAC,OAAO;oBAC3D,oBAAC,SAAS,IAAC,IAAI,QAAC,UAAU,EAAC,QAAQ;wBAChC,oBAAoB,IAAI,CACvB,oBAAC,SAAS,IACR,SAAS,EAAE,OAAO,CAAC,aAAa,EAChC,IAAI,QACJ,MAAM,QACN,KAAK,EAAC,QAAQ,IAEb,WAAW,CAAC,CAAC,CAAC,oBAAC,YAAY,OAAG,CAAC,CAAC,CAAC,IAAI,CAC5B,CACb;wBACA,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9B,8BACE,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,aAAa,EAAE;gCACnC,CAAC,OAAO,CAAC,qBAAqB,CAAC,EAAE,WAAW;6BAC7C,CAAC,EACF,KAAK,EAAE,KAAK,IAEX,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CACxC,CACR,CAAC,CAAC,CAAC,CACF,QAAQ,CACT;wBACA,IAAI,IAAI,CACP,oBAAC,SAAS,IAAC,IAAI,QAAC,MAAM,QAAC,IAAI,EAAC,QAAQ;4BAClC,oBAAC,cAAc,IAAC,KAAK,EAAC,EAAE,GAAG,CACjB,CACb,CACS;oBACX,WAAW,IAAI,CACd,oBAAC,SAAS,IACR,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE;4BACjC,CAAC,OAAO,CAAC,mBAAmB,CAAC,EAAE,QAAQ;yBACxC,CAAC,EACF,IAAI,EAAE,oBAAoB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACjD,GAAG,EAAE,IAAI,IAER,WAAW,CACF,CACb,CACS,CACF,CACA;QACb,IAAI,IAAI,QAAQ,IAAI,CACnB,oBAAC,MAAM,IACL,QAAQ,EAAE,SAAS,CAAC,OAAO,EAC3B,SAAS,EAAC,aAAa,EACvB,IAAI,QACJ,SAAS,EAAE,KAAK,EAChB,iBAAiB,QACjB,aAAa,EAAE;gBACb,SAAS,EAAE;oBACT,MAAM,EAAE;wBACN,MAAM,EAAE,WAAW;qBACpB;iBACF;aACF;YAED,oBAAC,iBAAiB,IAAC,WAAW,EAAE,WAAW;gBACzC,oBAAC,KAAK,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK,IAAG,IAAI,CAAS,CAC7B,CACb,CACV,CACA,CACJ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,YAAY,GAAG;IACtB,EAAE,EAAE,IAAI;IACR,OAAO,EAAE,OAAO;IAChB,aAAa,EAAE,KAAK;CACrB,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}
package/MenuItem/styles.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { Theme } from '@material-ui/core/styles';
2
- declare const _default: ({ typography, palette, shadows }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "dark" | "light" | "disabled" | "root" | "selected" | "paper" | "gutters" | "iconContainer" | "nonSelectable" | "stringContent" | "stringContentSemibold" | "description" | "descriptionDisabled">;
2
+ declare const _default: ({ typography, palette, shadows }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "dark" | "light" | "disabled" | "root" | "selected" | "paper" | "gutters" | "iconContainer" | "nonSelectable" | "stringContent" | "stringContentSemibold" | "itemWrapper" | "description" | "descriptionDisabled">;
3
3
  export default _default;
package/MenuItem/styles.js CHANGED
@@ -95,6 +95,9 @@ export default ({ typography, palette, shadows }) => createStyles({
95
95
  iconContainer: {
96
96
  width: '1rem',
97
97
  },
98
+ itemWrapper: {
99
+ flex: 1,
100
+ },
98
101
  content: {
99
102
  flex: 1,
100
103
  minWidth: '0px',
package/MenuItem/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/MenuItem/styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/MenuItem/styles.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toptal/picasso",
3
- "version": "28.6.1",
3
+ "version": "28.8.0",
4
4
  "description": "Toptal UI components library",
5
5
  "publishConfig": {
6
6
  "access": "public",