npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.49.0 → 3.49.1 - Mend

@drodil/backstage-plugin-qeta-react 3.49.0 → 3.49.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 (38) hide show

package/dist/components/TagsGrid/TagGridItem.esm.js CHANGED Viewed

@@ -5,7 +5,6 @@ import { makeStyles, Grid, Card, Box, Avatar, Tooltip, Typography, IconButton, M
 import { useState } from 'react';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import { tagRouteRef } from '../../routes.esm.js';
-import { useNavigate } from 'react-router-dom';
 import { EditTagModal } from './EditTagModal.esm.js';
 import DOMPurify from 'dompurify';
 import { DeleteModal } from '../DeleteModal/DeleteModal.esm.js';
@@ -21,6 +20,7 @@ import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { qetaTranslationRef } from '../../translation.esm.js';
 import useGridItemStyles from '../GridItemStyles/useGridItemStyles.esm.js';
 import { useTooltipStyles } from '../../hooks/useTooltipStyles.esm.js';
+import { ClickableLink } from '../Utility/ClickableLink.esm.js';
 const useStyles = makeStyles((theme) => ({
   statsGrid: {
@@ -41,13 +41,13 @@ const useStyles = makeStyles((theme) => ({
 const TagGridItem = (props) => {
   const { tag, onTagEdit, isModerator } = props;
   const tagRoute = useRouteRef(tagRouteRef);
-  const navigate = useNavigate();
   const { t } = useTranslationRef(qetaTranslationRef);
   const classes = useGridItemStyles();
   const localClasses = useStyles();
   const tooltipStyles = useTooltipStyles();
   const [anchorEl, setAnchorEl] = useState(null);
   const handleMenuClick = (event) => {
+    event.preventDefault();
     event.stopPropagation();
     setAnchorEl(event.currentTarget);
   };
@@ -72,15 +72,16 @@ const TagGridItem = (props) => {
     setDeleteModalOpen(false);
     onTagEdit();
   };
+  const href = tagRoute({ tag: tag.tag });
   return /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, sm: 6, md: 6, xl: 4, children: [
-    /* @__PURE__ */ jsxs(
-      Card,
-      {
-        className: classes.card,
-        style: { cursor: "pointer" },
-        onClick: () => navigate(tagRoute({ tag: tag.tag })),
-        children: [
-          /* @__PURE__ */ jsxs(Box, { className: classes.cardHeader, display: "flex", alignItems: "center", children: [
+    /* @__PURE__ */ jsx(Card, { className: classes.card, children: /* @__PURE__ */ jsxs(ClickableLink, { href, ariaLabel: tag.tag, children: [
+      /* @__PURE__ */ jsxs(
+        Box,
+        {
+          className: classes.cardHeader,
+          display: "flex",
+          alignItems: "center",
+          children: [
             /* @__PURE__ */ jsx(
               Avatar,
               {
@@ -91,153 +92,155 @@ const TagGridItem = (props) => {
               }
             ),
             /* @__PURE__ */ jsx(Box, { flex: 1, minWidth: 0, children: /* @__PURE__ */ jsx(Tooltip, { title: tag.tag, arrow: true, children: /* @__PURE__ */ jsx(Typography, { variant: "h6", noWrap: true, children: tag.tag }) }) }),
-            /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", flexShrink: 0, children: [
-              /* @__PURE__ */ jsx(
-                "div",
+            /* @__PURE__ */ jsxs(
+              Box,
+              {
+                display: "flex",
+                alignItems: "center",
+                flexShrink: 0,
+                onClick: (e) => {
+                  e.preventDefault();
+                  e.stopPropagation();
+                },
+                children: [
+                  /* @__PURE__ */ jsx(TagFollowButton, { tag: tag.tag }),
+                  tag.canEdit || tag.canDelete ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx(IconButton, { "aria-label": "settings", onClick: handleMenuClick, children: /* @__PURE__ */ jsx(MoreVertIcon, {}) }),
+                    /* @__PURE__ */ jsxs(
+                      Menu,
+                      {
+                        id: "tag-menu",
+                        anchorEl,
+                        keepMounted: true,
+                        open: Boolean(anchorEl),
+                        onClose: handleMenuClose,
+                        getContentAnchorEl: null,
+                        anchorOrigin: {
+                          vertical: "bottom",
+                          horizontal: "right"
+                        },
+                        transformOrigin: {
+                          vertical: "top",
+                          horizontal: "right"
+                        },
+                        children: [
+                          tag.canEdit && /* @__PURE__ */ jsxs(
+                            MenuItem,
+                            {
+                              onClick: (e) => {
+                                e.stopPropagation();
+                                handleEditModalOpen();
+                              },
+                              children: [
+                                /* @__PURE__ */ jsx(ListItemIcon, { style: { minWidth: "32px" }, children: /* @__PURE__ */ jsx(EditIcon, { fontSize: "small" }) }),
+                                /* @__PURE__ */ jsx(ListItemText, { primary: t("tagButton.edit") })
+                              ]
+                            }
+                          ),
+                          tag.canDelete && /* @__PURE__ */ jsxs(
+                            MenuItem,
+                            {
+                              onClick: (e) => {
+                                e.stopPropagation();
+                                handleDeleteModalOpen();
+                              },
+                              children: [
+                                /* @__PURE__ */ jsx(ListItemIcon, { style: { minWidth: "32px" }, children: /* @__PURE__ */ jsx(DeleteIcon, { fontSize: "small" }) }),
+                                /* @__PURE__ */ jsx(ListItemText, { primary: t("tagButton.delete") })
+                              ]
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  ] }) : null
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        CardContent,
+        {
+          className: `${classes.cardContent} ${localClasses.flexColumn}`,
+          children: [
+            tag.description && /* @__PURE__ */ jsx(Box, { mb: 2, children: /* @__PURE__ */ jsx(
+              Tooltip,
+              {
+                title: tag.description,
+                arrow: true,
+                classes: {
+                  tooltip: tooltipStyles.tooltip,
+                  arrow: tooltipStyles.tooltipArrow
+                },
+                children: /* @__PURE__ */ jsx(Typography, { className: classes.description, variant: "body2", children: DOMPurify.sanitize(
+                  truncate(removeMarkdownFormatting(tag.description), 80)
+                ) })
+              }
+            ) }),
+            /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, className: localClasses.statsGrid, children: [
+              /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, children: /* @__PURE__ */ jsxs(
+                Box,
+                {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "center",
+                  className: localClasses.statItem,
+                  children: [
+                    /* @__PURE__ */ jsx(QuestionAnswerIcon, { fontSize: "small", color: "disabled" }),
+                    /* @__PURE__ */ jsx(Typography, { variant: "body2", style: { fontWeight: 600 }, children: tag.questionsCount }),
+                    /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: t("common.questions") })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, children: /* @__PURE__ */ jsxs(
+                Box,
                 {
-                  onClick: (e) => e.stopPropagation(),
-                  onKeyPress: () => {
-                  },
-                  role: "button",
-                  tabIndex: 0,
-                  children: /* @__PURE__ */ jsx(TagFollowButton, { tag: tag.tag })
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "center",
+                  className: localClasses.statItem,
+                  children: [
+                    /* @__PURE__ */ jsx(DescriptionIcon, { fontSize: "small", color: "disabled" }),
+                    /* @__PURE__ */ jsx(Typography, { variant: "body2", style: { fontWeight: 600 }, children: tag.articlesCount }),
+                    /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: t("common.articles") })
+                  ]
                 }
-              ),
-              tag.canEdit || tag.canDelete ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(IconButton, { "aria-label": "settings", onClick: handleMenuClick, children: /* @__PURE__ */ jsx(MoreVertIcon, {}) }),
-                /* @__PURE__ */ jsxs(
-                  Menu,
-                  {
-                    id: "tag-menu",
-                    anchorEl,
-                    keepMounted: true,
-                    open: Boolean(anchorEl),
-                    onClose: handleMenuClose,
-                    getContentAnchorEl: null,
-                    anchorOrigin: {
-                      vertical: "bottom",
-                      horizontal: "right"
-                    },
-                    transformOrigin: {
-                      vertical: "top",
-                      horizontal: "right"
-                    },
-                    children: [
-                      tag.canEdit && /* @__PURE__ */ jsxs(
-                        MenuItem,
-                        {
-                          onClick: (e) => {
-                            e.stopPropagation();
-                            handleEditModalOpen();
-                          },
-                          children: [
-                            /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(EditIcon, { fontSize: "small" }) }),
-                            /* @__PURE__ */ jsx(ListItemText, { primary: t("tagButton.edit") })
-                          ]
-                        }
-                      ),
-                      tag.canDelete && /* @__PURE__ */ jsxs(
-                        MenuItem,
-                        {
-                          onClick: (e) => {
-                            e.stopPropagation();
-                            handleDeleteModalOpen();
-                          },
-                          children: [
-                            /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(DeleteIcon, { fontSize: "small" }) }),
-                            /* @__PURE__ */ jsx(ListItemText, { primary: t("tagButton.delete") })
-                          ]
-                        }
-                      )
-                    ]
-                  }
-                )
-              ] }) : null
+              ) }),
+              /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, children: /* @__PURE__ */ jsxs(
+                Box,
+                {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "center",
+                  className: localClasses.statItem,
+                  children: [
+                    /* @__PURE__ */ jsx(LinkIcon, { fontSize: "small", color: "disabled" }),
+                    /* @__PURE__ */ jsx(Typography, { variant: "body2", style: { fontWeight: 600 }, children: tag.linksCount }),
+                    /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: t("common.links") })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, children: /* @__PURE__ */ jsxs(
+                Box,
+                {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "center",
+                  className: localClasses.statItem,
+                  children: [
+                    /* @__PURE__ */ jsx(PeopleIcon, { fontSize: "small", color: "disabled" }),
+                    /* @__PURE__ */ jsx(Typography, { variant: "body2", style: { fontWeight: 600 }, children: tag.followerCount }),
+                    /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: t("common.followersPlain") })
+                  ]
+                }
+              ) })
             ] })
-          ] }),
-          /* @__PURE__ */ jsxs(
-            CardContent,
-            {
-              className: `${classes.cardContent} ${localClasses.flexColumn}`,
-              children: [
-                tag.description && /* @__PURE__ */ jsx(Box, { mb: 2, children: /* @__PURE__ */ jsx(
-                  Tooltip,
-                  {
-                    title: tag.description,
-                    arrow: true,
-                    classes: {
-                      tooltip: tooltipStyles.tooltip,
-                      arrow: tooltipStyles.tooltipArrow
-                    },
-                    children: /* @__PURE__ */ jsx(Typography, { className: classes.description, variant: "body2", children: DOMPurify.sanitize(
-                      truncate(removeMarkdownFormatting(tag.description), 80)
-                    ) })
-                  }
-                ) }),
-                /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, className: localClasses.statsGrid, children: [
-                  /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, children: /* @__PURE__ */ jsxs(
-                    Box,
-                    {
-                      display: "flex",
-                      flexDirection: "column",
-                      alignItems: "center",
-                      className: localClasses.statItem,
-                      children: [
-                        /* @__PURE__ */ jsx(QuestionAnswerIcon, { fontSize: "small", color: "disabled" }),
-                        /* @__PURE__ */ jsx(Typography, { variant: "body2", style: { fontWeight: 600 }, children: tag.questionsCount }),
-                        /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: t("common.questions") })
-                      ]
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, children: /* @__PURE__ */ jsxs(
-                    Box,
-                    {
-                      display: "flex",
-                      flexDirection: "column",
-                      alignItems: "center",
-                      className: localClasses.statItem,
-                      children: [
-                        /* @__PURE__ */ jsx(DescriptionIcon, { fontSize: "small", color: "disabled" }),
-                        /* @__PURE__ */ jsx(Typography, { variant: "body2", style: { fontWeight: 600 }, children: tag.articlesCount }),
-                        /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: t("common.articles") })
-                      ]
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, children: /* @__PURE__ */ jsxs(
-                    Box,
-                    {
-                      display: "flex",
-                      flexDirection: "column",
-                      alignItems: "center",
-                      className: localClasses.statItem,
-                      children: [
-                        /* @__PURE__ */ jsx(LinkIcon, { fontSize: "small", color: "disabled" }),
-                        /* @__PURE__ */ jsx(Typography, { variant: "body2", style: { fontWeight: 600 }, children: tag.linksCount }),
-                        /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: t("common.links") })
-                      ]
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, children: /* @__PURE__ */ jsxs(
-                    Box,
-                    {
-                      display: "flex",
-                      flexDirection: "column",
-                      alignItems: "center",
-                      className: localClasses.statItem,
-                      children: [
-                        /* @__PURE__ */ jsx(PeopleIcon, { fontSize: "small", color: "disabled" }),
-                        /* @__PURE__ */ jsx(Typography, { variant: "body2", style: { fontWeight: 600 }, children: tag.followerCount }),
-                        /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: t("common.followersPlain") })
-                      ]
-                    }
-                  ) })
-                ] })
-              ]
-            }
-          )
-        ]
-      }
-    ),
+          ]
+        }
+      )
+    ] }) }),
     /* @__PURE__ */ jsx(
       EditTagModal,
       {

package/dist/components/TagsGrid/TagGridItem.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TagGridItem.esm.js","sources":["../../../src/components/TagsGrid/TagGridItem.tsx"],"sourcesContent":["import {\n TagResponse,\n truncate,\n removeMarkdownFormatting,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { TagFollowButton } from '../Buttons/TagFollowButton';\nimport {\n Card,\n CardContent,\n Grid,\n Tooltip,\n Typography,\n Menu,\n MenuItem,\n IconButton,\n ListItemIcon,\n ListItemText,\n Box,\n makeStyles,\n Avatar,\n} from '@material-ui/core';\nimport { useState } from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { tagRouteRef } from '../../routes';\nimport { useNavigate } from 'react-router-dom';\nimport { EditTagModal } from './EditTagModal';\nimport DOMPurify from 'dompurify';\nimport { DeleteModal } from '../DeleteModal';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport LocalOfferIcon from '@material-ui/icons/LocalOffer';\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';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport useGridItemStyles from '../GridItemStyles/useGridItemStyles';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles.ts';\n\nconst useStyles = makeStyles(theme => ({\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 flexColumn: {\n display: 'flex',\n flexDirection: 'column',\n },\n}));\n\nexport const TagGridItem = (props: {\n tag: TagResponse;\n onTagEdit: () => void;\n isModerator?: boolean;\n}) => {\n const { tag, onTagEdit, isModerator } = props;\n const tagRoute = useRouteRef(tagRouteRef);\n const navigate = useNavigate();\n const { t } = useTranslationRef(qetaTranslationRef);\n const classes = useGridItemStyles();\n const localClasses = useStyles();\n const tooltipStyles = useTooltipStyles();\n\n const [anchorEl, setAnchorEl] = useState<null \| HTMLElement>(null);\n const handleMenuClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n setAnchorEl(event.currentTarget);\n };\n const handleMenuClose = (\n _event: {},\n _reason: 'backdropClick' \| 'escapeKeyDown',\n ) => {\n setAnchorEl(null);\n };\n\n const [editModalOpen, setEditModalOpen] = useState(false);\n const handleEditModalOpen = (event: React.MouseEvent<HTMLElement>) => {\n handleMenuClose(event as any, 'backdropClick');\n setEditModalOpen(true);\n };\n const handleEditModalClose = () => {\n setEditModalOpen(false);\n onTagEdit();\n };\n\n const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n const handleDeleteModalOpen = (event: React.MouseEvent<HTMLElement>) => {\n handleMenuClose(event as any, 'backdropClick');\n setDeleteModalOpen(true);\n };\n const handleDeleteModalClose = () => {\n setDeleteModalOpen(false);\n onTagEdit();\n };\n\n return (\n <Grid item xs={12} sm={6} md={6} xl={4}>\n <Card\n className={classes.card}\n style={{ cursor: 'pointer' }}\n onClick={() => navigate(tagRoute({ tag: tag.tag }))}\n >\n <Box className={classes.cardHeader} display=\"flex\" alignItems=\"center\">\n <Avatar\n variant=\"rounded\"\n className=\"avatar\"\n style={{ marginRight: 16 }}\n >\n <LocalOfferIcon />\n </Avatar>\n <Box flex={1} minWidth={0}>\n <Tooltip title={tag.tag} arrow>\n <Typography variant=\"h6\" noWrap>\n {tag.tag}\n </Typography>\n </Tooltip>\n </Box>\n <Box display=\"flex\" alignItems=\"center\" flexShrink={0}>\n <div\n onClick={e => e.stopPropagation()}\n onKeyPress={() => {}}\n role=\"button\"\n tabIndex={0}\n >\n <TagFollowButton tag={tag.tag} />\n </div>\n {tag.canEdit \|\| tag.canDelete ? (\n <>\n <IconButton aria-label=\"settings\" onClick={handleMenuClick}>\n <MoreVertIcon />\n </IconButton>\n <Menu\n id=\"tag-menu\"\n anchorEl={anchorEl}\n keepMounted\n open={Boolean(anchorEl)}\n onClose={handleMenuClose}\n getContentAnchorEl={null}\n anchorOrigin={{\n vertical: 'bottom',\n horizontal: 'right',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'right',\n }}\n >\n {tag.canEdit && (\n <MenuItem\n onClick={e => {\n e.stopPropagation();\n handleEditModalOpen(e);\n }}\n >\n <ListItemIcon>\n <EditIcon fontSize=\"small\" />\n </ListItemIcon>\n <ListItemText primary={t('tagButton.edit')} />\n </MenuItem>\n )}\n {tag.canDelete && (\n <MenuItem\n onClick={e => {\n e.stopPropagation();\n handleDeleteModalOpen(e);\n }}\n >\n <ListItemIcon>\n <DeleteIcon fontSize=\"small\" />\n </ListItemIcon>\n <ListItemText primary={t('tagButton.delete')} />\n </MenuItem>\n )}\n </Menu>\n </>\n ) : null}\n </Box>\n </Box>\n <CardContent\n className={`${classes.cardContent} ${localClasses.flexColumn}`}\n >\n {tag.description && (\n <Box mb={2}>\n <Tooltip\n title={tag.description}\n arrow\n classes={{\n tooltip: tooltipStyles.tooltip,\n arrow: tooltipStyles.tooltipArrow,\n }}\n >\n <Typography className={classes.description} variant=\"body2\">\n {DOMPurify.sanitize(\n truncate(removeMarkdownFormatting(tag.description), 80),\n )}\n </Typography>\n </Tooltip>\n </Box>\n )}\n\n <Grid container spacing={1} className={localClasses.statsGrid}>\n <Grid item xs={3}>\n <Box\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n className={localClasses.statItem}\n >\n <QuestionAnswerIcon fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {tag.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={localClasses.statItem}\n >\n <DescriptionIcon fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {tag.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={localClasses.statItem}\n >\n <LinkIcon fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {tag.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={localClasses.statItem}\n >\n <PeopleIcon fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {tag.followerCount}\n </Typography>\n <Typography variant=\"caption\" color=\"textSecondary\">\n {t('common.followersPlain')}\n </Typography>\n </Box>\n </Grid>\n </Grid>\n </CardContent>\n </Card>\n <EditTagModal\n tag={tag}\n open={editModalOpen}\n onClose={handleEditModalClose}\n isModerator={isModerator}\n />\n <DeleteModal\n open={deleteModalOpen}\n onClose={handleDeleteModalClose}\n entity={tag}\n />\n </Grid>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"TagGridItem.esm.js","sources":["../../../src/components/TagsGrid/TagGridItem.tsx"],"sourcesContent":["import {\n removeMarkdownFormatting,\n TagResponse,\n truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { TagFollowButton } from '../Buttons/TagFollowButton';\nimport {\n Avatar,\n Box,\n Card,\n CardContent,\n Grid,\n IconButton,\n ListItemIcon,\n ListItemText,\n makeStyles,\n Menu,\n MenuItem,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport { useState } from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { tagRouteRef } from '../../routes';\nimport { EditTagModal } from './EditTagModal';\nimport DOMPurify from 'dompurify';\nimport { DeleteModal } from '../DeleteModal';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport LocalOfferIcon from '@material-ui/icons/LocalOffer';\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';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport useGridItemStyles from '../GridItemStyles/useGridItemStyles';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles.ts';\nimport { ClickableLink } from '../Utility/ClickableLink';\n\nconst useStyles = makeStyles(theme => ({\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 flexColumn: {\n display: 'flex',\n flexDirection: 'column',\n },\n}));\n\nexport const TagGridItem = (props: {\n tag: TagResponse;\n onTagEdit: () => void;\n isModerator?: boolean;\n}) => {\n const { tag, onTagEdit, isModerator } = props;\n const tagRoute = useRouteRef(tagRouteRef);\n const { t } = useTranslationRef(qetaTranslationRef);\n const classes = useGridItemStyles();\n const localClasses = useStyles();\n const tooltipStyles = useTooltipStyles();\n\n const [anchorEl, setAnchorEl] = useState<null \| HTMLElement>(null);\n const handleMenuClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n setAnchorEl(event.currentTarget);\n };\n const handleMenuClose = (\n _event: {},\n _reason: 'backdropClick' \| 'escapeKeyDown',\n ) => {\n setAnchorEl(null);\n };\n\n const [editModalOpen, setEditModalOpen] = useState(false);\n const handleEditModalOpen = (event: React.MouseEvent<HTMLElement>) => {\n handleMenuClose(event as any, 'backdropClick');\n setEditModalOpen(true);\n };\n const handleEditModalClose = () => {\n setEditModalOpen(false);\n onTagEdit();\n };\n\n const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n const handleDeleteModalOpen = (event: React.MouseEvent<HTMLElement>) => {\n handleMenuClose(event as any, 'backdropClick');\n setDeleteModalOpen(true);\n };\n const handleDeleteModalClose = () => {\n setDeleteModalOpen(false);\n onTagEdit();\n };\n\n const href = tagRoute({ tag: tag.tag });\n\n return (\n <Grid item xs={12} sm={6} md={6} xl={4}>\n <Card className={classes.card}>\n <ClickableLink href={href} ariaLabel={tag.tag}>\n <Box\n className={classes.cardHeader}\n display=\"flex\"\n alignItems=\"center\"\n >\n <Avatar\n variant=\"rounded\"\n className=\"avatar\"\n style={{ marginRight: 16 }}\n >\n <LocalOfferIcon />\n </Avatar>\n <Box flex={1} minWidth={0}>\n <Tooltip title={tag.tag} arrow>\n <Typography variant=\"h6\" noWrap>\n {tag.tag}\n </Typography>\n </Tooltip>\n </Box>\n <Box\n display=\"flex\"\n alignItems=\"center\"\n flexShrink={0}\n onClick={e => {\n e.preventDefault();\n e.stopPropagation();\n }}\n >\n <TagFollowButton tag={tag.tag} />\n {tag.canEdit \|\| tag.canDelete ? (\n <>\n <IconButton aria-label=\"settings\" onClick={handleMenuClick}>\n <MoreVertIcon />\n </IconButton>\n <Menu\n id=\"tag-menu\"\n anchorEl={anchorEl}\n keepMounted\n open={Boolean(anchorEl)}\n onClose={handleMenuClose}\n getContentAnchorEl={null}\n anchorOrigin={{\n vertical: 'bottom',\n horizontal: 'right',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'right',\n }}\n >\n {tag.canEdit && (\n <MenuItem\n onClick={e => {\n e.stopPropagation();\n handleEditModalOpen(e);\n }}\n >\n <ListItemIcon style={{ minWidth: '32px' }}>\n <EditIcon fontSize=\"small\" />\n </ListItemIcon>\n <ListItemText primary={t('tagButton.edit')} />\n </MenuItem>\n )}\n {tag.canDelete && (\n <MenuItem\n onClick={e => {\n e.stopPropagation();\n handleDeleteModalOpen(e);\n }}\n >\n <ListItemIcon style={{ minWidth: '32px' }}>\n <DeleteIcon fontSize=\"small\" />\n </ListItemIcon>\n <ListItemText primary={t('tagButton.delete')} />\n </MenuItem>\n )}\n </Menu>\n </>\n ) : null}\n </Box>\n </Box>\n <CardContent\n className={`${classes.cardContent} ${localClasses.flexColumn}`}\n >\n {tag.description && (\n <Box mb={2}>\n <Tooltip\n title={tag.description}\n arrow\n classes={{\n tooltip: tooltipStyles.tooltip,\n arrow: tooltipStyles.tooltipArrow,\n }}\n >\n <Typography className={classes.description} variant=\"body2\">\n {DOMPurify.sanitize(\n truncate(removeMarkdownFormatting(tag.description), 80),\n )}\n </Typography>\n </Tooltip>\n </Box>\n )}\n\n <Grid container spacing={1} className={localClasses.statsGrid}>\n <Grid item xs={3}>\n <Box\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n className={localClasses.statItem}\n >\n <QuestionAnswerIcon fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {tag.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={localClasses.statItem}\n >\n <DescriptionIcon fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {tag.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={localClasses.statItem}\n >\n <LinkIcon fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {tag.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={localClasses.statItem}\n >\n <PeopleIcon fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {tag.followerCount}\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 <EditTagModal\n tag={tag}\n open={editModalOpen}\n onClose={handleEditModalClose}\n isModerator={isModerator}\n />\n <DeleteModal\n open={deleteModalOpen}\n onClose={handleDeleteModalClose}\n entity={tag}\n />\n </Grid>\n );\n};\n"],"names":[],"mappings":"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"}