frst-components 0.24.0 → 0.24.1
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/index.js
CHANGED
|
@@ -19790,21 +19790,16 @@ function ModalShowUsers({ isOpen, handleClose, goalUsers = [], goalOwner, onClic
|
|
|
19790
19790
|
function UsersChallenge({ goalUsers = [], goalOwner, hasOnlyAutor, onUserNameClick, onClickAvatar, isCardVersion }) {
|
|
19791
19791
|
const [isModalOpen, setIsModalOpen] = React.useState(false);
|
|
19792
19792
|
const maxVisibleUsers = 5;
|
|
19793
|
-
const reorderedUsers =
|
|
19794
|
-
|
|
19795
|
-
|
|
19796
|
-
|
|
19797
|
-
|
|
19798
|
-
|
|
19799
|
-
color: isCardVersion ? '#222222' : '#f7f9fc',
|
|
19793
|
+
const reorderedUsers = goalUsers.sort((a, b) => b.isGoalOwner - a.isGoalOwner);
|
|
19794
|
+
const visibleUsers = reorderedUsers.slice(0, maxVisibleUsers);
|
|
19795
|
+
const remainingUsersCount = Math.max(reorderedUsers.length - maxVisibleUsers, 0);
|
|
19796
|
+
const handleAvatarClick = (userId) => onClickAvatar(userId);
|
|
19797
|
+
return (jsxRuntime.jsxs(Container$1, { children: [hasOnlyAutor ? (jsxRuntime.jsxs(AvatarInfo, { children: [jsxRuntime.jsx(material.Avatar, { sx: { width: 56, height: 56 }, src: goalOwner.avatarImage, className: "avatar-image-only-owner", onClick: () => handleAvatarClick(goalOwner.userId) }), jsxRuntime.jsxs(material.Box, { children: [jsxRuntime.jsx(material.Typography, { sx: {
|
|
19798
|
+
color: isCardVersion ? '#222' : '#f7f9fc',
|
|
19800
19799
|
fontWeight: 700,
|
|
19801
|
-
fontSize:
|
|
19802
|
-
fontFamily: 'PT Sans'
|
|
19803
|
-
}, children: goalOwner.userName }), jsxRuntime.jsx(GoalInfoCompany, { children: `${goalOwner.areaName} · ${goalOwner.companyName}` }), jsxRuntime.jsx(GoalInfoCompany, { children: `${goalOwner.createData} dias atrás` })] })] })) : (jsxRuntime.jsxs(AvatarsSection, { children: [jsxRuntime.jsx(material.AvatarGroup, { renderSurplus: () => (jsxRuntime.jsxs("span", { onClick: () => {
|
|
19804
|
-
setIsModalOpen(true);
|
|
19805
|
-
}, children: ["+", remainingUsersCount] })), spacing: "small", children: reorderedUsers.map((user) => (jsxRuntime.jsxs(material.Box, { children: [jsxRuntime.jsx(material.Avatar, { alt: user.userName, sx: { width: 48, height: 48 }, className: user.isGoalOwner ? 'avatar-image-owner' : 'avatar-image-user', src: user.avatarImage, onClick: () => onClickAvatar(user.userId) }), user.isGoalOwner && (jsxRuntime.jsx(AvatarAutor, { children: jsxRuntime.jsx("p", { children: "Autor" }) }))] }, user.userId))) }), jsxRuntime.jsx(AllAvatarUsers, { children: jsxRuntime.jsxs(material.Box, { children: [reorderedUsers.slice(0, maxVisibleUsers).map((user, index) => (jsxRuntime.jsxs("span", { className: `list-users ${user.isGoalOwner ? 'owner' : 'not-owner'}`, onClick: () => onUserNameClick(user.userId), children: [user.userName, index < reorderedUsers.slice(0, maxVisibleUsers).length - 1 && ', '] }, user.userId))), remainingUsersCount > 0 && (jsxRuntime.jsxs("span", { onClick: () => {
|
|
19806
|
-
setIsModalOpen(true);
|
|
19807
|
-
}, className: "more-users", children: [' ', "e mais ", remainingUsersCount, " pessoa", remainingUsersCount > 1 ? 's' : ''] }))] }) })] })), jsxRuntime.jsx(ModalShowUsers, { isOpen: isModalOpen, handleClose: () => setIsModalOpen(false), goalOwner: goalOwner, goalUsers: goalUsers, onClickAvatar: onClickAvatar })] }));
|
|
19800
|
+
fontSize: 16,
|
|
19801
|
+
fontFamily: 'PT Sans',
|
|
19802
|
+
}, children: goalOwner.userName }), jsxRuntime.jsx(GoalInfoCompany, { children: `${goalOwner.areaName} · ${goalOwner.companyName}` }), jsxRuntime.jsx(GoalInfoCompany, { children: `${goalOwner.createData} dias atrás` })] })] })) : (jsxRuntime.jsxs(AvatarsSection, { children: [jsxRuntime.jsx(material.AvatarGroup, { renderSurplus: () => jsxRuntime.jsxs("span", { onClick: () => setIsModalOpen(true), children: ["+", remainingUsersCount] }), spacing: "small", children: visibleUsers.map((user) => (jsxRuntime.jsxs(material.Box, { children: [jsxRuntime.jsx(material.Avatar, { sx: { width: 48, height: 48 }, src: user.avatarImage, className: user.isGoalOwner ? 'avatar-image-owner' : 'avatar-image-user', onClick: () => handleAvatarClick(user.userId) }), user.isGoalOwner && jsxRuntime.jsx(AvatarAutor, { children: jsxRuntime.jsx("p", { children: "Autor" }) })] }, user.userId))) }), jsxRuntime.jsx(AllAvatarUsers, { children: jsxRuntime.jsxs(material.Box, { children: [visibleUsers.map((user, index) => (jsxRuntime.jsxs("span", { className: `list-users ${user.isGoalOwner ? 'owner' : 'not-owner'}`, onClick: () => onUserNameClick(user.userId), children: [user.userName, index < visibleUsers.length - 1 && ', '] }, user.userId))), remainingUsersCount > 0 && (jsxRuntime.jsxs("span", { onClick: () => setIsModalOpen(true), className: "more-users", children: ["e mais ", remainingUsersCount, " pessoa", remainingUsersCount > 1 ? 's' : ''] }))] }) })] })), jsxRuntime.jsx(ModalShowUsers, { isOpen: isModalOpen, handleClose: () => setIsModalOpen(false), goalOwner: goalOwner, goalUsers: goalUsers, onClickAvatar: handleAvatarClick })] }));
|
|
19808
19803
|
}
|
|
19809
19804
|
|
|
19810
19805
|
const Div = styled__default["default"].div `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/users-challenge/index.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,SAAc,EACd,SAAS,EACT,YAAY,EACZ,eAAe,EACf,aAAa,EACb,aAAa,EACd;;;;;;;CAAA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/users-challenge/index.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,SAAc,EACd,SAAS,EACT,YAAY,EACZ,eAAe,EACf,aAAa,EACb,aAAa,EACd;;;;;;;CAAA,2CAmFA"}
|