npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.54.0 → 3.55.1 - Mend

@drodil/backstage-plugin-qeta-react 3.54.0 → 3.55.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.

Files changed (36) hide show

package/dist/components/AuthorBox/AuthorBox.esm.js CHANGED Viewed

@@ -20,7 +20,6 @@ const useStyles = makeStyles(
       display: "flex",
       gap: theme.spacing(0.5),
       alignItems: "center",
-      marginBottom: "8px",
       whiteSpace: "nowrap",
       "& > *": {
         fontSize: "12px",

package/dist/components/AuthorBox/AuthorBox.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AuthorBox.esm.js","sources":["../../../src/components/AuthorBox/AuthorBox.tsx"],"sourcesContent":["import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { UserLink } from '../Links';\nimport { useUserInfo } from '../../hooks/useEntityAuthor';\nimport { Avatar, Box, makeStyles, Typography } from '@material-ui/core';\nimport { ExpertIcon } from '../Icons/ExpertIcon.tsx';\n\nconst useStyles = makeStyles(\n theme => ({\n authorBox: {\n padding: theme.spacing(0, 1.5, 0, 0),\n textAlign: 'right',\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(0.5),\n marginLeft: theme.spacing(2),\n maxWidth: '200px',\n },\n authorBoxCompact: {\n display: 'flex',\n gap: theme.spacing(0.5),\n alignItems: 'center',\n ~~marginBottom: '8px',\n~~ whiteSpace: 'nowrap',\n '& > *': {\n fontSize: '12px',\n display: 'inline-flex',\n lineHeight: '16px',\n },\n },\n timeRow: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n },\n avatar: {\n width: '20px',\n height: '20px',\n },\n avatarCompact: {\n width: '20px',\n height: '20px',\n },\n authorInfo: {\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n color: theme.palette.text.primary,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n gap: theme.spacing(0.5),\n },\n authorLink: {\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n color: theme.palette.text.primary,\n },\n expertIcon: {\n marginLeft: theme.spacing(0.5),\n verticalAlign: 'middle',\n },\n meta: {\n color: theme.palette.text.secondary,\n textAlign: 'center',\n margin: 0,\n },\n }),\n { name: 'QetaAuthorBox' },\n);\n\nexport const AuthorBox = (props: {\n userEntityRef: string;\n time: string \| Date;\n label: string;\n expert?: boolean;\n anonymous?: boolean;\n compact?: boolean;\n noLink?: boolean;\n}) => {\n const { userEntityRef, time, label, expert, anonymous, compact, noLink } =\n props;\n const { name, initials, user } = useUserInfo(userEntityRef);\n const styles = useStyles();\n\n if (compact) {\n return (\n <Box className={`qetaAuthorBox ${styles.authorBoxCompact}`}>\n <Avatar\n src={user?.spec?.profile?.picture}\n className={`qetaAuthorBoxAvatar ${styles.avatarCompact}`}\n alt={name}\n variant=\"rounded\"\n >\n {initials}\n </Avatar>\n <Typography variant=\"body2\" component=\"span\">\n <UserLink\n entityRef={userEntityRef}\n anonymous={anonymous}\n noLink={noLink}\n />\n </Typography>\n {expert && <ExpertIcon className={styles.expertIcon} />}\n <Typography className=\"qetaAuthorBoxCreated\" variant=\"caption\">\n <RelativeTimeWithTooltip value={time} />\n </Typography>\n </Box>\n );\n }\n\n return (\n <Box className={`qetaAuthorBox ${styles.authorBox}`}>\n <Box className={styles.timeRow}>\n <Typography className=\"qetaAuthorBoxCreated\" variant=\"caption\">\n {label} <RelativeTimeWithTooltip value={time} />\n </Typography>\n </Box>\n <Box className={styles.authorInfo}>\n <Avatar\n src={user?.spec?.profile?.picture}\n className={`qetaAuthorBoxAvatar ${styles.avatar}`}\n alt={name}\n variant=\"rounded\"\n >\n {initials}\n </Avatar>\n <Box className={styles.authorLink}>\n <UserLink\n entityRef={userEntityRef}\n anonymous={anonymous}\n noLink={noLink}\n />\n {expert && <ExpertIcon className={styles.expertIcon} />}\n </Box>\n </Box>\n </Box>\n );\n};\n"],"names":[],"mappings":";;;;;;;AAMA,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB,CAAU,KAAA,MAAA;AAAA,IACR,SAAW,EAAA;AAAA,MACT,SAAS,KAAM,CAAA,OAAA,CAAQ,CAAG,EAAA,GAAA,EAAK,GAAG,CAAC,CAAA;AAAA,MACnC,SAAW,EAAA,OAAA;AAAA,MACX,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA,QAAA;AAAA,MACf,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,MACtB,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MAC3B,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,OAAS,EAAA,MAAA;AAAA,MACT,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,MACtB,UAAY,EAAA,QAAA;AAAA,MACZ,~~YAAc,EAAA,KAAA;AAAA,MACd,~~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"}
1	+ {"version":3,"file":"AuthorBox.esm.js","sources":["../../../src/components/AuthorBox/AuthorBox.tsx"],"sourcesContent":["import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { UserLink } from '../Links';\nimport { useUserInfo } from '../../hooks/useEntityAuthor';\nimport { Avatar, Box, makeStyles, Typography } from '@material-ui/core';\nimport { ExpertIcon } from '../Icons/ExpertIcon.tsx';\n\nconst useStyles = makeStyles(\n theme => ({\n authorBox: {\n padding: theme.spacing(0, 1.5, 0, 0),\n textAlign: 'right',\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(0.5),\n marginLeft: theme.spacing(2),\n maxWidth: '200px',\n },\n authorBoxCompact: {\n display: 'flex',\n gap: theme.spacing(0.5),\n alignItems: 'center',\n whiteSpace: 'nowrap',\n '& > *': {\n fontSize: '12px',\n display: 'inline-flex',\n lineHeight: '16px',\n },\n },\n timeRow: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n },\n avatar: {\n width: '20px',\n height: '20px',\n },\n avatarCompact: {\n width: '20px',\n height: '20px',\n },\n authorInfo: {\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n color: theme.palette.text.primary,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n gap: theme.spacing(0.5),\n },\n authorLink: {\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n color: theme.palette.text.primary,\n },\n expertIcon: {\n marginLeft: theme.spacing(0.5),\n verticalAlign: 'middle',\n },\n meta: {\n color: theme.palette.text.secondary,\n textAlign: 'center',\n margin: 0,\n },\n }),\n { name: 'QetaAuthorBox' },\n);\n\nexport const AuthorBox = (props: {\n userEntityRef: string;\n time: string \| Date;\n label: string;\n expert?: boolean;\n anonymous?: boolean;\n compact?: boolean;\n noLink?: boolean;\n}) => {\n const { userEntityRef, time, label, expert, anonymous, compact, noLink } =\n props;\n const { name, initials, user } = useUserInfo(userEntityRef);\n const styles = useStyles();\n\n if (compact) {\n return (\n <Box className={`qetaAuthorBox ${styles.authorBoxCompact}`}>\n <Avatar\n src={user?.spec?.profile?.picture}\n className={`qetaAuthorBoxAvatar ${styles.avatarCompact}`}\n alt={name}\n variant=\"rounded\"\n >\n {initials}\n </Avatar>\n <Typography variant=\"body2\" component=\"span\">\n <UserLink\n entityRef={userEntityRef}\n anonymous={anonymous}\n noLink={noLink}\n />\n </Typography>\n {expert && <ExpertIcon className={styles.expertIcon} />}\n <Typography className=\"qetaAuthorBoxCreated\" variant=\"caption\">\n <RelativeTimeWithTooltip value={time} />\n </Typography>\n </Box>\n );\n }\n\n return (\n <Box className={`qetaAuthorBox ${styles.authorBox}`}>\n <Box className={styles.timeRow}>\n <Typography className=\"qetaAuthorBoxCreated\" variant=\"caption\">\n {label} <RelativeTimeWithTooltip value={time} />\n </Typography>\n </Box>\n <Box className={styles.authorInfo}>\n <Avatar\n src={user?.spec?.profile?.picture}\n className={`qetaAuthorBoxAvatar ${styles.avatar}`}\n alt={name}\n variant=\"rounded\"\n >\n {initials}\n </Avatar>\n <Box className={styles.authorLink}>\n <UserLink\n entityRef={userEntityRef}\n anonymous={anonymous}\n noLink={noLink}\n />\n {expert && <ExpertIcon className={styles.expertIcon} />}\n </Box>\n </Box>\n </Box>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Badges/BadgeChip.esm.js CHANGED Viewed

@@ -55,11 +55,30 @@ const useStyles = makeStyles((theme) => ({
     justifyContent: "flex-start",
     padding: theme.spacing(1.5),
     borderRadius: theme.shape.borderRadius * 2,
-    width: 140,
-    height: 140,
+    width: "100%",
+    minHeight: 140,
+    height: "100%",
+    boxSizing: "border-box",
+    border: "1px solid rgba(0, 0, 0, 0.12)",
+    boxShadow: "0 4px 8px rgba(0,0,0,0.1)",
     textAlign: "center",
     userSelect: "none",
-    overflow: "hidden"
+    position: "relative"
+  },
+  count: {
+    position: "absolute",
+    top: 18,
+    right: -12,
+    backgroundColor: theme.palette.common.white,
+    color: theme.palette.common.black,
+    borderRadius: "2px",
+    display: "flex",
+    padding: "4px",
+    alignItems: "center",
+    justifyContent: "center",
+    fontSize: "12px",
+    fontWeight: "bold",
+    boxShadow: "0 2px 4px rgba(0,0,0,0.2)"
   },
   bronze: {
     background: "linear-gradient(135deg, #cd7f32 0%, #a0522d 100%)",
@@ -220,7 +239,7 @@ const BadgeChip = ({
     /* @__PURE__ */ jsx(Typography, { className: classes.name, children: badge.name }),
     /* @__PURE__ */ jsx(Typography, { className: classes.level, children: badge.level }),
     /* @__PURE__ */ jsx(Typography, { className: classes.description, children: badge.description }),
-    count && count > 1 && /* @__PURE__ */ jsxs(Typography, { variant: "caption", style: { marginTop: "auto" }, children: [
+    count && count > 1 && /* @__PURE__ */ jsxs(Box, { className: classes.count, children: [
       "x ",
       count
     ] })

package/dist/components/Badges/BadgeChip.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BadgeChip.esm.js","sources":["../../../src/components/Badges/BadgeChip.tsx"],"sourcesContent":["import { Badge } from '@drodil/backstage-plugin-qeta-common';\nimport { Box, Typography, makeStyles } from '@material-ui/core';\nimport Star from '@material-ui/icons/Star';\nimport VerifiedUser from '@material-ui/icons/VerifiedUser';\nimport Visibility from '@material-ui/icons/Visibility';\nimport EmojiEvents from '@material-ui/icons/EmojiEvents';\nimport Help from '@material-ui/icons/Help';\nimport Search from '@material-ui/icons/Search';\nimport Support from '@material-ui/icons/ContactSupport';\nimport Build from '@material-ui/icons/Build';\nimport School from '@material-ui/icons/School';\nimport MenuBook from '@material-ui/icons/MenuBook';\nimport CastForEducation from '@material-ui/icons/CastForEducation';\nimport ThumbUp from '@material-ui/icons/ThumbUp';\nimport RateReview from '@material-ui/icons/RateReview';\nimport Article from '@material-ui/icons/Description';\nimport Create from '@material-ui/icons/Create';\nimport Link from '@material-ui/icons/Link';\nimport Comment from '@material-ui/icons/Comment';\nimport ViewColumn from '@material-ui/icons/ViewColumn';\nimport Share from '@material-ui/icons/Share';\nimport Public from '@material-ui/icons/Public';\nimport RecordVoiceOver from '@material-ui/icons/RecordVoiceOver';\nimport SpeakerNotes from '@material-ui/icons/SpeakerNotes';\nimport Gavel from '@material-ui/icons/Gavel';\nimport DeviceHub from '@material-ui/icons/DeviceHub';\nimport Hearing from '@material-ui/icons/Hearing';\nimport Stars from '@material-ui/icons/Stars';\nimport Flare from '@material-ui/icons/Flare';\nimport CheckCircle from '@material-ui/icons/CheckCircle';\nimport DoneAll from '@material-ui/icons/DoneAll';\nimport PersonAdd from '@material-ui/icons/PersonAdd';\nimport TrendingUp from '@material-ui/icons/TrendingUp';\nimport Group from '@material-ui/icons/Group';\nimport NightsStay from '@material-ui/icons/NightsStay';\nimport ChatBubble from '@material-ui/icons/ChatBubble';\nimport Translate from '@material-ui/icons/Translate';\nimport LibraryBooks from '@material-ui/icons/LibraryBooks';\nimport CollectionsBookmark from '@material-ui/icons/CollectionsBookmark';\nimport LocalLibrary from '@material-ui/icons/LocalLibrary';\nimport Archive from '@material-ui/icons/Archive';\nimport PlaylistAdd from '@material-ui/icons/PlaylistAdd';\nimport FolderSpecial from '@material-ui/icons/FolderSpecial';\nimport StarRate from '@material-ui/icons/StarRate';\nimport Whatshot from '@material-ui/icons/Whatshot';\nimport Palette from '@material-ui/icons/Palette';\nimport CameraAlt from '@material-ui/icons/CameraAlt';\nimport LabelImportant from '@material-ui/icons/LabelImportant';\n\nconst useStyles = makeStyles(theme => ({\n badge: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'flex-start',\n padding: theme.spacing(1.5),\n borderRadius: theme.shape.borderRadius * 2,\n width: 140,\n height: 140,\n textAlign: 'center',\n userSelect: 'none',\n overflow: 'hidden',\n },\n bronze: {\n background: 'linear-gradient(135deg, #cd7f32 0%, #a0522d 100%)',\n color: '#ffffff',\n },\n silver: {\n background: 'linear-gradient(135deg, #e8e8e8 0%, #a8a8a8 100%)',\n color: '#333333',\n },\n gold: {\n background: 'linear-gradient(135deg, #ffd700 0%, #daa520 100%)',\n color: '#333333',\n },\n diamond: {\n background: 'linear-gradient(135deg, #b9f2ff 0%, #7ec8e3 100%)',\n color: '#1a365d',\n },\n icon: {\n fontSize: 28,\n marginBottom: theme.spacing(0.5),\n },\n name: {\n fontWeight: 600,\n fontSize: '0.85rem',\n lineHeight: 1.2,\n marginBottom: theme.spacing(0.5),\n },\n level: {\n fontSize: '0.65rem',\n textTransform: 'uppercase',\n letterSpacing: '0.5px',\n opacity: 0.85,\n marginBottom: theme.spacing(0.5),\n },\n description: {\n fontSize: '0.7rem',\n lineHeight: 1.3,\n opacity: 0.9,\n },\n}));\n\nconst getIcon = (icon: string) => {\n switch (icon) {\n case 'star':\n return <Star />;\n case 'local_police':\n return <VerifiedUser />;\n case 'visibility':\n return <Visibility />;\n case 'workspace_premium':\n return <EmojiEvents />;\n case 'help':\n return <Help />;\n case 'psychology':\n return <Search />;\n case 'support':\n return <Support />;\n case 'build':\n return <Build />;\n case 'school':\n return <School />;\n case 'menu_book':\n return <MenuBook />;\n case 'cast_for_education':\n return <CastForEducation />;\n case 'thumb_up':\n return <ThumbUp />;\n case 'rate_review':\n return <RateReview />;\n case 'article':\n return <Article />;\n case 'history_edu':\n return <Create />;\n case 'link':\n return <Link />;\n case 'comment':\n return <Comment />;\n case 'view_column':\n return <ViewColumn />;\n case 'share':\n return <Share />;\n case 'public':\n return <Public />;\n case 'record_voice_over':\n return <RecordVoiceOver />;\n case 'campaign':\n return <SpeakerNotes />;\n case 'gavel':\n return <Gavel />;\n case 'device_hub':\n return <DeviceHub />;\n case 'hearing':\n return <Hearing />;\n case 'military_tech':\n return <Stars />;\n case 'verified':\n return <VerifiedUser />;\n case 'check_circle':\n return <CheckCircle />;\n case 'done_all':\n return <DoneAll />;\n case 'construction':\n return <Build />;\n case 'auto_fix_high':\n return <Flare />;\n case 'person_add':\n return <PersonAdd />;\n case 'trending_up':\n return <TrendingUp />;\n case 'emoji_events':\n return <EmojiEvents />;\n case 'groups':\n return <Group />;\n case 'nights_stay':\n return <NightsStay />;\n case 'auto_stories':\n return <LibraryBooks />;\n case 'translate':\n return <Translate />;\n case 'chat_bubble':\n return <ChatBubble />;\n // Collection badges\n case 'collections_bookmark':\n return <CollectionsBookmark />;\n case 'local_library':\n return <LocalLibrary />;\n case 'archive':\n return <Archive />;\n case 'playlist_add':\n return <PlaylistAdd />;\n case 'folder_special':\n return <FolderSpecial />;\n case 'inventory':\n return <Archive />;\n case 'star_rate':\n return <StarRate />;\n case 'diamond':\n return <Stars />;\n case 'whatshot':\n return <Whatshot />;\n case 'palette':\n return <Palette />;\n case 'camera_alt':\n return <CameraAlt />;\n case 'label_important':\n return <LabelImportant />;\n default:\n return <VerifiedUser />;\n }\n};\n\nexport const BadgeChip = ({\n badge,\n count,\n}: {\n badge: Badge;\n count?: number;\n}) => {\n const classes = useStyles();\n const IconComponent = getIcon(badge.icon);\n\n return (\n <Box className={`${classes.badge} ${classes[badge.level]}`}>\n <Box className={classes.icon}>{IconComponent}</Box>\n <Typography className={classes.name}>{badge.name}</Typography>\n <Typography className={classes.level}>{badge.level}</Typography>\n <Typography className={classes.description}>\n {badge.description}\n </Typography>\n {count && count > 1 && (\n <Typography variant=\"caption\" style={{ marginTop: 'auto' }}>\n x {count}\n </Typography>\n )}\n </Box>\n );\n};\n"],"names":["Star","Help","Search","Article","Create","Link","CollectionsBookmark","PlaylistAdd"],"mappings":"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"}
1	+ {"version":3,"file":"BadgeChip.esm.js","sources":["../../../src/components/Badges/BadgeChip.tsx"],"sourcesContent":["import { Badge } from '@drodil/backstage-plugin-qeta-common';\nimport { Box, Typography, makeStyles } from '@material-ui/core';\nimport Star from '@material-ui/icons/Star';\nimport VerifiedUser from '@material-ui/icons/VerifiedUser';\nimport Visibility from '@material-ui/icons/Visibility';\nimport EmojiEvents from '@material-ui/icons/EmojiEvents';\nimport Help from '@material-ui/icons/Help';\nimport Search from '@material-ui/icons/Search';\nimport Support from '@material-ui/icons/ContactSupport';\nimport Build from '@material-ui/icons/Build';\nimport School from '@material-ui/icons/School';\nimport MenuBook from '@material-ui/icons/MenuBook';\nimport CastForEducation from '@material-ui/icons/CastForEducation';\nimport ThumbUp from '@material-ui/icons/ThumbUp';\nimport RateReview from '@material-ui/icons/RateReview';\nimport Article from '@material-ui/icons/Description';\nimport Create from '@material-ui/icons/Create';\nimport Link from '@material-ui/icons/Link';\nimport Comment from '@material-ui/icons/Comment';\nimport ViewColumn from '@material-ui/icons/ViewColumn';\nimport Share from '@material-ui/icons/Share';\nimport Public from '@material-ui/icons/Public';\nimport RecordVoiceOver from '@material-ui/icons/RecordVoiceOver';\nimport SpeakerNotes from '@material-ui/icons/SpeakerNotes';\nimport Gavel from '@material-ui/icons/Gavel';\nimport DeviceHub from '@material-ui/icons/DeviceHub';\nimport Hearing from '@material-ui/icons/Hearing';\nimport Stars from '@material-ui/icons/Stars';\nimport Flare from '@material-ui/icons/Flare';\nimport CheckCircle from '@material-ui/icons/CheckCircle';\nimport DoneAll from '@material-ui/icons/DoneAll';\nimport PersonAdd from '@material-ui/icons/PersonAdd';\nimport TrendingUp from '@material-ui/icons/TrendingUp';\nimport Group from '@material-ui/icons/Group';\nimport NightsStay from '@material-ui/icons/NightsStay';\nimport ChatBubble from '@material-ui/icons/ChatBubble';\nimport Translate from '@material-ui/icons/Translate';\nimport LibraryBooks from '@material-ui/icons/LibraryBooks';\nimport CollectionsBookmark from '@material-ui/icons/CollectionsBookmark';\nimport LocalLibrary from '@material-ui/icons/LocalLibrary';\nimport Archive from '@material-ui/icons/Archive';\nimport PlaylistAdd from '@material-ui/icons/PlaylistAdd';\nimport FolderSpecial from '@material-ui/icons/FolderSpecial';\nimport StarRate from '@material-ui/icons/StarRate';\nimport Whatshot from '@material-ui/icons/Whatshot';\nimport Palette from '@material-ui/icons/Palette';\nimport CameraAlt from '@material-ui/icons/CameraAlt';\nimport LabelImportant from '@material-ui/icons/LabelImportant';\n\nconst useStyles = makeStyles(theme => ({\n badge: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'flex-start',\n padding: theme.spacing(1.5),\n borderRadius: theme.shape.borderRadius * 2,\n width: '100%',\n minHeight: 140,\n height: '100%',\n boxSizing: 'border-box',\n border: '1px solid rgba(0, 0, 0, 0.12)',\n boxShadow: '0 4px 8px rgba(0,0,0,0.1)',\n textAlign: 'center',\n userSelect: 'none',\n position: 'relative',\n },\n count: {\n position: 'absolute',\n top: 18,\n right: -12,\n backgroundColor: theme.palette.common.white,\n color: theme.palette.common.black,\n borderRadius: '2px',\n display: 'flex',\n padding: '4px',\n alignItems: 'center',\n justifyContent: 'center',\n fontSize: '12px',\n fontWeight: 'bold',\n boxShadow: '0 2px 4px rgba(0,0,0,0.2)',\n },\n bronze: {\n background: 'linear-gradient(135deg, #cd7f32 0%, #a0522d 100%)',\n color: '#ffffff',\n },\n silver: {\n background: 'linear-gradient(135deg, #e8e8e8 0%, #a8a8a8 100%)',\n color: '#333333',\n },\n gold: {\n background: 'linear-gradient(135deg, #ffd700 0%, #daa520 100%)',\n color: '#333333',\n },\n diamond: {\n background: 'linear-gradient(135deg, #b9f2ff 0%, #7ec8e3 100%)',\n color: '#1a365d',\n },\n icon: {\n fontSize: 28,\n marginBottom: theme.spacing(0.5),\n },\n name: {\n fontWeight: 600,\n fontSize: '0.85rem',\n lineHeight: 1.2,\n marginBottom: theme.spacing(0.5),\n },\n level: {\n fontSize: '0.65rem',\n textTransform: 'uppercase',\n letterSpacing: '0.5px',\n opacity: 0.85,\n marginBottom: theme.spacing(0.5),\n },\n description: {\n fontSize: '0.7rem',\n lineHeight: 1.3,\n opacity: 0.9,\n },\n}));\n\nconst getIcon = (icon: string) => {\n switch (icon) {\n case 'star':\n return <Star />;\n case 'local_police':\n return <VerifiedUser />;\n case 'visibility':\n return <Visibility />;\n case 'workspace_premium':\n return <EmojiEvents />;\n case 'help':\n return <Help />;\n case 'psychology':\n return <Search />;\n case 'support':\n return <Support />;\n case 'build':\n return <Build />;\n case 'school':\n return <School />;\n case 'menu_book':\n return <MenuBook />;\n case 'cast_for_education':\n return <CastForEducation />;\n case 'thumb_up':\n return <ThumbUp />;\n case 'rate_review':\n return <RateReview />;\n case 'article':\n return <Article />;\n case 'history_edu':\n return <Create />;\n case 'link':\n return <Link />;\n case 'comment':\n return <Comment />;\n case 'view_column':\n return <ViewColumn />;\n case 'share':\n return <Share />;\n case 'public':\n return <Public />;\n case 'record_voice_over':\n return <RecordVoiceOver />;\n case 'campaign':\n return <SpeakerNotes />;\n case 'gavel':\n return <Gavel />;\n case 'device_hub':\n return <DeviceHub />;\n case 'hearing':\n return <Hearing />;\n case 'military_tech':\n return <Stars />;\n case 'verified':\n return <VerifiedUser />;\n case 'check_circle':\n return <CheckCircle />;\n case 'done_all':\n return <DoneAll />;\n case 'construction':\n return <Build />;\n case 'auto_fix_high':\n return <Flare />;\n case 'person_add':\n return <PersonAdd />;\n case 'trending_up':\n return <TrendingUp />;\n case 'emoji_events':\n return <EmojiEvents />;\n case 'groups':\n return <Group />;\n case 'nights_stay':\n return <NightsStay />;\n case 'auto_stories':\n return <LibraryBooks />;\n case 'translate':\n return <Translate />;\n case 'chat_bubble':\n return <ChatBubble />;\n // Collection badges\n case 'collections_bookmark':\n return <CollectionsBookmark />;\n case 'local_library':\n return <LocalLibrary />;\n case 'archive':\n return <Archive />;\n case 'playlist_add':\n return <PlaylistAdd />;\n case 'folder_special':\n return <FolderSpecial />;\n case 'inventory':\n return <Archive />;\n case 'star_rate':\n return <StarRate />;\n case 'diamond':\n return <Stars />;\n case 'whatshot':\n return <Whatshot />;\n case 'palette':\n return <Palette />;\n case 'camera_alt':\n return <CameraAlt />;\n case 'label_important':\n return <LabelImportant />;\n default:\n return <VerifiedUser />;\n }\n};\n\nexport const BadgeChip = ({\n badge,\n count,\n}: {\n badge: Badge;\n count?: number;\n}) => {\n const classes = useStyles();\n const IconComponent = getIcon(badge.icon);\n\n return (\n <Box className={`${classes.badge} ${classes[badge.level]}`}>\n <Box className={classes.icon}>{IconComponent}</Box>\n <Typography className={classes.name}>{badge.name}</Typography>\n <Typography className={classes.level}>{badge.level}</Typography>\n <Typography className={classes.description}>\n {badge.description}\n </Typography>\n {count && count > 1 && <Box className={classes.count}>x {count}</Box>}\n </Box>\n );\n};\n"],"names":["Star","Help","Search","Article","Create","Link","CollectionsBookmark","PlaylistAdd"],"mappings":"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"}

package/dist/components/Badges/UserBadges.esm.js CHANGED Viewed

@@ -72,9 +72,9 @@ const UserBadges = ({ entityRef }) => {
         container: true,
         spacing: 3,
         style: { padding: "1em" },
-        justifyContent: "center",
-        alignItems: "center",
-        children: displayBadges.map((item, index) => /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(BadgeChip, { badge: item.badge, count: item.count }) }, index))
+        justifyContent: "flex-start",
+        alignItems: "stretch",
+        children: displayBadges.map((item, index) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, sm: 4, md: 3, lg: 2, xl: 1, children: /* @__PURE__ */ jsx(BadgeChip, { badge: item.badge, count: item.count }) }, index))
       }
     )
   ] });

package/dist/components/Badges/UserBadges.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UserBadges.esm.js","sources":["../../../src/components/Badges/UserBadges.tsx"],"sourcesContent":["import { useQetaApi } from '../../hooks';\nimport { BadgeChip } from './BadgeChip';\nimport { Box, Typography, Grid } from '@material-ui/core';\nimport { Alert, Skeleton } from '@material-ui/lab';\nimport { UserBadge } from '@drodil/backstage-plugin-qeta-common';\n\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\n\nconst LEVEL_ORDER: Record<string, number> = {\n diamond: 0,\n gold: 1,\n silver: 2,\n bronze: 3,\n};\n\nconst sortBadgesByLevel = (badges: UserBadge[]): UserBadge[] => {\n return [...badges].sort((a, b) => {\n const levelA = LEVEL_ORDER[a.badge.level] ?? 99;\n const levelB = LEVEL_ORDER[b.badge.level] ?? 99;\n return levelA - levelB;\n });\n};\n\nexport const UserBadges = ({ entityRef }: { entityRef: string }) => {\n const { t } = useTranslationRef(qetaTranslationRef);\n const {\n value: badges,\n loading,\n error,\n } = useQetaApi(api => api.getUserBadges(entityRef), [entityRef]);\n\n if (loading) {\n return <Skeleton variant=\"rect\" height={100} />;\n }\n\n if (error) {\n return <Alert severity=\"error\">{t('userBadges.error')}</Alert>;\n }\n\n const sortedBadges = badges ? sortBadgesByLevel(badges) : [];\n\n const groupedBadges = sortedBadges.reduce((acc, userBadge) => {\n const key = userBadge.badge.id;\n if (!acc[key]) {\n acc[key] = {\n badge: userBadge.badge,\n count: 0,\n };\n }\n acc[key].count += 1;\n return acc;\n }, {} as Record<string, { badge: UserBadge['badge']; count: number }>);\n\n const displayBadges = Object.values(groupedBadges).sort((a, b) => {\n const levelA = LEVEL_ORDER[a.badge.level] ?? 99;\n const levelB = LEVEL_ORDER[b.badge.level] ?? 99;\n return levelA - levelB;\n });\n\n return (\n <Box>\n <Typography variant=\"h6\" gutterBottom>\n {t('userBadges.title')}\n </Typography>\n {displayBadges.length === 0 ? (\n <Typography variant=\"body2\">{t('userBadges.noBadges')}</Typography>\n ) : (\n <Grid\n container\n spacing={3}\n style={{ padding: '1em' }}\n justifyContent=\"~~center~~\"\n alignItems=\"~~center~~\"\n >\n {displayBadges.map((item, index: number) => (\n <Grid item key={index}>\n <BadgeChip badge={item.badge} count={item.count} />\n </Grid>\n ))}\n </Grid>\n )}\n </Box>\n );\n};\n"],"names":[],"mappings":"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~~QAAA~~;AAAA,QACf,UAAW,EAAA,~~QAAA~~;AAAA,QAEV,~~wBAAc~~,~~GAAI~~,CAAA,CAAC,~~MAAM~~,KACxB,qBAAA,GAAA,CAAC,~~QAAK~~,~~IAAI~~,EAAA,IAAA,~~EACR~~,~~8BAAC~~,SAAU,EAAA,EAAA,KAAA,EAAO,~~KAAK~~,KAAO,EAAA,~~KAAA~~,~~EAAO~~,~~KAAK,~~KAAO,EAAA,CAAA,EAAA,EADnC,KAEhB,CACD;AAAA;AAAA;AACH,GAEJ,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"UserBadges.esm.js","sources":["../../../src/components/Badges/UserBadges.tsx"],"sourcesContent":["import { useQetaApi } from '../../hooks';\nimport { BadgeChip } from './BadgeChip';\nimport { Box, Typography, Grid } from '@material-ui/core';\nimport { Alert, Skeleton } from '@material-ui/lab';\nimport { UserBadge } from '@drodil/backstage-plugin-qeta-common';\n\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\n\nconst LEVEL_ORDER: Record<string, number> = {\n diamond: 0,\n gold: 1,\n silver: 2,\n bronze: 3,\n};\n\nconst sortBadgesByLevel = (badges: UserBadge[]): UserBadge[] => {\n return [...badges].sort((a, b) => {\n const levelA = LEVEL_ORDER[a.badge.level] ?? 99;\n const levelB = LEVEL_ORDER[b.badge.level] ?? 99;\n return levelA - levelB;\n });\n};\n\nexport const UserBadges = ({ entityRef }: { entityRef: string }) => {\n const { t } = useTranslationRef(qetaTranslationRef);\n const {\n value: badges,\n loading,\n error,\n } = useQetaApi(api => api.getUserBadges(entityRef), [entityRef]);\n\n if (loading) {\n return <Skeleton variant=\"rect\" height={100} />;\n }\n\n if (error) {\n return <Alert severity=\"error\">{t('userBadges.error')}</Alert>;\n }\n\n const sortedBadges = badges ? sortBadgesByLevel(badges) : [];\n\n const groupedBadges = sortedBadges.reduce((acc, userBadge) => {\n const key = userBadge.badge.id;\n if (!acc[key]) {\n acc[key] = {\n badge: userBadge.badge,\n count: 0,\n };\n }\n acc[key].count += 1;\n return acc;\n }, {} as Record<string, { badge: UserBadge['badge']; count: number }>);\n\n const displayBadges = Object.values(groupedBadges).sort((a, b) => {\n const levelA = LEVEL_ORDER[a.badge.level] ?? 99;\n const levelB = LEVEL_ORDER[b.badge.level] ?? 99;\n return levelA - levelB;\n });\n\n return (\n <Box>\n <Typography variant=\"h6\" gutterBottom>\n {t('userBadges.title')}\n </Typography>\n {displayBadges.length === 0 ? (\n <Typography variant=\"body2\">{t('userBadges.noBadges')}</Typography>\n ) : (\n <Grid\n container\n spacing={3}\n style={{ padding: '1em' }}\n justifyContent=\"flex-start\"\n alignItems=\"stretch\"\n >\n {displayBadges.map((item, index: number) => (\n <Grid item key={index} xs={6} sm={4} md={3} lg={2} xl={1}>\n <BadgeChip badge={item.badge} count={item.count} />\n </Grid>\n ))}\n </Grid>\n )}\n </Box>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,WAAsC,GAAA;AAAA,EAC1C,OAAS,EAAA,CAAA;AAAA,EACT,IAAM,EAAA,CAAA;AAAA,EACN,MAAQ,EAAA,CAAA;AAAA,EACR,MAAQ,EAAA;AACV,CAAA;AAEA,MAAM,iBAAA,GAAoB,CAAC,MAAqC,KAAA;AAC9D,EAAA,OAAO,CAAC,GAAG,MAAM,EAAE,IAAK,CAAA,CAAC,GAAG,CAAM,KAAA;AAChC,IAAA,MAAM,MAAS,GAAA,WAAA,CAAY,CAAE,CAAA,KAAA,CAAM,KAAK,CAAK,IAAA,EAAA;AAC7C,IAAA,MAAM,MAAS,GAAA,WAAA,CAAY,CAAE,CAAA,KAAA,CAAM,KAAK,CAAK,IAAA,EAAA;AAC7C,IAAA,OAAO,MAAS,GAAA,MAAA;AAAA,GACjB,CAAA;AACH,CAAA;AAEO,MAAM,UAAa,GAAA,CAAC,EAAE,SAAA,EAAuC,KAAA;AAClE,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,MAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACF,GAAI,WAAW,CAAO,GAAA,KAAA,GAAA,CAAI,cAAc,SAAS,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AAE/D,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,uBAAQ,GAAA,CAAA,QAAA,EAAA,EAAS,OAAQ,EAAA,MAAA,EAAO,QAAQ,GAAK,EAAA,CAAA;AAAA;AAG/C,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,2BAAQ,KAAM,EAAA,EAAA,QAAA,EAAS,OAAS,EAAA,QAAA,EAAA,CAAA,CAAE,kBAAkB,CAAE,EAAA,CAAA;AAAA;AAGxD,EAAA,MAAM,YAAe,GAAA,MAAA,GAAS,iBAAkB,CAAA,MAAM,IAAI,EAAC;AAE3D,EAAA,MAAM,aAAgB,GAAA,YAAA,CAAa,MAAO,CAAA,CAAC,KAAK,SAAc,KAAA;AAC5D,IAAM,MAAA,GAAA,GAAM,UAAU,KAAM,CAAA,EAAA;AAC5B,IAAI,IAAA,CAAC,GAAI,CAAA,GAAG,CAAG,EAAA;AACb,MAAA,GAAA,CAAI,GAAG,CAAI,GAAA;AAAA,QACT,OAAO,SAAU,CAAA,KAAA;AAAA,QACjB,KAAO,EAAA;AAAA,OACT;AAAA;AAEF,IAAI,GAAA,CAAA,GAAG,EAAE,KAAS,IAAA,CAAA;AAClB,IAAO,OAAA,GAAA;AAAA,GACT,EAAG,EAAkE,CAAA;AAErE,EAAM,MAAA,aAAA,GAAgB,OAAO,MAAO,CAAA,aAAa,EAAE,IAAK,CAAA,CAAC,GAAG,CAAM,KAAA;AAChE,IAAA,MAAM,MAAS,GAAA,WAAA,CAAY,CAAE,CAAA,KAAA,CAAM,KAAK,CAAK,IAAA,EAAA;AAC7C,IAAA,MAAM,MAAS,GAAA,WAAA,CAAY,CAAE,CAAA,KAAA,CAAM,KAAK,CAAK,IAAA,EAAA;AAC7C,IAAA,OAAO,MAAS,GAAA,MAAA;AAAA,GACjB,CAAA;AAED,EAAA,4BACG,GACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAW,OAAQ,EAAA,IAAA,EAAK,cAAY,IAClC,EAAA,QAAA,EAAA,CAAA,CAAE,kBAAkB,CACvB,EAAA,CAAA;AAAA,IACC,aAAA,CAAc,MAAW,KAAA,CAAA,mBACvB,GAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,OAAS,EAAA,QAAA,EAAA,CAAA,CAAE,qBAAqB,CAAA,EAAE,CAEtD,mBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAS,EAAA,IAAA;AAAA,QACT,OAAS,EAAA,CAAA;AAAA,QACT,KAAA,EAAO,EAAE,OAAA,EAAS,KAAM,EAAA;AAAA,QACxB,cAAe,EAAA,YAAA;AAAA,QACf,UAAW,EAAA,SAAA;AAAA,QAEV,QAAc,EAAA,aAAA,CAAA,GAAA,CAAI,CAAC,IAAA,EAAM,KACxB,qBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAa,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,CACrD,EAAA,QAAA,kBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,KAAA,EAAO,IAAK,CAAA,KAAA,EAAO,KAAO,EAAA,IAAA,CAAK,KAAO,EAAA,CAAA,EAAA,EADnC,KAEhB,CACD;AAAA;AAAA;AACH,GAEJ,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/CollectionForm/CollectionForm.esm.js CHANGED Viewed

@@ -12,6 +12,11 @@ import { qetaApiRef } from '../../api.esm.js';
 import { HeaderImageInput } from '../HeaderImageInput/HeaderImageInput.esm.js';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { qetaTranslationRef } from '../../translation.esm.js';
+import { TagInput } from '../PostForm/TagInput.esm.js';
+import { EntitiesInput } from '../PostForm/EntitiesInput.esm.js';
+import { catalogApiRef } from '@backstage/plugin-catalog-react';
+import { stringifyEntityRef } from '@backstage/catalog-model';
+import { compact } from 'lodash';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import ExpandLessIcon from '@material-ui/icons/ExpandLess';
 import HelpIcon from '@material-ui/icons/Help';
@@ -19,26 +24,58 @@ import HelpIcon from '@material-ui/icons/Help';
 const formToRequest = (form, images) => {
   return {
     ...form,
-    images
+    images,
+    entities: form.entities?.map(stringifyEntityRef),
+    users: form.users?.map(stringifyEntityRef)
   };
 };
 const getDefaultValues = () => {
   return {
     title: "",
-    images: []
+    images: [],
+    tags: [],
+    entities: [],
+    users: []
   };
 };
-const getValues = async (api, id) => {
+const getValues = async (api, catalogApi, id) => {
   if (!id) {
     return { form: getDefaultValues() };
   }
   const collection = await api.getCollection(id);
+  const entities = collection.entities && collection.entities.length > 0 ? await catalogApi.getEntitiesByRefs({
+    entityRefs: collection.entities,
+    fields: [
+      "kind",
+      "metadata.name",
+      "metadata.namespace",
+      "metadata.title",
+      "metadata.description",
+      "spec.profile.displayName",
+      "spec.type"
+    ]
+  }) : [];
+  const users = collection.users && collection.users.length > 0 ? await catalogApi.getEntitiesByRefs({
+    entityRefs: collection.users,
+    fields: [
+      "kind",
+      "metadata.name",
+      "metadata.namespace",
+      "metadata.title",
+      "metadata.description",
+      "spec.profile.displayName",
+      "spec.type"
+    ]
+  }) : [];
   return {
     form: {
       title: collection.title,
       description: collection.description,
       headerImage: collection.headerImage,
-      images: collection.images
+      images: collection.images,
+      tags: collection.tags || [],
+      entities: "items" in entities ? compact(entities.items) : [],
+      users: "items" in users ? compact(users.items) : []
     },
     collection
   };
@@ -58,11 +95,13 @@ const CollectionForm = (props) => {
   const { t } = useTranslationRef(qetaTranslationRef);
   const alertApi = useApi(alertApiRef);
   const qetaApi = useApi(qetaApiRef);
+  const catalogApi = useApi(catalogApiRef);
   const {
     handleSubmit,
     control,
     reset,
     setValue,
+    watch,
     formState: { errors, isSubmitting }
   } = useForm({
     values,
@@ -114,7 +153,7 @@ const CollectionForm = (props) => {
   };
   useEffect(() => {
     if (id) {
-      getValues(qetaApi, id).catch(
+      getValues(qetaApi, catalogApi, id).catch(
         (e) => alertApi.post({
           message: e.message,
           severity: "error",
@@ -127,7 +166,7 @@ const CollectionForm = (props) => {
         }
       });
     }
-  }, [qetaApi, id, alertApi]);
+  }, [qetaApi, id, alertApi, catalogApi]);
   useEffect(() => {
     reset(values);
   }, [values, reset]);
@@ -256,6 +295,60 @@ const CollectionForm = (props) => {
             name: "description"
           }
         ),
+        /* @__PURE__ */ jsxs(Box, { mt: 3, mb: 1, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "h6", children: t("collectionForm.automaticRules.title") }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: t("collectionForm.automaticRules.description") })
+        ] }),
+        /* @__PURE__ */ jsx(Box, { mt: 1, mb: 1, children: /* @__PURE__ */ jsx(
+          Controller,
+          {
+            control,
+            render: ({ field, fieldState: { error: entityError } }) => /* @__PURE__ */ jsx(
+              EntitiesInput,
+              {
+                ...field,
+                error: entityError,
+                tags: watch("tags"),
+                label: t("collectionForm.automaticEntitiesInput.label")
+              }
+            ),
+            name: "entities"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Box, { mt: 1, mb: 1, children: /* @__PURE__ */ jsx(
+          Controller,
+          {
+            control,
+            render: ({ field, fieldState: { error: tagError } }) => {
+              return /* @__PURE__ */ jsx(
+                TagInput,
+                {
+                  ...field,
+                  error: tagError,
+                  entities: watch("entities")?.map(stringifyEntityRef),
+                  label: t("collectionForm.automaticTagsInput.label")
+                }
+              );
+            },
+            name: "tags"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Box, { mt: 1, mb: 1, children: /* @__PURE__ */ jsx(
+          Controller,
+          {
+            control,
+            render: ({ field, fieldState: { error: userError } }) => /* @__PURE__ */ jsx(
+              EntitiesInput,
+              {
+                ...field,
+                error: userError,
+                label: t("collectionForm.automaticUsersInput.label"),
+                kind: ["User"]
+              }
+            ),
+            name: "users"
+          }
+        ) }),
         /* @__PURE__ */ jsx(Box, { mt: 3, children: /* @__PURE__ */ jsx(
           Button,
           {

package/dist/components/CollectionForm/CollectionForm.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CollectionForm.esm.js","sources":["../../../src/components/CollectionForm/CollectionForm.tsx"],"sourcesContent":["import {\n alertApiRef,\n useAnalytics,\n useApi,\n useRouteRef,\n} from '@backstage/core-plugin-api';\nimport {\n Box,\n Button,\n Collapse,\n IconButton,\n Link,\n TextField,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport { useCallback, useEffect, useState } from 'react';\nimport { Controller, useForm } from 'react-hook-form';\nimport { useNavigate } from 'react-router-dom';\nimport {\n CollectionRequest,\n CollectionResponse,\n QetaApi,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { collectionRouteRef } from '../../routes';\nimport { useConfirmNavigationIfEdited } from '../../utils/utils';\nimport { qetaApiRef } from '../../api';\nimport { CollectionFormData } from './types';\nimport { HeaderImageInput } from '../HeaderImageInput/HeaderImageInput';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport ExpandLessIcon from '@material-ui/icons/ExpandLess';\nimport HelpIcon from '@material-ui/icons/Help';\n\nconst formToRequest = (\n form: CollectionFormData,\n images: number[],\n): CollectionRequest => {\n return {\n ...form,\n images,\n };\n};\n\nexport type CollectionFormProps = {\n id?: string;\n onPost?: (collection: CollectionResponse) => void;\n};\n\nconst getDefaultValues = (): CollectionFormData => {\n return {\n title: '',\n images: [],\n };\n};\n\nconst getValues = async (\n api: QetaApi,\n id?: string,\n): Promise<{ form: CollectionFormData; collection?: CollectionResponse }> => {\n if (!id) {\n return { form: getDefaultValues() };\n }\n\n const collection = await api.getCollection(id);\n return {\n form: {\n title: collection.title,\n description: collection.description,\n headerImage: collection.headerImage,\n images: collection.images,\n },\n collection,\n };\n};\n\nexport const CollectionForm = (props: CollectionFormProps) => {\n const { id, onPost } = props;\n const collectionRoute = useRouteRef(collectionRouteRef);\n const navigate = useNavigate();\n const analytics = useAnalytics();\n const [posting, setPosting] = useState(false);\n const [values, setValues] = useState(getDefaultValues());\n const [error, setError] = useState(false);\n const [edited, setEdited] = useState(false);\n const [images, setImages] = useState<number[]>([]);\n const [showTips, setShowTips] = useState(false);\n const [titleCharCount, setTitleCharCount] = useState(values.title.length);\n const { t } = useTranslationRef(qetaTranslationRef);\n const alertApi = useApi(alertApiRef);\n\n const qetaApi = useApi(qetaApiRef);\n const {\n handleSubmit,\n control,\n reset,\n setValue,\n formState: { errors, isSubmitting },\n } = useForm<CollectionFormData>({\n values,\n defaultValues: getDefaultValues(),\n });\n\n const postQuestion = (data: CollectionFormData) => {\n setPosting(true);\n\n if (id) {\n qetaApi\n .updateCollection(Number(id), formToRequest(data, images))\n .then(q => {\n if (!q \|\| !q.id) {\n setError(true);\n return;\n }\n setEdited(false);\n reset();\n analytics.captureEvent('edit', 'collection');\n if (onPost) {\n onPost(q);\n } else {\n navigate(collectionRoute({ id: q.id.toString(10) }));\n }\n })\n .catch(_e => {\n setError(true);\n alertApi.post({\n message: t('collectionForm.errorPosting'),\n severity: 'error',\n display: 'transient',\n });\n })\n .finally(() => setPosting(false));\n return;\n }\n qetaApi\n .createCollection(formToRequest(data, images))\n .then(q => {\n if (!q \|\| !q.id) {\n setError(true);\n return;\n }\n setEdited(false);\n analytics.captureEvent('post', 'collection');\n reset();\n navigate(collectionRoute({ id: q.id.toString(10) }));\n })\n .catch(_e => {\n setError(true);\n alertApi.post({\n message: t('collectionForm.errorPosting'),\n severity: 'error',\n display: 'transient',\n });\n })\n .finally(() => setPosting(false));\n };\n\n useEffect(() => {\n if (id) {\n getValues(qetaApi, id)\n .catch(e =>\n alertApi.post({\n message: e.message,\n severity: 'error',\n display: 'transient',\n }),\n )\n .then(data => {\n if (data) {\n setValues(data.form);\n setImages(data.form.images);\n }\n });\n }\n }, [qetaApi, id, alertApi]);\n\n useEffect(() => {\n reset(values);\n }, [values, reset]);\n\n useConfirmNavigationIfEdited(edited && !posting);\n\n const onImageUpload = useCallback(\n (imageId: number) => {\n setImages(prevImages => [...prevImages, imageId]);\n },\n [setImages],\n );\n\n const handleTitleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setTitleCharCount(e.target.value.length);\n setValue('title', e.target.value, { shouldValidate: true });\n };\n\n return (\n <form\n onSubmit={handleSubmit(postQuestion)}\n onChange={() => {\n setEdited(true);\n }}\n >\n {error && (\n <Alert severity=\"error\">{t('collectionForm.errorPosting')}</Alert>\n )}\n <Controller\n control={control}\n render={({ field: { onChange, value } }) => (\n <HeaderImageInput\n onChange={onChange}\n onImageUpload={onImageUpload}\n url={value}\n collectionId={id ? Number(id) : undefined}\n />\n )}\n name=\"headerImage\"\n />\n <Box mb={2}>\n <TextField\n label={t('collectionForm.titleInput.label')}\n className=\"qetaCollectionFormTitle\"\n required\n fullWidth\n error={'title' in errors}\n margin=\"normal\"\n name=\"title\"\n variant=\"outlined\"\n helperText={\n <span>\n {t('collectionForm.titleInput.helperText')}{' '}\n <span style={{ float: 'right' }}>{titleCharCount}/255</span>\n </span>\n }\n FormHelperTextProps={{\n style: { marginLeft: '0.2em' },\n }}\n value={control._formValues.title}\n onChange={handleTitleChange}\n inputProps={{ maxLength: 255 }}\n />\n </Box>\n <Box\n mb={1}\n display=\"flex\"\n alignItems=\"center\"\n justifyContent=\"space-between\"\n >\n <Typography variant=\"subtitle1\" style={{ fontWeight: 500 }}>\n {t('collectionForm.descriptionInput.label')}\n <Tooltip title=\"Tips for a good collection\">\n <IconButton size=\"small\" onClick={() => setShowTips(v => !v)}>\n {showTips ? <ExpandLessIcon /> : <ExpandMoreIcon />}\n </IconButton>\n </Tooltip>\n </Typography>\n <Box>\n <Link\n href=\"https://www.markdownguide.org/cheat-sheet/\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n color=\"inherit\"\n style={{ fontSize: 12 }}\n >\n {t('collectionForm.descriptionInput.markdownHelp')}\n <HelpIcon\n style={{ fontSize: 12, marginLeft: 4, verticalAlign: 'middle' }}\n />\n </Link>\n </Box>\n </Box>\n <Collapse in={showTips}>\n <Box mb={2} p={2}>\n <Typography variant=\"body2\">\n <ul style={{ margin: 0, paddingLeft: 20 }}>\n <li>{t('collectionForm.tips_1')}</li>\n <li>{t('collectionForm.tips_2')}</li>\n <li>{t('collectionForm.tips_3')}</li>\n </ul>\n </Typography>\n </Box>\n </Collapse>\n <Controller\n control={control}\n rules={{\n required: true,\n }}\n render={({ field: { onChange, value } }) => (\n <MarkdownEditor\n value={value ?? ''}\n onChange={onChange}\n height={400}\n name=\"description\"\n error={'description' in errors}\n placeholder={t('collectionForm.descriptionInput.placeholder')}\n onImageUpload={onImageUpload}\n collectionId={id ? Number(id) : undefined}\n />\n )}\n name=\"description\"\n />\n <Box mt={3}>\n <Button\n color=\"primary\"\n type=\"submit\"\n variant=\"contained\"\n disabled={posting \|\| isSubmitting}\n size=\"large\"\n >\n {posting ? (\n <span>\n {t('collectionForm.submitting')}{' '}\n <span className=\"spinner-border spinner-border-sm\" />\n </span>\n ) : (\n t(\n id\n ? 'collectionForm.submit.existingCollection'\n : 'collectionForm.submit.newCollection',\n )\n )}\n </Button>\n </Box>\n </form>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"CollectionForm.esm.js","sources":["../../../src/components/CollectionForm/CollectionForm.tsx"],"sourcesContent":["import {\n alertApiRef,\n useAnalytics,\n useApi,\n useRouteRef,\n} from '@backstage/core-plugin-api';\nimport {\n Box,\n Button,\n Collapse,\n IconButton,\n Link,\n TextField,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport { useCallback, useEffect, useState } from 'react';\nimport { Controller, useForm } from 'react-hook-form';\nimport { useNavigate } from 'react-router-dom';\nimport {\n CollectionRequest,\n CollectionResponse,\n QetaApi,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { collectionRouteRef } from '../../routes';\nimport { useConfirmNavigationIfEdited } from '../../utils/utils';\nimport { qetaApiRef } from '../../api';\nimport { CollectionFormData } from './types';\nimport { HeaderImageInput } from '../HeaderImageInput/HeaderImageInput';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { TagInput } from '../PostForm/TagInput';\nimport { EntitiesInput } from '../PostForm/EntitiesInput';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport { CatalogApi } from '@backstage/catalog-client';\nimport { compact } from 'lodash';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport ExpandLessIcon from '@material-ui/icons/ExpandLess';\nimport HelpIcon from '@material-ui/icons/Help';\n\nconst formToRequest = (\n form: CollectionFormData,\n images: number[],\n): CollectionRequest => {\n return {\n ...form,\n images,\n entities: form.entities?.map(stringifyEntityRef),\n users: form.users?.map(stringifyEntityRef),\n };\n};\n\nexport type CollectionFormProps = {\n id?: string;\n onPost?: (collection: CollectionResponse) => void;\n};\n\nconst getDefaultValues = (): CollectionFormData => {\n return {\n title: '',\n images: [],\n tags: [],\n entities: [],\n users: [],\n };\n};\n\nconst getValues = async (\n api: QetaApi,\n catalogApi: CatalogApi,\n id?: string,\n): Promise<{ form: CollectionFormData; collection?: CollectionResponse }> => {\n if (!id) {\n return { form: getDefaultValues() };\n }\n\n const collection = await api.getCollection(id);\n\n const entities =\n collection.entities && collection.entities.length > 0\n ? await catalogApi.getEntitiesByRefs({\n entityRefs: collection.entities,\n fields: [\n 'kind',\n 'metadata.name',\n 'metadata.namespace',\n 'metadata.title',\n 'metadata.description',\n 'spec.profile.displayName',\n 'spec.type',\n ],\n })\n : [];\n\n const users =\n collection.users && collection.users.length > 0\n ? await catalogApi.getEntitiesByRefs({\n entityRefs: collection.users,\n fields: [\n 'kind',\n 'metadata.name',\n 'metadata.namespace',\n 'metadata.title',\n 'metadata.description',\n 'spec.profile.displayName',\n 'spec.type',\n ],\n })\n : [];\n\n return {\n form: {\n title: collection.title,\n description: collection.description,\n headerImage: collection.headerImage,\n images: collection.images,\n tags: collection.tags \|\| [],\n entities: 'items' in entities ? compact(entities.items) : [],\n users: 'items' in users ? compact(users.items) : [],\n },\n collection,\n };\n};\n\nexport const CollectionForm = (props: CollectionFormProps) => {\n const { id, onPost } = props;\n const collectionRoute = useRouteRef(collectionRouteRef);\n const navigate = useNavigate();\n const analytics = useAnalytics();\n const [posting, setPosting] = useState(false);\n const [values, setValues] = useState(getDefaultValues());\n const [error, setError] = useState(false);\n const [edited, setEdited] = useState(false);\n const [images, setImages] = useState<number[]>([]);\n const [showTips, setShowTips] = useState(false);\n const [titleCharCount, setTitleCharCount] = useState(values.title.length);\n const { t } = useTranslationRef(qetaTranslationRef);\n const alertApi = useApi(alertApiRef);\n\n const qetaApi = useApi(qetaApiRef);\n const catalogApi = useApi(catalogApiRef);\n const {\n handleSubmit,\n control,\n reset,\n setValue,\n watch,\n formState: { errors, isSubmitting },\n } = useForm<CollectionFormData>({\n values,\n defaultValues: getDefaultValues(),\n });\n\n const postQuestion = (data: CollectionFormData) => {\n setPosting(true);\n\n if (id) {\n qetaApi\n .updateCollection(Number(id), formToRequest(data, images))\n .then(q => {\n if (!q \|\| !q.id) {\n setError(true);\n return;\n }\n setEdited(false);\n reset();\n analytics.captureEvent('edit', 'collection');\n if (onPost) {\n onPost(q);\n } else {\n navigate(collectionRoute({ id: q.id.toString(10) }));\n }\n })\n .catch(_e => {\n setError(true);\n alertApi.post({\n message: t('collectionForm.errorPosting'),\n severity: 'error',\n display: 'transient',\n });\n })\n .finally(() => setPosting(false));\n return;\n }\n qetaApi\n .createCollection(formToRequest(data, images))\n .then(q => {\n if (!q \|\| !q.id) {\n setError(true);\n return;\n }\n setEdited(false);\n analytics.captureEvent('post', 'collection');\n reset();\n navigate(collectionRoute({ id: q.id.toString(10) }));\n })\n .catch(_e => {\n setError(true);\n alertApi.post({\n message: t('collectionForm.errorPosting'),\n severity: 'error',\n display: 'transient',\n });\n })\n .finally(() => setPosting(false));\n };\n\n useEffect(() => {\n if (id) {\n getValues(qetaApi, catalogApi, id)\n .catch(e =>\n alertApi.post({\n message: e.message,\n severity: 'error',\n display: 'transient',\n }),\n )\n .then(data => {\n if (data) {\n setValues(data.form);\n setImages(data.form.images);\n }\n });\n }\n }, [qetaApi, id, alertApi, catalogApi]);\n\n useEffect(() => {\n reset(values);\n }, [values, reset]);\n\n useConfirmNavigationIfEdited(edited && !posting);\n\n const onImageUpload = useCallback(\n (imageId: number) => {\n setImages(prevImages => [...prevImages, imageId]);\n },\n [setImages],\n );\n\n const handleTitleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setTitleCharCount(e.target.value.length);\n setValue('title', e.target.value, { shouldValidate: true });\n };\n\n return (\n <form\n onSubmit={handleSubmit(postQuestion)}\n onChange={() => {\n setEdited(true);\n }}\n >\n {error && (\n <Alert severity=\"error\">{t('collectionForm.errorPosting')}</Alert>\n )}\n <Controller\n control={control}\n render={({ field: { onChange, value } }) => (\n <HeaderImageInput\n onChange={onChange}\n onImageUpload={onImageUpload}\n url={value}\n collectionId={id ? Number(id) : undefined}\n />\n )}\n name=\"headerImage\"\n />\n <Box mb={2}>\n <TextField\n label={t('collectionForm.titleInput.label')}\n className=\"qetaCollectionFormTitle\"\n required\n fullWidth\n error={'title' in errors}\n margin=\"normal\"\n name=\"title\"\n variant=\"outlined\"\n helperText={\n <span>\n {t('collectionForm.titleInput.helperText')}{' '}\n <span style={{ float: 'right' }}>{titleCharCount}/255</span>\n </span>\n }\n FormHelperTextProps={{\n style: { marginLeft: '0.2em' },\n }}\n value={control._formValues.title}\n onChange={handleTitleChange}\n inputProps={{ maxLength: 255 }}\n />\n </Box>\n <Box\n mb={1}\n display=\"flex\"\n alignItems=\"center\"\n justifyContent=\"space-between\"\n >\n <Typography variant=\"subtitle1\" style={{ fontWeight: 500 }}>\n {t('collectionForm.descriptionInput.label')}\n <Tooltip title=\"Tips for a good collection\">\n <IconButton size=\"small\" onClick={() => setShowTips(v => !v)}>\n {showTips ? <ExpandLessIcon /> : <ExpandMoreIcon />}\n </IconButton>\n </Tooltip>\n </Typography>\n <Box>\n <Link\n href=\"https://www.markdownguide.org/cheat-sheet/\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n color=\"inherit\"\n style={{ fontSize: 12 }}\n >\n {t('collectionForm.descriptionInput.markdownHelp')}\n <HelpIcon\n style={{ fontSize: 12, marginLeft: 4, verticalAlign: 'middle' }}\n />\n </Link>\n </Box>\n </Box>\n <Collapse in={showTips}>\n <Box mb={2} p={2}>\n <Typography variant=\"body2\">\n <ul style={{ margin: 0, paddingLeft: 20 }}>\n <li>{t('collectionForm.tips_1')}</li>\n <li>{t('collectionForm.tips_2')}</li>\n <li>{t('collectionForm.tips_3')}</li>\n </ul>\n </Typography>\n </Box>\n </Collapse>\n <Controller\n control={control}\n rules={{\n required: true,\n }}\n render={({ field: { onChange, value } }) => (\n <MarkdownEditor\n value={value ?? ''}\n onChange={onChange}\n height={400}\n name=\"description\"\n error={'description' in errors}\n placeholder={t('collectionForm.descriptionInput.placeholder')}\n onImageUpload={onImageUpload}\n collectionId={id ? Number(id) : undefined}\n />\n )}\n name=\"description\"\n />\n <Box mt={3} mb={1}>\n <Typography variant=\"h6\">\n {t('collectionForm.automaticRules.title')}\n </Typography>\n <Typography variant=\"body2\" color=\"textSecondary\">\n {t('collectionForm.automaticRules.description')}\n </Typography>\n </Box>\n <Box mt={1} mb={1}>\n <Controller\n control={control}\n render={({ field, fieldState: { error: entityError } }) => (\n <EntitiesInput\n {...field}\n error={entityError}\n tags={watch('tags')}\n label={t('collectionForm.automaticEntitiesInput.label')}\n />\n )}\n name=\"entities\"\n />\n </Box>\n <Box mt={1} mb={1}>\n <Controller\n control={control}\n render={({ field, fieldState: { error: tagError } }) => {\n return (\n <TagInput\n {...field}\n error={tagError}\n entities={watch('entities')?.map(stringifyEntityRef)}\n label={t('collectionForm.automaticTagsInput.label')}\n />\n );\n }}\n name=\"tags\"\n />\n </Box>\n <Box mt={1} mb={1}>\n <Controller\n control={control}\n render={({ field, fieldState: { error: userError } }) => (\n <EntitiesInput\n {...field}\n error={userError}\n label={t('collectionForm.automaticUsersInput.label')}\n kind={['User']}\n />\n )}\n name=\"users\"\n />\n </Box>\n <Box mt={3}>\n <Button\n color=\"primary\"\n type=\"submit\"\n variant=\"contained\"\n disabled={posting \|\| isSubmitting}\n size=\"large\"\n >\n {posting ? (\n <span>\n {t('collectionForm.submitting')}{' '}\n <span className=\"spinner-border spinner-border-sm\" />\n </span>\n ) : (\n t(\n id\n ? 'collectionForm.submit.existingCollection'\n : 'collectionForm.submit.newCollection',\n )\n )}\n </Button>\n </Box>\n </form>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/CollectionsContainer/CollectionsGridItem.esm.js CHANGED Viewed

@@ -108,7 +108,14 @@ const CollectionsGridItem = (props) => {
           collection.description && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", gutterBottom: true, children: DOMPurify.sanitize(
             truncate(removeMarkdownFormatting(collection.description), 200)
           ) }),
-          /* @__PURE__ */ jsx(Box, { mt: 2, children: /* @__PURE__ */ jsx(TagsAndEntities, { entity: collection }) }),
+          /* @__PURE__ */ jsx(Box, { mt: 2, children: /* @__PURE__ */ jsx(
+            TagsAndEntities,
+            {
+              entity: collection,
+              tagsLimit: 5,
+              entitiesLimit: 5
+            }
+          ) }),
           /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, className: classes.statsGrid, children: [
             /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, children: /* @__PURE__ */ jsxs(
               Box,

package/dist/components/CollectionsContainer/CollectionsGridItem.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CollectionsGridItem.esm.js","sources":["../../../src/components/CollectionsContainer/CollectionsGridItem.tsx"],"sourcesContent":["import {\n Collection,\n removeMarkdownFormatting,\n truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { collectionRouteRef } from '../../routes';\nimport {\n Box,\n Card,\n CardContent,\n CardMedia,\n Grid,\n makeStyles,\n Typography,\n} from '@material-ui/core';\nimport DOMPurify from 'dompurify';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { CollectionFollowButton } from '../Buttons/CollectionFollowButton';\nimport { ClickableLink } from '../Utility/ClickableLink';\nimport PlaylistPlayIcon from '@material-ui/icons/PlaylistPlay';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport PeopleIcon from '@material-ui/icons/People';\nimport LinkIcon from '@material-ui/icons/Link';\nimport DescriptionIcon from '@material-ui/icons/Description';\n\nexport interface PostsGridItemProps {\n collection: Collection;\n}\n\nconst useStyles = makeStyles(theme => ({\n placeholderImage: {\n height: 140,\n width: '100%',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n background:\n theme.palette.type === 'dark'\n ? `linear-gradient(135deg, ${theme.palette.grey[800]} 0%, ${theme.palette.grey[900]} 100%)`\n : `linear-gradient(135deg, ${theme.palette.grey[200]} 0%, ${theme.palette.grey[300]} 100%)`,\n color: theme.palette.text.secondary,\n opacity: 0.8,\n },\n card: {\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n cursor: 'pointer',\n position: 'relative',\n '&:hover::after': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n backgroundColor: 'currentColor',\n opacity: theme.palette.action.hoverOpacity \|\| 0.04,\n borderRadius: theme.shape.borderRadius,\n pointerEvents: 'none',\n },\n },\n statsGrid: {\n marginTop: 'auto',\n },\n statItem: {\n padding: theme.spacing(1),\n borderRadius: theme.shape.borderRadius,\n width: '100%',\n height: '100%',\n justifyContent: 'center',\n },\n}));\n\nexport const CollectionsGridItem = (props: PostsGridItemProps) => {\n const { collection } = props;\n const classes = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n\n const collectionRoute = useRouteRef(collectionRouteRef);\n const href = collectionRoute({ id: collection.id.toString(10) });\n\n return (\n <Card className={classes.card}>\n <ClickableLink href={href} ariaLabel={collection.title}>\n {collection.headerImage ? (\n <CardMedia\n component=\"img\"\n height=\"140\"\n onError={e => (e.currentTarget.style.display = 'none')}\n image={collection.headerImage}\n alt={collection.title}\n style={{ objectFit: 'cover' }}\n />\n ) : (\n <Box className={classes.placeholderImage}>\n <PlaylistPlayIcon style={{ fontSize: 60 }} />\n </Box>\n )}\n <CardContent\n style={{\n paddingBottom: '0.5rem',\n flexGrow: 1,\n display: 'flex',\n flexDirection: 'column',\n }}\n >\n <Box\n display=\"flex\"\n justifyContent=\"space-between\"\n alignItems=\"flex-start\"\n >\n <Typography gutterBottom variant=\"h6\" component=\"div\">\n {collection.title}\n </Typography>\n <Box\n onClick={e => {\n e.preventDefault();\n e.stopPropagation();\n }}\n >\n <CollectionFollowButton collection={collection} />\n </Box>\n </Box>\n {collection.description && (\n <Typography variant=\"body2\" color=\"textSecondary\" gutterBottom>\n {DOMPurify.sanitize(\n truncate(removeMarkdownFormatting(collection.description), 200),\n )}\n </Typography>\n )}\n <Box mt={2}>\n <TagsAndEntities entity={collection} />\n </Box>\n <Grid container spacing={1} className={classes.statsGrid}>\n <Grid item xs={3}>\n <Box\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n className={classes.statItem}\n >\n <QuestionAnswerIcon fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {collection.questionsCount}\n </Typography>\n <Typography variant=\"caption\" color=\"textSecondary\">\n {t('common.questions')}\n </Typography>\n </Box>\n </Grid>\n <Grid item xs={3}>\n <Box\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n className={classes.statItem}\n >\n <DescriptionIcon fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {collection.articlesCount}\n </Typography>\n <Typography variant=\"caption\" color=\"textSecondary\">\n {t('common.articles')}\n </Typography>\n </Box>\n </Grid>\n <Grid item xs={3}>\n <Box\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n className={classes.statItem}\n >\n <LinkIcon fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {collection.linksCount}\n </Typography>\n <Typography variant=\"caption\" color=\"textSecondary\">\n {t('common.links')}\n </Typography>\n </Box>\n </Grid>\n <Grid item xs={3}>\n <Box\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n className={classes.statItem}\n >\n <PeopleIcon fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {collection.followers}\n </Typography>\n <Typography variant=\"caption\" color=\"textSecondary\">\n {t('common.followersPlain')}\n </Typography>\n </Box>\n </Grid>\n </Grid>\n </CardContent>\n </ClickableLink>\n </Card>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"CollectionsGridItem.esm.js","sources":["../../../src/components/CollectionsContainer/CollectionsGridItem.tsx"],"sourcesContent":["import {\n Collection,\n removeMarkdownFormatting,\n truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { collectionRouteRef } from '../../routes';\nimport {\n Box,\n Card,\n CardContent,\n CardMedia,\n Grid,\n makeStyles,\n Typography,\n} from '@material-ui/core';\nimport DOMPurify from 'dompurify';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { CollectionFollowButton } from '../Buttons/CollectionFollowButton';\nimport { ClickableLink } from '../Utility/ClickableLink';\nimport PlaylistPlayIcon from '@material-ui/icons/PlaylistPlay';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport PeopleIcon from '@material-ui/icons/People';\nimport LinkIcon from '@material-ui/icons/Link';\nimport DescriptionIcon from '@material-ui/icons/Description';\n\nexport interface PostsGridItemProps {\n collection: Collection;\n}\n\nconst useStyles = makeStyles(theme => ({\n placeholderImage: {\n height: 140,\n width: '100%',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n background:\n theme.palette.type === 'dark'\n ? `linear-gradient(135deg, ${theme.palette.grey[800]} 0%, ${theme.palette.grey[900]} 100%)`\n : `linear-gradient(135deg, ${theme.palette.grey[200]} 0%, ${theme.palette.grey[300]} 100%)`,\n color: theme.palette.text.secondary,\n opacity: 0.8,\n },\n card: {\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n cursor: 'pointer',\n position: 'relative',\n '&:hover::after': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n backgroundColor: 'currentColor',\n opacity: theme.palette.action.hoverOpacity \|\| 0.04,\n borderRadius: theme.shape.borderRadius,\n pointerEvents: 'none',\n },\n },\n statsGrid: {\n marginTop: 'auto',\n },\n statItem: {\n padding: theme.spacing(1),\n borderRadius: theme.shape.borderRadius,\n width: '100%',\n height: '100%',\n justifyContent: 'center',\n },\n}));\n\nexport const CollectionsGridItem = (props: PostsGridItemProps) => {\n const { collection } = props;\n const classes = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n\n const collectionRoute = useRouteRef(collectionRouteRef);\n const href = collectionRoute({ id: collection.id.toString(10) });\n\n return (\n <Card className={classes.card}>\n <ClickableLink href={href} ariaLabel={collection.title}>\n {collection.headerImage ? (\n <CardMedia\n component=\"img\"\n height=\"140\"\n onError={e => (e.currentTarget.style.display = 'none')}\n image={collection.headerImage}\n alt={collection.title}\n style={{ objectFit: 'cover' }}\n />\n ) : (\n <Box className={classes.placeholderImage}>\n <PlaylistPlayIcon style={{ fontSize: 60 }} />\n </Box>\n )}\n <CardContent\n style={{\n paddingBottom: '0.5rem',\n flexGrow: 1,\n display: 'flex',\n flexDirection: 'column',\n }}\n >\n <Box\n display=\"flex\"\n justifyContent=\"space-between\"\n alignItems=\"flex-start\"\n >\n <Typography gutterBottom variant=\"h6\" component=\"div\">\n {collection.title}\n </Typography>\n <Box\n onClick={e => {\n e.preventDefault();\n e.stopPropagation();\n }}\n >\n <CollectionFollowButton collection={collection} />\n </Box>\n </Box>\n {collection.description && (\n <Typography variant=\"body2\" color=\"textSecondary\" gutterBottom>\n {DOMPurify.sanitize(\n truncate(removeMarkdownFormatting(collection.description), 200),\n )}\n </Typography>\n )}\n <Box mt={2}>\n <TagsAndEntities\n entity={collection}\n tagsLimit={5}\n entitiesLimit={5}\n />\n </Box>\n <Grid container spacing={1} className={classes.statsGrid}>\n <Grid item xs={3}>\n <Box\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n className={classes.statItem}\n >\n <QuestionAnswerIcon fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {collection.questionsCount}\n </Typography>\n <Typography variant=\"caption\" color=\"textSecondary\">\n {t('common.questions')}\n </Typography>\n </Box>\n </Grid>\n <Grid item xs={3}>\n <Box\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n className={classes.statItem}\n >\n <DescriptionIcon fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {collection.articlesCount}\n </Typography>\n <Typography variant=\"caption\" color=\"textSecondary\">\n {t('common.articles')}\n </Typography>\n </Box>\n </Grid>\n <Grid item xs={3}>\n <Box\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n className={classes.statItem}\n >\n <LinkIcon fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {collection.linksCount}\n </Typography>\n <Typography variant=\"caption\" color=\"textSecondary\">\n {t('common.links')}\n </Typography>\n </Box>\n </Grid>\n <Grid item xs={3}>\n <Box\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n className={classes.statItem}\n >\n <PeopleIcon fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {collection.followers}\n </Typography>\n <Typography variant=\"caption\" color=\"textSecondary\">\n {t('common.followersPlain')}\n </Typography>\n </Box>\n </Grid>\n </Grid>\n </CardContent>\n </ClickableLink>\n </Card>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/FollowedLists/FollowedCollectionsList.esm.js CHANGED Viewed

@@ -51,7 +51,7 @@ const FollowedCollectionsList = () => {
   if (collections.collections.length === 0 || collections.loading) {
     return null;
   }
-  return /* @__PURE__ */ jsx(RightListContainer, { children: /* @__PURE__ */ jsx(RightList, { title: t("rightMenu.followedCollections"), children: collections.collections.map((collection) => {
+  return /* @__PURE__ */ jsx(RightListContainer, { children: /* @__PURE__ */ jsx(RightList, { title: t("rightMenu.followedCollections"), limit: 5, randomize: true, children: collections.collections.map((collection) => {
     const href = collectionRoute({ id: collection.id.toString(10) });
     return /* @__PURE__ */ jsxs(
       ListItem,

package/dist/components/FollowedLists/FollowedCollectionsList.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FollowedCollectionsList.esm.js","sources":["../../../src/components/FollowedLists/FollowedCollectionsList.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport {\n Box,\n ListItem,\n ListItemText,\n makeStyles,\n Tooltip,\n} from '@material-ui/core';\nimport PlaylistPlayOutlined from '@material-ui/icons/PlaylistPlayOutlined';\nimport { Link } from 'react-router-dom';\nimport { collectionRouteRef } from '../../routes';\nimport { useRouteRef } from '@backstage/core-plugin-api';\n\nconst useStyles = makeStyles(theme => ({\n listItem: {\n display: 'flex',\n alignItems: 'center',\n padding: '0 4px',\n minHeight: 28,\n cursor: 'pointer',\n transition: 'background 0.2s',\n textDecoration: 'none',\n color: 'inherit',\n '&:hover': {\n background: theme.palette.action.hover,\n },\n },\n listItemText: {\n color: theme.palette.text.primary,\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n flex: 1,\n },\n iconBox: {\n minWidth: 28,\n maxWidth: 28,\n height: 24,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: 4,\n marginRight: theme.spacing(1),\n marginLeft: theme.spacing(0.5),\n color: theme.palette.text.secondary,\n },\n}));\n\nexport const FollowedCollectionsList = () => {\n const collections = useCollectionsFollow();\n const { t } = useTranslationRef(qetaTranslationRef);\n const classes = useStyles();\n const collectionRoute = useRouteRef(collectionRouteRef);\n\n if (collections.collections.length === 0 \|\| collections.loading) {\n return null;\n }\n\n return (\n <RightListContainer>\n <RightList title={t('rightMenu.followedCollections')}>\n {collections.collections.map(collection => {\n const href = collectionRoute({ id: collection.id.toString(10) });\n return (\n <ListItem\n key={collection.id}\n dense\n button\n className={classes.listItem}\n component={Link}\n to={href}\n >\n <Box className={classes.iconBox}>\n <PlaylistPlayOutlined fontSize=\"small\" />\n </Box>\n <Tooltip title={collection.title} arrow>\n <ListItemText\n primary={collection.title}\n classes={{ primary: classes.listItemText }}\n />\n </Tooltip>\n </ListItem>\n );\n })}\n </RightList>\n </RightListContainer>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAgBA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,QAAU,EAAA;AAAA,IACR,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,OAAS,EAAA,OAAA;AAAA,IACT,SAAW,EAAA,EAAA;AAAA,IACX,MAAQ,EAAA,SAAA;AAAA,IACR,UAAY,EAAA,iBAAA;AAAA,IACZ,cAAgB,EAAA,MAAA;AAAA,IAChB,KAAO,EAAA,SAAA;AAAA,IACP,SAAW,EAAA;AAAA,MACT,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA;AAAA;AACnC,GACF;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAA;AAAA,IAC1B,UAAY,EAAA,QAAA;AAAA,IACZ,QAAU,EAAA,QAAA;AAAA,IACV,YAAc,EAAA,UAAA;AAAA,IACd,IAAM,EAAA;AAAA,GACR;AAAA,EACA,OAAS,EAAA;AAAA,IACP,QAAU,EAAA,EAAA;AAAA,IACV,QAAU,EAAA,EAAA;AAAA,IACV,MAAQ,EAAA,EAAA;AAAA,IACR,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,QAAA;AAAA,IAChB,YAAc,EAAA,CAAA;AAAA,IACd,WAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC5B,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,IAC7B,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA;AAAA;AAE9B,CAAE,CAAA,CAAA;AAEK,MAAM,0BAA0B,MAAM;AAC3C,EAAA,MAAM,cAAc,oBAAqB,EAAA;AACzC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,eAAA,GAAkB,YAAY,kBAAkB,CAAA;AAEtD,EAAA,IAAI,WAAY,CAAA,WAAA,CAAY,MAAW,KAAA,CAAA,IAAK,YAAY,OAAS,EAAA;AAC/D,IAAO,OAAA,IAAA;AAAA;AAGT,~~EACE~~,~~uBAAA~~,GAAA,~~CAAC~~,~~kBACC~~,EAAA,~~EAAA~~,~~QAAA~~,kBAAA,GAAA,~~CAAC~~,~~SAAU~~,EAAA,~~EAAA~~,~~KAAA~~,~~EAAO,~~CAAE,CAAA,+BAA+B,~~CAChD~~,EAAA,~~QAAA~~,EAAA,~~WAAA~~,~~CAAY~~,~~WAAY~~,CAAA,~~GAAA~~,~~CAAI~~,CAAc,UAAA,KAAA;AACzC,IAAM,MAAA,IAAA,GAAO,gBAAgB,EAAE,EAAA,EAAI,WAAW,EAAG,CAAA,QAAA,CAAS,EAAE,CAAA,EAAG,CAAA;AAC/D,IACE,uBAAA,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QAEC,KAAK,EAAA,IAAA;AAAA,QACL,MAAM,EAAA,IAAA;AAAA,QACN,WAAW,OAAQ,CAAA,QAAA;AAAA,QACnB,SAAW,EAAA,IAAA;AAAA,QACX,EAAI,EAAA,IAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,GAAA,EAAA,EAAI,WAAW,OAAQ,CAAA,OAAA,EACtB,8BAAC,oBAAqB,EAAA,EAAA,QAAA,EAAS,SAAQ,CACzC,EAAA,CAAA;AAAA,8BACC,OAAQ,EAAA,EAAA,KAAA,EAAO,UAAW,CAAA,KAAA,EAAO,OAAK,IACrC,EAAA,QAAA,kBAAA,GAAA;AAAA,YAAC,YAAA;AAAA,YAAA;AAAA,cACC,SAAS,UAAW,CAAA,KAAA;AAAA,cACpB,OAAS,EAAA,EAAE,OAAS,EAAA,OAAA,CAAQ,YAAa;AAAA;AAAA,WAE7C,EAAA;AAAA;AAAA,OAAA;AAAA,MAfK,UAAW,CAAA;AAAA,KAgBlB;AAAA,GAEH,GACH,CACF,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"FollowedCollectionsList.esm.js","sources":["../../../src/components/FollowedLists/FollowedCollectionsList.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport {\n Box,\n ListItem,\n ListItemText,\n makeStyles,\n Tooltip,\n} from '@material-ui/core';\nimport PlaylistPlayOutlined from '@material-ui/icons/PlaylistPlayOutlined';\nimport { Link } from 'react-router-dom';\nimport { collectionRouteRef } from '../../routes';\nimport { useRouteRef } from '@backstage/core-plugin-api';\n\nconst useStyles = makeStyles(theme => ({\n listItem: {\n display: 'flex',\n alignItems: 'center',\n padding: '0 4px',\n minHeight: 28,\n cursor: 'pointer',\n transition: 'background 0.2s',\n textDecoration: 'none',\n color: 'inherit',\n '&:hover': {\n background: theme.palette.action.hover,\n },\n },\n listItemText: {\n color: theme.palette.text.primary,\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n flex: 1,\n },\n iconBox: {\n minWidth: 28,\n maxWidth: 28,\n height: 24,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: 4,\n marginRight: theme.spacing(1),\n marginLeft: theme.spacing(0.5),\n color: theme.palette.text.secondary,\n },\n}));\n\nexport const FollowedCollectionsList = () => {\n const collections = useCollectionsFollow();\n const { t } = useTranslationRef(qetaTranslationRef);\n const classes = useStyles();\n const collectionRoute = useRouteRef(collectionRouteRef);\n\n if (collections.collections.length === 0 \|\| collections.loading) {\n return null;\n }\n\n return (\n <RightListContainer>\n <RightList title={t('rightMenu.followedCollections')} limit={5} randomize>\n {collections.collections.map(collection => {\n const href = collectionRoute({ id: collection.id.toString(10) });\n return (\n <ListItem\n key={collection.id}\n dense\n button\n className={classes.listItem}\n component={Link}\n to={href}\n >\n <Box className={classes.iconBox}>\n <PlaylistPlayOutlined fontSize=\"small\" />\n </Box>\n <Tooltip title={collection.title} arrow>\n <ListItemText\n primary={collection.title}\n classes={{ primary: classes.listItemText }}\n />\n </Tooltip>\n </ListItem>\n );\n })}\n </RightList>\n </RightListContainer>\n );\n};\n"],"names":[],"mappings":"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"}