@toptal/picasso-page 5.1.5 → 5.1.7

package/dist-package/src/PageTopBarMenu/PageTopBarMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageTopBarMenu.d.ts","sourceRoot":"","sources":["../../../src/PageTopBarMenu/PageTopBarMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAiC,MAAM,OAAO,CAAA;AAIrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAevD,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,cAAc,CAAC;IACtE,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,yBAAyB;IACzB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,gBAAgB;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,eAAO,MAAM,cAAc,8EA0G1B,CAAA;AAMD,eAAe,cAAc,CAAA"}
+{"version":3,"file":"PageTopBarMenu.d.ts","sourceRoot":"","sources":["../../../src/PageTopBarMenu/PageTopBarMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAiC,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAavD,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,cAAc,CAAC;IACtE,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,yBAAyB;IACzB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,gBAAgB;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,eAAO,MAAM,cAAc,8EA8G1B,CAAA;AAMD,eAAe,cAAc,CAAA"}

package/dist-package/src/PageTopBarMenu/PageTopBarMenu.js

@@ -10,37 +10,35 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { useContext, forwardRef } from 'react';
-import cx from 'classnames';
-import { makeStyles } from '@material-ui/core/styles';
 import { useBreakpoint } from '@toptal/picasso-utils';
 import { UserBadge } from '@toptal/picasso-user-badge';
 import { Avatar } from '@toptal/picasso-avatar';
 import { Typography } from '@toptal/picasso-typography';
 import { DropdownCompound as Dropdown } from '@toptal/picasso-dropdown';
 import { twJoin } from '@toptal/picasso-tailwind-merge';
-import styles from './styles';
 import { PageTopBarContext } from '../PageTopBar';
-const useStyles = makeStyles(styles, {
-    name: 'PicassoTopBarMenu',
-});
+const truncateTextClasses = 'max-w-[11.5rem] whitespace-nowrap overflow-hidden overflow-ellipsis';
 export const PageTopBarMenu = forwardRef(function PageTopBarMenu(props, ref) {
     const { name, meta, avatar, className, style, children, 'data-private': dataPrivate } = props, rest = __rest(props, ["name", "meta", "avatar", "className", "style", "children", 'data-private']);
-    const classes = useStyles();
     const { variant } = useContext(PageTopBarContext);
     const invert = variant === 'light';
     const isCompactLayout = useBreakpoint(['xs', 'sm', 'md']);
-    const metaContent = typeof meta === 'string' ? (React.createElement(Typography, { className: classes.truncateText, invert: !isCompactLayout && !invert, size: 'xsmall', "data-private": dataPrivate }, meta)) : (meta);
+    const metaContent = typeof meta === 'string' ? (React.createElement(Typography, { className: truncateTextClasses, invert: !isCompactLayout && !invert, size: 'xsmall', "data-private": dataPrivate }, meta)) : (meta);
     const content = isCompactLayout ? (React.createElement(React.Fragment, null,
         React.createElement(UserBadge, { center: true, size: 'xxsmall', "data-private": dataPrivate, classes: {
-                root: classes.contentUserBadge,
-                avatar: classes.avatar,
-                name: cx('!font-[400]', classes.truncateText),
+                root: 'p-2 [z-index:1] bg-white relative',
+                avatar: 'text-[0.9rem]',
+                name: twJoin('font-[400]', truncateTextClasses),
             }, name: name, avatar: avatar }, meta && metaContent),
         children)) : (children);
     const trigger = isCompactLayout ? (React.createElement(Avatar, { size: 'xxsmall', "data-private": dataPrivate, name: name, src: avatar })) : (React.createElement(UserBadge, { invert: !invert, center: true, size: 'xxsmall', classes: {
-            name: cx('!font-[400]', classes.truncateText),
+            name: twJoin('font-[400]', truncateTextClasses),
         }, name: name, "data-private": dataPrivate, avatar: avatar }, meta && metaContent));
-    return (React.createElement(Dropdown, Object.assign({}, rest, { ref: ref, className: cx(classes.root, className), classes: { content: classes.content }, style: style, content: content, offset: { top: isCompactLayout ? 0.8 : 'xsmall' }, popperOptions: {
+    return (React.createElement(Dropdown, Object.assign({}, rest, { ref: ref, className: className, classes: {
+            content: twJoin(
+            // viewport minus header height
+            'max-h-[calc(100vh-var(--header-height,3.5rem))]', 'w-[15em] xs:max-md:w-[100vw]'),
+        }, style: style, content: content, offset: { top: isCompactLayout ? 0.8 : 'xsmall' }, popperOptions: {
             modifiers: {
                 flip: { enabled: false },
                 preventOverflow: {

package/dist-package/src/PageTopBarMenu/PageTopBarMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageTopBarMenu.js","sourceRoot":"","sources":["../../../src/PageTopBarMenu/PageTopBarMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PageTopBarMenu.js","sourceRoot":"","sources":["../../../src/PageTopBarMenu/PageTopBarMenu.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso-page",
-  "version": "5.1.5",
+  "version": "5.1.7",
   "description": "Toptal UI components library - Page",
   "publishConfig": {
     "access": "public"
@@ -22,17 +22,17 @@
   },
   "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
   "dependencies": {
-    "@toptal/picasso-accordion": "3.0.9",
-    "@toptal/picasso-autocomplete": "5.0.10",
+    "@toptal/picasso-accordion": "3.0.10",
+    "@toptal/picasso-autocomplete": "5.0.11",
     "@toptal/picasso-avatar": "6.1.3",
     "@toptal/picasso-badge": "3.0.2",
-    "@toptal/picasso-button": "4.0.10",
+    "@toptal/picasso-button": "4.0.11",
     "@toptal/picasso-container": "3.1.0",
     "@toptal/picasso-dropdown": "4.2.0",
     "@toptal/picasso-icons": "1.7.0",
     "@toptal/picasso-logo": "2.0.2",
     "@toptal/picasso-menu": "3.0.8",
-    "@toptal/picasso-notification": "4.0.10",
+    "@toptal/picasso-notification": "4.0.11",
     "@toptal/picasso-shared": "15.0.0",
     "@toptal/picasso-tag": "4.0.3",
     "@toptal/picasso-tooltip": "2.0.0",

package/src/PageTopBarMenu/PageTopBarMenu.tsx

@@ -1,9 +1,6 @@
 /* eslint-disable complexity */
 import type { ReactNode, HTMLAttributes } from 'react'
 import React, { useContext, forwardRef } from 'react'
-import cx from 'classnames'
-import type { Theme } from '@material-ui/core/styles'
-import { makeStyles } from '@material-ui/core/styles'
 import type { BaseProps } from '@toptal/picasso-shared'
 import { useBreakpoint } from '@toptal/picasso-utils'
 import { UserBadge } from '@toptal/picasso-user-badge'
@@ -12,12 +9,10 @@ import { Typography } from '@toptal/picasso-typography'
 import { DropdownCompound as Dropdown } from '@toptal/picasso-dropdown'
 import { twJoin } from '@toptal/picasso-tailwind-merge'
 
-import styles from './styles'
 import { PageTopBarContext } from '../PageTopBar'
 
-const useStyles = makeStyles<Theme>(styles, {
-  name: 'PicassoTopBarMenu',
-})
+const truncateTextClasses =
+  'max-w-[11.5rem] whitespace-nowrap overflow-hidden overflow-ellipsis'
 
 export interface Props extends BaseProps, HTMLAttributes<HTMLDivElement> {
   /** User full name to display */
@@ -42,8 +37,6 @@ export const PageTopBarMenu = forwardRef<HTMLDivElement, Props>(
       'data-private': dataPrivate,
       ...rest
     } = props
-    const classes = useStyles()
-
     const { variant } = useContext(PageTopBarContext)
     const invert = variant === 'light'
 
@@ -52,7 +45,7 @@ export const PageTopBarMenu = forwardRef<HTMLDivElement, Props>(
     const metaContent =
       typeof meta === 'string' ? (
         <Typography
-          className={classes.truncateText}
+          className={truncateTextClasses}
           invert={!isCompactLayout && !invert}
           size='xsmall'
           data-private={dataPrivate}
@@ -70,9 +63,9 @@ export const PageTopBarMenu = forwardRef<HTMLDivElement, Props>(
           size='xxsmall'
           data-private={dataPrivate}
           classes={{
-            root: classes.contentUserBadge,
-            avatar: classes.avatar,
-            name: cx('!font-[400]', classes.truncateText),
+            root: 'p-2 [z-index:1] bg-white relative',
+            avatar: 'text-[0.9rem]',
+            name: twJoin('font-[400]', truncateTextClasses),
           }}
           name={name}
           avatar={avatar}
@@ -98,7 +91,7 @@ export const PageTopBarMenu = forwardRef<HTMLDivElement, Props>(
         center
         size='xxsmall'
         classes={{
-          name: cx('!font-[400]', classes.truncateText),
+          name: twJoin('font-[400]', truncateTextClasses),
         }}
         name={name}
         data-private={dataPrivate}
@@ -112,8 +105,14 @@ export const PageTopBarMenu = forwardRef<HTMLDivElement, Props>(
       <Dropdown
         {...rest}
         ref={ref}
-        className={cx(classes.root, className)}
-        classes={{ content: classes.content }}
+        className={className}
+        classes={{
+          content: twJoin(
+            // viewport minus header height
+            'max-h-[calc(100vh-var(--header-height,3.5rem))]',
+            'w-[15em] xs:max-md:w-[100vw]'
+          ),
+        }}
         style={style}
         content={content}
         offset={{ top: isCompactLayout ? 0.8 : 'xsmall' }}

package/src/PageTopBarMenu/__snapshots__/test.tsx.snap

@@ -36,7 +36,7 @@ exports[`PageTopBarMenu renders 1`] = `
               class="items-center flex"
             >
               <h4
-                class="m-0 text-md text-white font-semibold inline !font-[400] PicassoTopBarMenu-truncateText"
+                class="m-0 text-md text-white inline font-[400] max-w whitespace-nowrap overflow-hidden overflow-ellipsis"
               >
                 Jacqueline Roque
               </h4>

package/dist-package/src/PageTopBarMenu/styles.d.ts

@@ -1,4 +0,0 @@
-import type { Theme } from '@material-ui/core/styles';
-declare const _default: ({ screens }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "name" | "avatar" | "contentUserBadge" | "truncateText" | "paper">;
-export default _default;
-//# sourceMappingURL=styles.d.ts.map

package/dist-package/src/PageTopBarMenu/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/PageTopBarMenu/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;sCAGxB,KAAK;AAAlC,wBAmCI"}

package/dist-package/src/PageTopBarMenu/styles.js

@@ -1,37 +0,0 @@
-import { createStyles } from '@material-ui/core/styles';
-export default ({ screens }) => createStyles({
-    avatar: {
-        fontSize: '0.9rem',
-    },
-    contentUserBadge: {
-        [screens('xs', 'sm', 'md')]: {
-            padding: '1em',
-            zIndex: 1,
-            backgroundColor: 'white',
-            position: 'relative',
-        },
-    },
-    content: {
-        maxHeight: `calc(100vh - var(--header-height, 3.5rem))`,
-        width: '15em',
-        [screens('xs', 'sm')]: {
-            width: '100vw',
-        },
-    },
-    name: {
-        fontWeight: 400,
-        display: 'block',
-    },
-    truncateText: {
-        maxWidth: '11.5rem',
-        whiteSpace: 'nowrap',
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-    },
-    paper: {
-        [screens('xs', 'sm', 'md')]: {
-            top: '2.5em !important',
-        },
-    },
-});
-//# sourceMappingURL=styles.js.map

package/dist-package/src/PageTopBarMenu/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/PageTopBarMenu/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,MAAM,EAAE;QACN,QAAQ,EAAE,QAAQ;KACnB;IACD,gBAAgB,EAAE;QAChB,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE;YAC3B,OAAO,EAAE,KAAK;YACd,MAAM,EAAE,CAAC;YACT,eAAe,EAAE,OAAO;YACxB,QAAQ,EAAE,UAAU;SACrB;KACF;IACD,OAAO,EAAE;QACP,SAAS,EAAE,4CAA4C;QACvD,KAAK,EAAE,MAAM;QACb,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE;YACrB,KAAK,EAAE,OAAO;SACf;KACF;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,GAAG;QACf,OAAO,EAAE,OAAO;KACjB;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,UAAU;KACzB;IACD,KAAK,EAAE;QACL,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE;YAC3B,GAAG,EAAE,kBAAkB;SACxB;KACF;CACF,CAAC,CAAA"}

package/src/PageTopBarMenu/styles.ts

@@ -1,39 +0,0 @@
-import type { Theme } from '@material-ui/core/styles'
-import { createStyles } from '@material-ui/core/styles'
-
-export default ({ screens }: Theme) =>
-  createStyles({
-    avatar: {
-      fontSize: '0.9rem',
-    },
-    contentUserBadge: {
-      [screens('xs', 'sm', 'md')]: {
-        padding: '1em',
-        zIndex: 1,
-        backgroundColor: 'white',
-        position: 'relative',
-      },
-    },
-    content: {
-      maxHeight: `calc(100vh - var(--header-height, 3.5rem))`, // viewport minus header height
-      width: '15em',
-      [screens('xs', 'sm')]: {
-        width: '100vw',
-      },
-    },
-    name: {
-      fontWeight: 400,
-      display: 'block',
-    },
-    truncateText: {
-      maxWidth: '11.5rem',
-      whiteSpace: 'nowrap',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-    },
-    paper: {
-      [screens('xs', 'sm', 'md')]: {
-        top: '2.5em !important',
-      },
-    },
-  })