npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.50.0 → 3.51.1 - Mend

@drodil/backstage-plugin-qeta-react 3.50.0 → 3.51.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 (65) hide show

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

@@ -163,6 +163,33 @@ const getDefaultStats = (isDark, t) => [
     enabled: true,
     globalStat: true,
     userStat: true
+  },
+  {
+    dataKey: "answerScore",
+    name: t("stats.answerScore"),
+    color: isDark ? "#a855f7" : "#7e22ce",
+    // purple-500 / purple-700
+    enabled: false,
+    globalStat: false,
+    userStat: true
+  },
+  {
+    dataKey: "postScore",
+    name: t("stats.postScore"),
+    color: isDark ? "#22c55e" : "#15803d",
+    // green-500 / green-700
+    enabled: false,
+    globalStat: false,
+    userStat: true
+  },
+  {
+    dataKey: "correctAnswers",
+    name: t("stats.correctAnswers"),
+    color: isDark ? "#eab308" : "#a16207",
+    // yellow-500 / yellow-700
+    enabled: true,
+    globalStat: false,
+    userStat: true
   }
 ];
 const useChartState = (data) => {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"StatsChart.esm.js","sources":["../../../src/components/StatsChart/StatsChart.tsx"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { Stat } from '@drodil/backstage-plugin-qeta-common';\nimport {\n Bar,\n BarChart,\n CartesianGrid,\n Line,\n LineChart,\n ResponsiveContainer,\n Tooltip,\n XAxis,\n YAxis,\n} from 'recharts';\nimport {\n ButtonGroup,\n createStyles,\n IconButton,\n makeStyles,\n Theme,\n Typography,\n Tooltip as MuiTooltip,\n CircularProgress,\n Box,\n} from '@material-ui/core';\nimport { useTheme } from '@material-ui/core/styles';\nimport ShowChartIcon from '@material-ui/icons/ShowChart';\nimport BarChartIcon from '@material-ui/icons/BarChart';\nimport { useIsDarkTheme } from '../../hooks/useIsDarkTheme';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { isGlobalStat, isUserStat } from './util';\n\nexport type QetaStatsChartClassKey =\n \| 'tooltipLabel'\n \| 'tooltipWrapper'\n \| 'xAxis'\n \| 'lineChart'\n \| 'barChart';\n\nconst useStyles = makeStyles(\n (theme: Theme) =>\n createStyles({\n tooltipLabel: {\n color: theme.palette.text.primary,\n },\n tooltipWrapper: {\n backgroundColor: `${theme.palette.background.default} !important`,\n border: 'none !important',\n padding: theme.spacing(1),\n borderRadius: theme.shape.borderRadius,\n boxShadow: theme.shadows[2],\n },\n xAxis: {\n color: `${theme.palette.text.primary} !important`,\n },\n lineChart: {},\n barChart: {},\n chartContainer: {\n position: 'relative',\n width: '100%',\n height: 500,\n },\n loadingOverlay: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: 'rgba(255, 255, 255, 0.7)',\n zIndex: 1,\n },\n chartTypeButton: {\n '&.Mui-selected': {\n backgroundColor: theme.palette.action.selected,\n },\n },\n errorMessage: {\n color: theme.palette.error.main,\n textAlign: 'center',\n padding: theme.spacing(2),\n },\n legend: {\n '& .recharts-legend-item-text': {\n fontFamily: theme.typography.fontFamily,\n fontSize: theme.typography.body2.fontSize,\n color: theme.palette.text.primary,\n },\n },\n }),\n { name: 'QetaStatsChart' },\n);\n\ntype StatType = {\n dataKey:\n \| 'totalViews'\n \| 'totalQuestions'\n \| 'totalAnswers'\n \| 'totalComments'\n \| 'totalVotes'\n \| 'totalUsers'\n \| 'totalTags'\n \| 'totalArticles'\n \| 'totalLinks'\n \| 'totalFollowers'\n \| 'reputation';\n name: string;\n color: string;\n enabled: boolean;\n globalStat: boolean;\n userStat: boolean;\n};\n\nconst getDefaultStats = (isDark: boolean, t: any): StatType[] => [\n {\n dataKey: 'reputation',\n name: t('stats.reputation'),\n color: isDark ? '#fcd34d' : '#d97706', // amber-300 / amber-600\n enabled: false,\n globalStat: false,\n userStat: true,\n },\n {\n dataKey: 'totalViews',\n name: t('stats.totalViews'),\n color: isDark ? '#a3bffa' : '#1e40af', // blue-400 / blue-900\n enabled: false,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalQuestions',\n name: t('stats.totalQuestions'),\n color: isDark ? '#6ee7b7' : '#047857', // green-300 / green-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalAnswers',\n name: t('stats.totalAnswers'),\n color: isDark ? '#fbbf24' : '#b45309', // yellow-400 / yellow-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalComments',\n name: t('stats.totalComments'),\n color: isDark ? '#2dd4bf' : '#0e7490', // teal-400 / cyan-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalVotes',\n name: t('stats.totalVotes'),\n color: isDark ? '#f87171' : '#991b1b', // red-400 / red-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalUsers',\n name: t('stats.totalUsers'),\n color: isDark ? '#a78bfa' : '#6d28d9', // purple-400 / purple-800\n enabled: true,\n globalStat: true,\n userStat: false,\n },\n {\n dataKey: 'totalTags',\n name: t('stats.totalTags'),\n color: isDark ? '#34d399' : '#065f46', // emerald-400 / emerald-900\n enabled: true,\n globalStat: true,\n userStat: false,\n },\n {\n dataKey: 'totalArticles',\n name: t('stats.totalArticles'),\n color: isDark ? '#60a5fa' : '#1d4ed8', // blue-400 / blue-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalFollowers',\n name: t('stats.totalFollowers'),\n color: isDark ? '#f472b6' : '#be185d', // pink-400 / pink-800\n enabled: true,\n globalStat: false,\n userStat: true,\n },\n {\n dataKey: 'totalLinks',\n name: t('stats.totalLinks'),\n color: isDark ? '#26c6da' : '#00838f', // teal-400 / teal-900\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n];\n\nconst useChartState = (data: Stat[]) => {\n const styles = useStyles();\n const isDark = useIsDarkTheme();\n const { t } = useTranslationRef(qetaTranslationRef);\n const globalStats = data && data.length > 0 ? isGlobalStat(data[0]) : false;\n const isUserStats = data && data.length > 0 ? isUserStat(data[0]) : false;\n const [stats, setStats] = useState<StatType[]>(\n getDefaultStats(isDark, t).filter(stat => {\n if (globalStats && !stat.globalStat) {\n return false;\n }\n return !(isUserStats && !stat.userStat);\n }),\n );\n\n const toggleStat = useCallback(\n (name: string) => {\n setStats(prev =>\n prev.map(stat =>\n stat.name === name ? { ...stat, enabled: !stat.enabled } : stat,\n ),\n );\n },\n [setStats],\n );\n const isDisabled = useCallback(\n (name: string) => {\n return stats.find(stat => stat.name === name)?.enabled === false;\n },\n [stats],\n );\n\n return { styles, isDark, toggleStat, stats, isDisabled };\n};\n\n// Custom tick renderer for angled date labels\nconst XAxisTick = (props: any) => {\n const { x, y, payload, fill, fontFamily } = props;\n return (\n <g transform={`translate(${x},${y})`}>\n <text\n x={-6}\n y={-12}\n dy={16}\n textAnchor=\"end\"\n fill={fill}\n transform=\"rotate(-90)\"\n fontSize=\"12\"\n style={{ fontFamily }}\n >\n {new Date(payload.value).toDateString()}\n </text>\n </g>\n );\n};\n\nconst StatsBarChart = (props: {\n data: any[];\n stats: StatType[];\n isDark: boolean;\n styles: ReturnType<typeof useStyles>;\n}) => {\n const localStyles = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n const theme = useTheme();\n\n return (\n <ResponsiveContainer height={500} width=\"100%\">\n <BarChart\n data={props.data}\n width={1000}\n height={400}\n margin={{ bottom: 80, right: 30 }}\n className={localStyles.barChart}\n aria-label={t('stats.barChart')}\n >\n <Tooltip\n labelClassName={props.styles.tooltipLabel}\n wrapperClassName={props.styles.tooltipWrapper}\n cursor={{ fill: props.isDark ? '#4f4f4f' : '#f5f5f5' }}\n content={({ active, payload, label }) => {\n if (active && payload && payload.length) {\n return (\n <div role=\"tooltip\" aria-label={t('stats.tooltip')}>\n <p>{new Date(label).toLocaleDateString()}</p>\n {payload.map((entry: any) => (\n <p key={entry.name} style={{ color: entry.color }}>\n {entry.name}: {entry.value}\n </p>\n ))}\n </div>\n );\n }\n return null;\n }}\n />\n {props.stats.map(stat => (\n <Bar\n key={stat.dataKey}\n dataKey={stat.enabled ? stat.dataKey : 'hidden'}\n name={stat.name}\n fill={stat.color}\n aria-label={stat.name}\n />\n ))}\n <CartesianGrid stroke={props.isDark ? '#4f4f4f' : '#e0e0e0'} />\n <XAxis\n dataKey=\"date\"\n tickFormatter={(tick: string) => new Date(tick).toDateString()}\n axisLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tickLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tick={\n <XAxisTick\n fill={props.isDark ? 'white' : 'black'}\n fontFamily={theme.typography.fontFamily}\n />\n }\n angle={-90}\n dy={10}\n aria-label={t('stats.dateAxis')}\n />\n <YAxis\n allowDecimals={false}\n axisLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tickLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tick={{ fill: props.isDark ? 'white' : 'black' }}\n aria-label={t('stats.valueAxis')}\n />\n </BarChart>\n </ResponsiveContainer>\n );\n};\n\nconst StatsLineChart = (props: {\n data: any[];\n stats: StatType[];\n isDark: boolean;\n styles: ReturnType<typeof useStyles>;\n}) => {\n const localStyles = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n const theme = useTheme();\n\n return (\n <ResponsiveContainer height={500} width=\"100%\">\n <LineChart\n data={props.data}\n width={1000}\n height={400}\n margin={{ bottom: 80, right: 30 }}\n className={localStyles.lineChart}\n >\n <Tooltip\n labelClassName={props.styles.tooltipLabel}\n wrapperClassName={props.styles.tooltipWrapper}\n cursor={{ fill: props.isDark ? '#4f4f4f' : '#f5f5f5' }}\n />\n {props.stats.map(stat => (\n <Line\n key={stat.dataKey}\n dataKey={stat.enabled ? stat.dataKey : 'hidden'}\n name={stat.name}\n stroke={stat.color}\n />\n ))}\n <CartesianGrid stroke=\"#ccc\" />\n <XAxis\n dataKey=\"date\"\n tickFormatter={(tick: string) => new Date(tick).toDateString()}\n axisLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tickLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tick={\n <XAxisTick\n fill={props.isDark ? 'white' : 'black'}\n fontFamily={theme.typography.fontFamily}\n />\n }\n angle={-45}\n dy={10}\n aria-label={t('stats.dateAxis')}\n />\n <YAxis\n allowDecimals={false}\n axisLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tickLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tick={{ fill: props.isDark ? 'white' : 'black' }}\n />\n </LineChart>\n </ResponsiveContainer>\n );\n};\n\nexport const StatsChart = (props: {\n data: Stat[];\n summary?: Record<string, number>;\n loading?: boolean;\n error?: string;\n}) => {\n const { t } = useTranslationRef(qetaTranslationRef);\n const [chart, setChart] = useState<'line' \| 'bar'>('line');\n const classes = useStyles();\n const { stats, isDark, toggleStat } = useChartState(props.data);\n\n if (props.error) {\n return (\n <Typography variant=\"subtitle1\" className={classes.errorMessage}>\n {props.error}\n </Typography>\n );\n }\n\n if (!props.data \|\| props.data.length === 0) {\n return <Typography variant=\"subtitle1\">{t('stats.noStats')}</Typography>;\n }\n\n const data = props.data\n .sort((a, b) => new Date(a.date).getTime() - new Date(b.date).getTime())\n .map(d => ({ ...d, hidden: 0 }));\n\n return (\n <Box>\n <Box\n display=\"flex\"\n flexWrap=\"wrap\"\n justifyContent=\"center\"\n mb={4}\n mt={2}\n style={{ gap: 16 }}\n >\n {stats.map(stat => {\n const value = props.summary ? props.summary[stat.dataKey] : undefined;\n const isActive = stat.enabled;\n const defaultBorder = isDark\n ? 'rgba(255,255,255,0.12)'\n : 'rgba(0,0,0,0.12)';\n const borderColor = isActive ? stat.color : defaultBorder;\n const activeBg = isDark\n ? 'rgba(255,255,255,0.05)'\n : 'rgba(0,0,0,0.05)';\n const backgroundColor = isActive ? activeBg : 'transparent';\n\n return (\n <Box\n key={stat.dataKey}\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n p={2}\n border={1}\n borderColor={borderColor}\n borderRadius={8}\n minWidth={140}\n style={{\n cursor: 'pointer',\n opacity: isActive ? 1 : 0.5,\n backgroundColor: backgroundColor,\n transition: 'all 0.2s',\n }}\n onClick={() => toggleStat(stat.name)}\n >\n <Typography\n variant=\"h4\"\n style={{ color: stat.color, fontWeight: 'bold' }}\n >\n {value !== undefined ? value : '-'}\n </Typography>\n <Typography variant=\"body2\" color=\"textSecondary\">\n {stat.name}\n </Typography>\n </Box>\n );\n })}\n </Box>\n <Box className={classes.chartContainer}>\n {props.loading && (\n <div className={classes.loadingOverlay}>\n <CircularProgress />\n </div>\n )}\n {chart === 'line' ? (\n <StatsLineChart\n data={data}\n stats={stats}\n isDark={isDark}\n styles={classes}\n />\n ) : (\n <StatsBarChart\n data={data}\n stats={stats}\n isDark={isDark}\n styles={classes}\n />\n )}\n <ButtonGroup\n aria-label={t('stats.chartType')}\n style={{ float: 'right' }}\n role=\"radiogroup\"\n >\n <MuiTooltip title={t('stats.lineChart')}>\n <IconButton\n aria-label={t('stats.lineChart')}\n onClick={() => setChart('line')}\n className={classes.chartTypeButton}\n aria-checked={chart === 'line'}\n role=\"radio\"\n >\n <ShowChartIcon />\n </IconButton>\n </MuiTooltip>\n <MuiTooltip title={t('stats.barChart')}>\n <IconButton\n aria-label={t('stats.barChart')}\n onClick={() => setChart('bar')}\n className={classes.chartTypeButton}\n aria-checked={chart === 'bar'}\n role=\"radio\"\n >\n <BarChartIcon />\n </IconButton>\n </MuiTooltip>\n </ButtonGroup>\n </Box>\n </Box>\n );\n};\n"],"names":["Tooltip","MuiTooltip"],"mappings":"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"}
1	+ {"version":3,"file":"StatsChart.esm.js","sources":["../../../src/components/StatsChart/StatsChart.tsx"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { Stat } from '@drodil/backstage-plugin-qeta-common';\nimport {\n Bar,\n BarChart,\n CartesianGrid,\n Line,\n LineChart,\n ResponsiveContainer,\n Tooltip,\n XAxis,\n YAxis,\n} from 'recharts';\nimport {\n ButtonGroup,\n createStyles,\n IconButton,\n makeStyles,\n Theme,\n Typography,\n Tooltip as MuiTooltip,\n CircularProgress,\n Box,\n} from '@material-ui/core';\nimport { useTheme } from '@material-ui/core/styles';\nimport ShowChartIcon from '@material-ui/icons/ShowChart';\nimport BarChartIcon from '@material-ui/icons/BarChart';\nimport { useIsDarkTheme } from '../../hooks/useIsDarkTheme';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { isGlobalStat, isUserStat } from './util';\n\nexport type QetaStatsChartClassKey =\n \| 'tooltipLabel'\n \| 'tooltipWrapper'\n \| 'xAxis'\n \| 'lineChart'\n \| 'barChart';\n\nconst useStyles = makeStyles(\n (theme: Theme) =>\n createStyles({\n tooltipLabel: {\n color: theme.palette.text.primary,\n },\n tooltipWrapper: {\n backgroundColor: `${theme.palette.background.default} !important`,\n border: 'none !important',\n padding: theme.spacing(1),\n borderRadius: theme.shape.borderRadius,\n boxShadow: theme.shadows[2],\n },\n xAxis: {\n color: `${theme.palette.text.primary} !important`,\n },\n lineChart: {},\n barChart: {},\n chartContainer: {\n position: 'relative',\n width: '100%',\n height: 500,\n },\n loadingOverlay: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: 'rgba(255, 255, 255, 0.7)',\n zIndex: 1,\n },\n chartTypeButton: {\n '&.Mui-selected': {\n backgroundColor: theme.palette.action.selected,\n },\n },\n errorMessage: {\n color: theme.palette.error.main,\n textAlign: 'center',\n padding: theme.spacing(2),\n },\n legend: {\n '& .recharts-legend-item-text': {\n fontFamily: theme.typography.fontFamily,\n fontSize: theme.typography.body2.fontSize,\n color: theme.palette.text.primary,\n },\n },\n }),\n { name: 'QetaStatsChart' },\n);\n\ntype StatType = {\n dataKey:\n \| 'totalViews'\n \| 'totalQuestions'\n \| 'totalAnswers'\n \| 'totalComments'\n \| 'totalVotes'\n \| 'totalUsers'\n \| 'totalTags'\n \| 'totalArticles'\n \| 'totalLinks'\n \| 'totalFollowers'\n \| 'reputation'\n \| 'answerScore'\n \| 'postScore'\n \| 'correctAnswers';\n name: string;\n color: string;\n enabled: boolean;\n globalStat: boolean;\n userStat: boolean;\n};\n\nconst getDefaultStats = (isDark: boolean, t: any): StatType[] => [\n {\n dataKey: 'reputation',\n name: t('stats.reputation'),\n color: isDark ? '#fcd34d' : '#d97706', // amber-300 / amber-600\n enabled: false,\n globalStat: false,\n userStat: true,\n },\n {\n dataKey: 'totalViews',\n name: t('stats.totalViews'),\n color: isDark ? '#a3bffa' : '#1e40af', // blue-400 / blue-900\n enabled: false,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalQuestions',\n name: t('stats.totalQuestions'),\n color: isDark ? '#6ee7b7' : '#047857', // green-300 / green-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalAnswers',\n name: t('stats.totalAnswers'),\n color: isDark ? '#fbbf24' : '#b45309', // yellow-400 / yellow-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalComments',\n name: t('stats.totalComments'),\n color: isDark ? '#2dd4bf' : '#0e7490', // teal-400 / cyan-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalVotes',\n name: t('stats.totalVotes'),\n color: isDark ? '#f87171' : '#991b1b', // red-400 / red-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalUsers',\n name: t('stats.totalUsers'),\n color: isDark ? '#a78bfa' : '#6d28d9', // purple-400 / purple-800\n enabled: true,\n globalStat: true,\n userStat: false,\n },\n {\n dataKey: 'totalTags',\n name: t('stats.totalTags'),\n color: isDark ? '#34d399' : '#065f46', // emerald-400 / emerald-900\n enabled: true,\n globalStat: true,\n userStat: false,\n },\n {\n dataKey: 'totalArticles',\n name: t('stats.totalArticles'),\n color: isDark ? '#60a5fa' : '#1d4ed8', // blue-400 / blue-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalFollowers',\n name: t('stats.totalFollowers'),\n color: isDark ? '#f472b6' : '#be185d', // pink-400 / pink-800\n enabled: true,\n globalStat: false,\n userStat: true,\n },\n {\n dataKey: 'totalLinks',\n name: t('stats.totalLinks'),\n color: isDark ? '#26c6da' : '#00838f', // teal-400 / teal-900\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'answerScore',\n name: t('stats.answerScore'),\n color: isDark ? '#a855f7' : '#7e22ce', // purple-500 / purple-700\n enabled: false,\n globalStat: false,\n userStat: true,\n },\n {\n dataKey: 'postScore',\n name: t('stats.postScore'),\n color: isDark ? '#22c55e' : '#15803d', // green-500 / green-700\n enabled: false,\n globalStat: false,\n userStat: true,\n },\n {\n dataKey: 'correctAnswers',\n name: t('stats.correctAnswers'),\n color: isDark ? '#eab308' : '#a16207', // yellow-500 / yellow-700\n enabled: true,\n globalStat: false,\n userStat: true,\n },\n];\n\nconst useChartState = (data: Stat[]) => {\n const styles = useStyles();\n const isDark = useIsDarkTheme();\n const { t } = useTranslationRef(qetaTranslationRef);\n const globalStats = data && data.length > 0 ? isGlobalStat(data[0]) : false;\n const isUserStats = data && data.length > 0 ? isUserStat(data[0]) : false;\n const [stats, setStats] = useState<StatType[]>(\n getDefaultStats(isDark, t).filter(stat => {\n if (globalStats && !stat.globalStat) {\n return false;\n }\n return !(isUserStats && !stat.userStat);\n }),\n );\n\n const toggleStat = useCallback(\n (name: string) => {\n setStats(prev =>\n prev.map(stat =>\n stat.name === name ? { ...stat, enabled: !stat.enabled } : stat,\n ),\n );\n },\n [setStats],\n );\n const isDisabled = useCallback(\n (name: string) => {\n return stats.find(stat => stat.name === name)?.enabled === false;\n },\n [stats],\n );\n\n return { styles, isDark, toggleStat, stats, isDisabled };\n};\n\n// Custom tick renderer for angled date labels\nconst XAxisTick = (props: any) => {\n const { x, y, payload, fill, fontFamily } = props;\n return (\n <g transform={`translate(${x},${y})`}>\n <text\n x={-6}\n y={-12}\n dy={16}\n textAnchor=\"end\"\n fill={fill}\n transform=\"rotate(-90)\"\n fontSize=\"12\"\n style={{ fontFamily }}\n >\n {new Date(payload.value).toDateString()}\n </text>\n </g>\n );\n};\n\nconst StatsBarChart = (props: {\n data: any[];\n stats: StatType[];\n isDark: boolean;\n styles: ReturnType<typeof useStyles>;\n}) => {\n const localStyles = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n const theme = useTheme();\n\n return (\n <ResponsiveContainer height={500} width=\"100%\">\n <BarChart\n data={props.data}\n width={1000}\n height={400}\n margin={{ bottom: 80, right: 30 }}\n className={localStyles.barChart}\n aria-label={t('stats.barChart')}\n >\n <Tooltip\n labelClassName={props.styles.tooltipLabel}\n wrapperClassName={props.styles.tooltipWrapper}\n cursor={{ fill: props.isDark ? '#4f4f4f' : '#f5f5f5' }}\n content={({ active, payload, label }) => {\n if (active && payload && payload.length) {\n return (\n <div role=\"tooltip\" aria-label={t('stats.tooltip')}>\n <p>{new Date(label).toLocaleDateString()}</p>\n {payload.map((entry: any) => (\n <p key={entry.name} style={{ color: entry.color }}>\n {entry.name}: {entry.value}\n </p>\n ))}\n </div>\n );\n }\n return null;\n }}\n />\n {props.stats.map(stat => (\n <Bar\n key={stat.dataKey}\n dataKey={stat.enabled ? stat.dataKey : 'hidden'}\n name={stat.name}\n fill={stat.color}\n aria-label={stat.name}\n />\n ))}\n <CartesianGrid stroke={props.isDark ? '#4f4f4f' : '#e0e0e0'} />\n <XAxis\n dataKey=\"date\"\n tickFormatter={(tick: string) => new Date(tick).toDateString()}\n axisLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tickLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tick={\n <XAxisTick\n fill={props.isDark ? 'white' : 'black'}\n fontFamily={theme.typography.fontFamily}\n />\n }\n angle={-90}\n dy={10}\n aria-label={t('stats.dateAxis')}\n />\n <YAxis\n allowDecimals={false}\n axisLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tickLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tick={{ fill: props.isDark ? 'white' : 'black' }}\n aria-label={t('stats.valueAxis')}\n />\n </BarChart>\n </ResponsiveContainer>\n );\n};\n\nconst StatsLineChart = (props: {\n data: any[];\n stats: StatType[];\n isDark: boolean;\n styles: ReturnType<typeof useStyles>;\n}) => {\n const localStyles = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n const theme = useTheme();\n\n return (\n <ResponsiveContainer height={500} width=\"100%\">\n <LineChart\n data={props.data}\n width={1000}\n height={400}\n margin={{ bottom: 80, right: 30 }}\n className={localStyles.lineChart}\n >\n <Tooltip\n labelClassName={props.styles.tooltipLabel}\n wrapperClassName={props.styles.tooltipWrapper}\n cursor={{ fill: props.isDark ? '#4f4f4f' : '#f5f5f5' }}\n />\n {props.stats.map(stat => (\n <Line\n key={stat.dataKey}\n dataKey={stat.enabled ? stat.dataKey : 'hidden'}\n name={stat.name}\n stroke={stat.color}\n />\n ))}\n <CartesianGrid stroke=\"#ccc\" />\n <XAxis\n dataKey=\"date\"\n tickFormatter={(tick: string) => new Date(tick).toDateString()}\n axisLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tickLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tick={\n <XAxisTick\n fill={props.isDark ? 'white' : 'black'}\n fontFamily={theme.typography.fontFamily}\n />\n }\n angle={-45}\n dy={10}\n aria-label={t('stats.dateAxis')}\n />\n <YAxis\n allowDecimals={false}\n axisLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tickLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tick={{ fill: props.isDark ? 'white' : 'black' }}\n />\n </LineChart>\n </ResponsiveContainer>\n );\n};\n\nexport const StatsChart = (props: {\n data: Stat[];\n summary?: Record<string, number>;\n loading?: boolean;\n error?: string;\n}) => {\n const { t } = useTranslationRef(qetaTranslationRef);\n const [chart, setChart] = useState<'line' \| 'bar'>('line');\n const classes = useStyles();\n const { stats, isDark, toggleStat } = useChartState(props.data);\n\n if (props.error) {\n return (\n <Typography variant=\"subtitle1\" className={classes.errorMessage}>\n {props.error}\n </Typography>\n );\n }\n\n if (!props.data \|\| props.data.length === 0) {\n return <Typography variant=\"subtitle1\">{t('stats.noStats')}</Typography>;\n }\n\n const data = props.data\n .sort((a, b) => new Date(a.date).getTime() - new Date(b.date).getTime())\n .map(d => ({ ...d, hidden: 0 }));\n\n return (\n <Box>\n <Box\n display=\"flex\"\n flexWrap=\"wrap\"\n justifyContent=\"center\"\n mb={4}\n mt={2}\n style={{ gap: 16 }}\n >\n {stats.map(stat => {\n const value = props.summary ? props.summary[stat.dataKey] : undefined;\n const isActive = stat.enabled;\n const defaultBorder = isDark\n ? 'rgba(255,255,255,0.12)'\n : 'rgba(0,0,0,0.12)';\n const borderColor = isActive ? stat.color : defaultBorder;\n const activeBg = isDark\n ? 'rgba(255,255,255,0.05)'\n : 'rgba(0,0,0,0.05)';\n const backgroundColor = isActive ? activeBg : 'transparent';\n\n return (\n <Box\n key={stat.dataKey}\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n p={2}\n border={1}\n borderColor={borderColor}\n borderRadius={8}\n minWidth={140}\n style={{\n cursor: 'pointer',\n opacity: isActive ? 1 : 0.5,\n backgroundColor: backgroundColor,\n transition: 'all 0.2s',\n }}\n onClick={() => toggleStat(stat.name)}\n >\n <Typography\n variant=\"h4\"\n style={{ color: stat.color, fontWeight: 'bold' }}\n >\n {value !== undefined ? value : '-'}\n </Typography>\n <Typography variant=\"body2\" color=\"textSecondary\">\n {stat.name}\n </Typography>\n </Box>\n );\n })}\n </Box>\n <Box className={classes.chartContainer}>\n {props.loading && (\n <div className={classes.loadingOverlay}>\n <CircularProgress />\n </div>\n )}\n {chart === 'line' ? (\n <StatsLineChart\n data={data}\n stats={stats}\n isDark={isDark}\n styles={classes}\n />\n ) : (\n <StatsBarChart\n data={data}\n stats={stats}\n isDark={isDark}\n styles={classes}\n />\n )}\n <ButtonGroup\n aria-label={t('stats.chartType')}\n style={{ float: 'right' }}\n role=\"radiogroup\"\n >\n <MuiTooltip title={t('stats.lineChart')}>\n <IconButton\n aria-label={t('stats.lineChart')}\n onClick={() => setChart('line')}\n className={classes.chartTypeButton}\n aria-checked={chart === 'line'}\n role=\"radio\"\n >\n <ShowChartIcon />\n </IconButton>\n </MuiTooltip>\n <MuiTooltip title={t('stats.barChart')}>\n <IconButton\n aria-label={t('stats.barChart')}\n onClick={() => setChart('bar')}\n className={classes.chartTypeButton}\n aria-checked={chart === 'bar'}\n role=\"radio\"\n >\n <BarChartIcon />\n </IconButton>\n </MuiTooltip>\n </ButtonGroup>\n </Box>\n </Box>\n );\n};\n"],"names":["Tooltip","MuiTooltip"],"mappings":"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"}

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

@@ -15,7 +15,7 @@ import '@backstage/plugin-permission-common';
 import { Skeleton } from '@material-ui/lab';
 import AssistantIcon from '@material-ui/icons/Assistant';
 import HelpOutlinedIcon from '@material-ui/icons/HelpOutlined';
-import Check from '@material-ui/icons/Check';
+import CheckIcon from '@material-ui/icons/Check';
 import CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';
 import LinkIcon from '@material-ui/icons/Link';
 import RefreshIcon from '@material-ui/icons/Refresh';
@@ -100,7 +100,7 @@ const NoCorrectAnswerSuggestionItem = (props) => {
     SuggestionListItem,
     {
       href: questionRoute({ id: suggestion.question.id.toString(10) }),
-      icon: /* @__PURE__ */ jsx(Check, {}),
+      icon: /* @__PURE__ */ jsx(CheckIcon, {}),
       timestamp: /* @__PURE__ */ jsx(RelativeTimeWithTooltip, { value: suggestion.question.created }),
       children: t(variant, {
         title: suggestion.question.title

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SuggestionsCard.esm.js","sources":["../../../src/components/SuggestionsCard/SuggestionsCard.tsx"],"sourcesContent":["import { useQetaApi } from '../../hooks';\nimport { ReactNode, useMemo } from 'react';\nimport { Skeleton } from '@material-ui/lab';\nimport {\n DraftPostSuggestion,\n NewArticleSuggestion,\n NewLinkSuggestion,\n NewQuestionSuggestion,\n NoCorrectAnswerSuggestion,\n selectByPostType,\n SuggestionsResponse,\n SuggestionType,\n} from '@drodil/backstage-plugin-qeta-common';\nimport AssistantIcon from '@material-ui/icons/Assistant';\nimport HelpOutlinedIcon from '@material-ui/icons/HelpOutlined';\nimport CheckIcon from '@material-ui/icons/Check';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\nimport LinkIcon from '@material-ui/icons/Link';\nimport RefreshIcon from '@material-ui/icons/Refresh';\nimport { useNavigate } from 'react-router-dom';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, linkRouteRef, questionRouteRef } from '../../routes';\nimport {\n Card,\n CardHeader,\n Divider,\n IconButton,\n List,\n ListItem,\n ListItemIcon,\n ListItemText,\n makeStyles,\n Typography,\n} from '@material-ui/core';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { getPostDisplayDate } from '../../utils/utils';\n\nconst useStyles = makeStyles(theme => ({\n card: {\n height: '100%',\n },\n header: {\n paddingBottom: theme.spacing(1),\n },\n listItem: {\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n },\n transition: 'background-color 0.2s ease',\n paddingLeft: theme.spacing(2),\n paddingRight: theme.spacing(2),\n },\n listItemText: {\n marginTop: theme.spacing(0.5),\n paddingLeft: theme.spacing(2),\n },\n listItemIcon: {\n minWidth: theme.spacing(5),\n paddingLeft: theme.spacing(1),\n },\n timestamp: {\n color: theme.palette.text.secondary,\n },\n emptyState: {\n padding: theme.spacing(3),\n textAlign: 'center',\n color: theme.palette.text.secondary,\n },\n loadingContainer: {\n display: 'flex',\n justifyContent: 'center',\n padding: theme.spacing(3),\n },\n}));\n\nconst getRandomVariant = (key: string) => {\n return `${key}${Math.floor(Math.random() * 5) + 1}`;\n};\n\nconst SuggestionListItem = (props: {\n children: ReactNode;\n href: string;\n icon?: ReactNode;\n timestamp?: ReactNode;\n}) => {\n const navigate = useNavigate();\n const classes = useStyles();\n return (\n <ListItem\n button\n onClick={() => navigate(props.href)}\n className={classes.listItem}\n >\n {props.icon && (\n <ListItemIcon className={classes.listItemIcon}>\n {props.icon}\n </ListItemIcon>\n )}\n <ListItemText\n primary={props.children}\n secondary={props.timestamp}\n className={classes.listItemText}\n />\n </ListItem>\n );\n};\n\nconst NoCorrectAnswerSuggestionItem = (props: {\n suggestion: NoCorrectAnswerSuggestion;\n}) => {\n const { suggestion } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const questionRoute = useRouteRef(questionRouteRef);\n const variant = useMemo(\n () => getRandomVariant('suggestionsCard.noCorrectAnswer'),\n [],\n );\n return (\n <SuggestionListItem\n href={questionRoute({ id: suggestion.question.id.toString(10) })}\n icon={<CheckIcon />}\n timestamp={\n <RelativeTimeWithTooltip value={suggestion.question.created} />\n }\n >\n {t(variant as any, {\n title: suggestion.question.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst NewQuestionSuggestionItem = (props: {\n suggestion: NewQuestionSuggestion;\n}) => {\n const { suggestion } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const questionRoute = useRouteRef(questionRouteRef);\n const variant = useMemo(\n () => getRandomVariant('suggestionsCard.newQuestion'),\n [],\n );\n return (\n <SuggestionListItem\n href={questionRoute({ id: suggestion.question.id.toString(10) })}\n icon={<HelpOutlinedIcon />}\n timestamp={\n <RelativeTimeWithTooltip value={suggestion.question.created} />\n }\n >\n {t(variant as any, {\n title: suggestion.question.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst DraftPostSuggestionItem = (props: {\n suggestion: DraftPostSuggestion;\n}) => {\n const { suggestion } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const questionRoute = useRouteRef(questionRouteRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const linkRoute = useRouteRef(linkRouteRef);\n const route = selectByPostType(\n suggestion.post.type,\n questionRoute,\n articleRoute,\n linkRoute,\n );\n const variant = useMemo(\n () => getRandomVariant('suggestionsCard.draftPost'),\n [],\n );\n return (\n <SuggestionListItem\n href={route({ id: suggestion.post.id.toString(10) })}\n icon={<HelpOutlinedIcon />}\n timestamp={<RelativeTimeWithTooltip value={suggestion.post.created} />}\n >\n {t(variant as any, {\n title: suggestion.post.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst NewArticleSuggestionItem = (props: {\n suggestion: NewArticleSuggestion;\n}) => {\n const { suggestion } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const variant = useMemo(\n () => getRandomVariant('suggestionsCard.newArticle'),\n [],\n );\n return (\n <SuggestionListItem\n href={articleRoute({ id: suggestion.article.id.toString(10) })}\n icon={<CollectionsBookmarkIcon />}\n timestamp={\n <RelativeTimeWithTooltip\n value={getPostDisplayDate(suggestion.article)}\n />\n }\n >\n {t(variant as any, {\n title: suggestion.article.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst NewLinkSuggestionItem = (props: { suggestion: NewLinkSuggestion }) => {\n const { suggestion } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const linkRoute = useRouteRef(linkRouteRef);\n const variant = useMemo(\n () => getRandomVariant('suggestionsCard.newLink'),\n [],\n );\n return (\n <SuggestionListItem\n href={linkRoute({ id: suggestion.link.id.toString(10) })}\n icon={<LinkIcon />}\n timestamp={\n <RelativeTimeWithTooltip value={getPostDisplayDate(suggestion.link)} />\n }\n >\n {t(variant as any, {\n title: suggestion.link.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst RandomPostSuggestionItem = (props: {\n suggestion: DraftPostSuggestion;\n}) => {\n const { suggestion } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const questionRoute = useRouteRef(questionRouteRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const linkRoute = useRouteRef(linkRouteRef);\n const route = selectByPostType(\n suggestion.post.type,\n questionRoute,\n articleRoute,\n linkRoute,\n );\n const variant = useMemo(\n () => getRandomVariant('suggestionsCard.randomPost'),\n [],\n );\n return (\n <SuggestionListItem\n href={route({ id: suggestion.post.id.toString(10) })}\n icon={<HelpOutlinedIcon />}\n timestamp={<RelativeTimeWithTooltip value={suggestion.post.created} />}\n >\n {t(variant as any, {\n title: suggestion.post.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst suggestionTypeMap: Record<SuggestionType, any> = {\n noCorrectAnswer: NoCorrectAnswerSuggestionItem,\n newQuestion: NewQuestionSuggestionItem,\n newArticle: NewArticleSuggestionItem,\n newLink: NewLinkSuggestionItem,\n draftPost: DraftPostSuggestionItem,\n randomPost: RandomPostSuggestionItem,\n};\n\nexport const SuggestionsCard = () => {\n const { t } = useTranslationRef(qetaTranslationRef);\n const classes = useStyles();\n const {\n value: response,\n loading,\n retry,\n } = useQetaApi<SuggestionsResponse>(api => api.getSuggestions(), []);\n\n const suggestions = response?.suggestions ?? [];\n\n const handleRefresh = () => {\n retry();\n };\n\n const renderContent = () => {\n if (loading) {\n return (\n <List>\n {Array.from(new Array(5)).map((_, index) => (\n <ListItem key={index} className={classes.listItem}>\n <ListItemIcon className={classes.listItemIcon}>\n <Skeleton variant=\"circle\" width={24} height={24} />\n </ListItemIcon>\n <ListItemText\n primary={<Skeleton variant=\"text\" width=\"80%\" />}\n secondary={<Skeleton variant=\"text\" width=\"40%\" />}\n className={classes.listItemText}\n />\n </ListItem>\n ))}\n </List>\n );\n }\n\n if (suggestions.length === 0) {\n return (\n <div className={classes.emptyState}>\n <AssistantIcon style={{ fontSize: 40 }} />\n <Typography variant=\"body1\">\n {t('suggestionsCard.noSuggestions')}\n </Typography>\n </div>\n );\n }\n\n return (\n <List>\n {suggestions.map((suggestion, index) => {\n const SuggestionComponent = suggestionTypeMap[suggestion.type];\n return (\n <div key={suggestion.id}>\n <SuggestionComponent suggestion={suggestion} />\n {index < suggestions.length - 1 && <Divider />}\n </div>\n );\n })}\n </List>\n );\n };\n\n return (\n <Card className={classes.card}>\n <CardHeader\n className={classes.header}\n title={t('suggestionsCard.title')}\n avatar={<AssistantIcon />}\n titleTypographyProps={{ variant: 'h5' }}\n action={\n <IconButton onClick={handleRefresh} disabled={loading}>\n <RefreshIcon />\n </IconButton>\n }\n />\n <Divider />\n {renderContent()}\n </Card>\n );\n};\n"],"names":["CheckIcon"],"mappings":"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"}
1	+ {"version":3,"file":"SuggestionsCard.esm.js","sources":["../../../src/components/SuggestionsCard/SuggestionsCard.tsx"],"sourcesContent":["import { useQetaApi } from '../../hooks';\nimport { ReactNode, useMemo } from 'react';\nimport { Skeleton } from '@material-ui/lab';\nimport {\n DraftPostSuggestion,\n NewArticleSuggestion,\n NewLinkSuggestion,\n NewQuestionSuggestion,\n NoCorrectAnswerSuggestion,\n selectByPostType,\n SuggestionsResponse,\n SuggestionType,\n} from '@drodil/backstage-plugin-qeta-common';\nimport AssistantIcon from '@material-ui/icons/Assistant';\nimport HelpOutlinedIcon from '@material-ui/icons/HelpOutlined';\nimport CheckIcon from '@material-ui/icons/Check';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\nimport LinkIcon from '@material-ui/icons/Link';\nimport RefreshIcon from '@material-ui/icons/Refresh';\nimport { useNavigate } from 'react-router-dom';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, linkRouteRef, questionRouteRef } from '../../routes';\nimport {\n Card,\n CardHeader,\n Divider,\n IconButton,\n List,\n ListItem,\n ListItemIcon,\n ListItemText,\n makeStyles,\n Typography,\n} from '@material-ui/core';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { getPostDisplayDate } from '../../utils/utils';\n\nconst useStyles = makeStyles(theme => ({\n card: {\n height: '100%',\n },\n header: {\n paddingBottom: theme.spacing(1),\n },\n listItem: {\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n },\n transition: 'background-color 0.2s ease',\n paddingLeft: theme.spacing(2),\n paddingRight: theme.spacing(2),\n },\n listItemText: {\n marginTop: theme.spacing(0.5),\n paddingLeft: theme.spacing(2),\n },\n listItemIcon: {\n minWidth: theme.spacing(5),\n paddingLeft: theme.spacing(1),\n },\n timestamp: {\n color: theme.palette.text.secondary,\n },\n emptyState: {\n padding: theme.spacing(3),\n textAlign: 'center',\n color: theme.palette.text.secondary,\n },\n loadingContainer: {\n display: 'flex',\n justifyContent: 'center',\n padding: theme.spacing(3),\n },\n}));\n\nconst getRandomVariant = (key: string) => {\n return `${key}${Math.floor(Math.random() * 5) + 1}`;\n};\n\nconst SuggestionListItem = (props: {\n children: ReactNode;\n href: string;\n icon?: ReactNode;\n timestamp?: ReactNode;\n}) => {\n const navigate = useNavigate();\n const classes = useStyles();\n return (\n <ListItem\n button\n onClick={() => navigate(props.href)}\n className={classes.listItem}\n >\n {props.icon && (\n <ListItemIcon className={classes.listItemIcon}>\n {props.icon}\n </ListItemIcon>\n )}\n <ListItemText\n primary={props.children}\n secondary={props.timestamp}\n className={classes.listItemText}\n />\n </ListItem>\n );\n};\n\nconst NoCorrectAnswerSuggestionItem = (props: {\n suggestion: NoCorrectAnswerSuggestion;\n}) => {\n const { suggestion } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const questionRoute = useRouteRef(questionRouteRef);\n const variant = useMemo(\n () => getRandomVariant('suggestionsCard.noCorrectAnswer'),\n [],\n );\n return (\n <SuggestionListItem\n href={questionRoute({ id: suggestion.question.id.toString(10) })}\n icon={<CheckIcon />}\n timestamp={\n <RelativeTimeWithTooltip value={suggestion.question.created} />\n }\n >\n {t(variant as any, {\n title: suggestion.question.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst NewQuestionSuggestionItem = (props: {\n suggestion: NewQuestionSuggestion;\n}) => {\n const { suggestion } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const questionRoute = useRouteRef(questionRouteRef);\n const variant = useMemo(\n () => getRandomVariant('suggestionsCard.newQuestion'),\n [],\n );\n return (\n <SuggestionListItem\n href={questionRoute({ id: suggestion.question.id.toString(10) })}\n icon={<HelpOutlinedIcon />}\n timestamp={\n <RelativeTimeWithTooltip value={suggestion.question.created} />\n }\n >\n {t(variant as any, {\n title: suggestion.question.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst DraftPostSuggestionItem = (props: {\n suggestion: DraftPostSuggestion;\n}) => {\n const { suggestion } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const questionRoute = useRouteRef(questionRouteRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const linkRoute = useRouteRef(linkRouteRef);\n const route = selectByPostType(\n suggestion.post.type,\n questionRoute,\n articleRoute,\n linkRoute,\n );\n const variant = useMemo(\n () => getRandomVariant('suggestionsCard.draftPost'),\n [],\n );\n return (\n <SuggestionListItem\n href={route({ id: suggestion.post.id.toString(10) })}\n icon={<HelpOutlinedIcon />}\n timestamp={<RelativeTimeWithTooltip value={suggestion.post.created} />}\n >\n {t(variant as any, {\n title: suggestion.post.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst NewArticleSuggestionItem = (props: {\n suggestion: NewArticleSuggestion;\n}) => {\n const { suggestion } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const variant = useMemo(\n () => getRandomVariant('suggestionsCard.newArticle'),\n [],\n );\n return (\n <SuggestionListItem\n href={articleRoute({ id: suggestion.article.id.toString(10) })}\n icon={<CollectionsBookmarkIcon />}\n timestamp={\n <RelativeTimeWithTooltip\n value={getPostDisplayDate(suggestion.article)}\n />\n }\n >\n {t(variant as any, {\n title: suggestion.article.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst NewLinkSuggestionItem = (props: { suggestion: NewLinkSuggestion }) => {\n const { suggestion } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const linkRoute = useRouteRef(linkRouteRef);\n const variant = useMemo(\n () => getRandomVariant('suggestionsCard.newLink'),\n [],\n );\n return (\n <SuggestionListItem\n href={linkRoute({ id: suggestion.link.id.toString(10) })}\n icon={<LinkIcon />}\n timestamp={\n <RelativeTimeWithTooltip value={getPostDisplayDate(suggestion.link)} />\n }\n >\n {t(variant as any, {\n title: suggestion.link.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst RandomPostSuggestionItem = (props: {\n suggestion: DraftPostSuggestion;\n}) => {\n const { suggestion } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const questionRoute = useRouteRef(questionRouteRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const linkRoute = useRouteRef(linkRouteRef);\n const route = selectByPostType(\n suggestion.post.type,\n questionRoute,\n articleRoute,\n linkRoute,\n );\n const variant = useMemo(\n () => getRandomVariant('suggestionsCard.randomPost'),\n [],\n );\n return (\n <SuggestionListItem\n href={route({ id: suggestion.post.id.toString(10) })}\n icon={<HelpOutlinedIcon />}\n timestamp={<RelativeTimeWithTooltip value={suggestion.post.created} />}\n >\n {t(variant as any, {\n title: suggestion.post.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst suggestionTypeMap: Record<SuggestionType, any> = {\n noCorrectAnswer: NoCorrectAnswerSuggestionItem,\n newQuestion: NewQuestionSuggestionItem,\n newArticle: NewArticleSuggestionItem,\n newLink: NewLinkSuggestionItem,\n draftPost: DraftPostSuggestionItem,\n randomPost: RandomPostSuggestionItem,\n};\n\nexport const SuggestionsCard = () => {\n const { t } = useTranslationRef(qetaTranslationRef);\n const classes = useStyles();\n const {\n value: response,\n loading,\n retry,\n } = useQetaApi<SuggestionsResponse>(api => api.getSuggestions(), []);\n\n const suggestions = response?.suggestions ?? [];\n\n const handleRefresh = () => {\n retry();\n };\n\n const renderContent = () => {\n if (loading) {\n return (\n <List>\n {Array.from(new Array(5)).map((_, index) => (\n <ListItem key={index} className={classes.listItem}>\n <ListItemIcon className={classes.listItemIcon}>\n <Skeleton variant=\"circle\" width={24} height={24} />\n </ListItemIcon>\n <ListItemText\n primary={<Skeleton variant=\"text\" width=\"80%\" />}\n secondary={<Skeleton variant=\"text\" width=\"40%\" />}\n className={classes.listItemText}\n />\n </ListItem>\n ))}\n </List>\n );\n }\n\n if (suggestions.length === 0) {\n return (\n <div className={classes.emptyState}>\n <AssistantIcon style={{ fontSize: 40 }} />\n <Typography variant=\"body1\">\n {t('suggestionsCard.noSuggestions')}\n </Typography>\n </div>\n );\n }\n\n return (\n <List>\n {suggestions.map((suggestion, index) => {\n const SuggestionComponent = suggestionTypeMap[suggestion.type];\n return (\n <div key={suggestion.id}>\n <SuggestionComponent suggestion={suggestion} />\n {index < suggestions.length - 1 && <Divider />}\n </div>\n );\n })}\n </List>\n );\n };\n\n return (\n <Card className={classes.card}>\n <CardHeader\n className={classes.header}\n title={t('suggestionsCard.title')}\n avatar={<AssistantIcon />}\n titleTypographyProps={{ variant: 'h5' }}\n action={\n <IconButton onClick={handleRefresh} disabled={loading}>\n <RefreshIcon />\n </IconButton>\n }\n />\n <Divider />\n {renderContent()}\n </Card>\n );\n};\n"],"names":[],"mappings":"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"}

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

@@ -7,7 +7,14 @@ import { useRouteRef } from '@backstage/core-plugin-api';
 import { tagRouteRef } from '../../routes.esm.js';
 import { EditTagModal } from './EditTagModal.esm.js';
 import DOMPurify from 'dompurify';
-import { DeleteModal } from '../DeleteModal/DeleteModal.esm.js';
+import { DeleteModal } from '../Modals/DeleteModal.esm.js';
+import '@material-ui/lab';
+import '@material-ui/icons/Block';
+import '../../api.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
+import '../Utility/ModalContent.esm.js';
+import '@material-ui/icons/Check';
 import DeleteIcon from '@material-ui/icons/Delete';
 import EditIcon from '@material-ui/icons/Edit';
 import MoreVertIcon from '@material-ui/icons/MoreVert';
@@ -16,8 +23,6 @@ import QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';
 import PeopleIcon from '@material-ui/icons/People';
 import LinkIcon from '@material-ui/icons/Link';
 import DescriptionIcon from '@material-ui/icons/Description';
-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';

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 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":";;;;;;;;;;;;;;;;;;;;;;;;AAyCA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,SAAW,EAAA;AAAA,IACT,SAAW,EAAA;AAAA,GACb;AAAA,EACA,QAAU,EAAA;AAAA,IACR,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACxB,YAAA,EAAc,MAAM,KAAM,CAAA,YAAA;AAAA,IAC1B,KAAO,EAAA,MAAA;AAAA,IACP,MAAQ,EAAA,MAAA;AAAA,IACR,cAAgB,EAAA;AAAA,GAClB;AAAA,EACA,UAAY,EAAA;AAAA,IACV,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA;AAAA;AAEnB,CAAE,CAAA,CAAA;AAEW,MAAA,WAAA,GAAc,CAAC,KAItB,KAAA;AACJ,EAAA,MAAM,EAAE,GAAA,EAAK,SAAW,EAAA,WAAA,EAAgB,GAAA,KAAA;AACxC,EAAM,MAAA,QAAA,GAAW,YAAY,WAAW,CAAA;AACxC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,UAAU,iBAAkB,EAAA;AAClC,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAA,MAAM,gBAAgB,gBAAiB,EAAA;AAEvC,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAA6B,IAAI,CAAA;AACjE,EAAM,MAAA,eAAA,GAAkB,CAAC,KAA+C,KAAA;AACtE,IAAA,KAAA,CAAM,cAAe,EAAA;AACrB,IAAA,KAAA,CAAM,eAAgB,EAAA;AACtB,IAAA,WAAA,CAAY,MAAM,aAAa,CAAA;AAAA,GACjC;AACA,EAAM,MAAA,eAAA,GAAkB,CACtB,MAAA,EACA,OACG,KAAA;AACH,IAAA,WAAA,CAAY,IAAI,CAAA;AAAA,GAClB;AAEA,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AACxD,EAAM,MAAA,mBAAA,GAAsB,CAAC,KAAyC,KAAA;AACpE,IAAA,eAAA,CAA6C,CAAA;AAC7C,IAAA,gBAAA,CAAiB,IAAI,CAAA;AAAA,GACvB;AACA,EAAA,MAAM,uBAAuB,MAAM;AACjC,IAAA,gBAAA,CAAiB,KAAK,CAAA;AACtB,IAAU,SAAA,EAAA;AAAA,GACZ;AAEA,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5D,EAAM,MAAA,qBAAA,GAAwB,CAAC,KAAyC,KAAA;AACtE,IAAA,eAAA,CAA6C,CAAA;AAC7C,IAAA,kBAAA,CAAmB,IAAI,CAAA;AAAA,GACzB;AACA,EAAA,MAAM,yBAAyB,MAAM;AACnC,IAAA,kBAAA,CAAmB,KAAK,CAAA;AACxB,IAAU,SAAA,EAAA;AAAA,GACZ;AAEA,EAAA,MAAM,OAAO,QAAS,CAAA,EAAE,GAAK,EAAA,GAAA,CAAI,KAAK,CAAA;AAEtC,EACE,uBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EAAI,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,CACnC,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,WAAW,OAAQ,CAAA,IAAA,EACvB,+BAAC,aAAc,EAAA,EAAA,IAAA,EAAY,SAAW,EAAA,GAAA,CAAI,GACxC,EAAA,QAAA,EAAA;AAAA,sBAAA,IAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,WAAW,OAAQ,CAAA,UAAA;AAAA,UACnB,OAAQ,EAAA,MAAA;AAAA,UACR,UAAW,EAAA,QAAA;AAAA,UAEX,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,OAAQ,EAAA,SAAA;AAAA,gBACR,SAAU,EAAA,QAAA;AAAA,gBACV,KAAA,EAAO,EAAE,WAAA,EAAa,EAAG,EAAA;AAAA,gBAEzB,8BAAC,cAAe,EAAA,EAAA;AAAA;AAAA,aAClB;AAAA,4BACA,GAAA,CAAC,OAAI,IAAM,EAAA,CAAA,EAAG,UAAU,CACtB,EAAA,QAAA,kBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,GAAI,CAAA,GAAA,EAAK,OAAK,IAC5B,EAAA,QAAA,kBAAA,GAAA,CAAC,cAAW,OAAQ,EAAA,IAAA,EAAK,QAAM,IAC5B,EAAA,QAAA,EAAA,GAAA,CAAI,GACP,EAAA,CAAA,EACF,CACF,EAAA,CAAA;AAAA,4BACA,IAAA;AAAA,cAAC,GAAA;AAAA,cAAA;AAAA,gBACC,OAAQ,EAAA,MAAA;AAAA,gBACR,UAAW,EAAA,QAAA;AAAA,gBACX,UAAY,EAAA,CAAA;AAAA,gBACZ,SAAS,CAAK,CAAA,KAAA;AACZ,kBAAA,CAAA,CAAE,cAAe,EAAA;AACjB,kBAAA,CAAA,CAAE,eAAgB,EAAA;AAAA,iBACpB;AAAA,gBAEA,QAAA,EAAA;AAAA,kCAAC,GAAA,CAAA,eAAA,EAAA,EAAgB,GAAK,EAAA,GAAA,CAAI,GAAK,EAAA,CAAA;AAAA,kBAC9B,GAAI,CAAA,OAAA,IAAW,GAAI,CAAA,SAAA,mBAEhB,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oCAAA,GAAA,CAAC,cAAW,YAAW,EAAA,UAAA,EAAW,SAAS,eACzC,EAAA,QAAA,kBAAA,GAAA,CAAC,gBAAa,CAChB,EAAA,CAAA;AAAA,oCACA,IAAA;AAAA,sBAAC,IAAA;AAAA,sBAAA;AAAA,wBACC,EAAG,EAAA,UAAA;AAAA,wBACH,QAAA;AAAA,wBACA,WAAW,EAAA,IAAA;AAAA,wBACX,IAAA,EAAM,QAAQ,QAAQ,CAAA;AAAA,wBACtB,OAAS,EAAA,eAAA;AAAA,wBACT,kBAAoB,EAAA,IAAA;AAAA,wBACpB,YAAc,EAAA;AAAA,0BACZ,QAAU,EAAA,QAAA;AAAA,0BACV,UAAY,EAAA;AAAA,yBACd;AAAA,wBACA,eAAiB,EAAA;AAAA,0BACf,QAAU,EAAA,KAAA;AAAA,0BACV,UAAY,EAAA;AAAA,yBACd;AAAA,wBAEC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAI,OACH,oBAAA,IAAA;AAAA,4BAAC,QAAA;AAAA,4BAAA;AAAA,8BACC,SAAS,CAAK,CAAA,KAAA;AACZ,gCAAA,CAAA,CAAE,eAAgB,EAAA;AAClB,gCAAA,mBAAA,CAAqB,CAAA;AAAA,+BACvB;AAAA,8BAEA,QAAA,EAAA;AAAA,gDAAC,GAAA,CAAA,YAAA,EAAA,EAAa,KAAO,EAAA,EAAE,QAAU,EAAA,MAAA,IAC/B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAS,QAAS,EAAA,OAAA,EAAQ,CAC7B,EAAA,CAAA;AAAA,gDACC,GAAA,CAAA,YAAA,EAAA,EAAa,OAAS,EAAA,CAAA,CAAE,gBAAgB,CAAG,EAAA;AAAA;AAAA;AAAA,2BAC9C;AAAA,0BAED,IAAI,SACH,oBAAA,IAAA;AAAA,4BAAC,QAAA;AAAA,4BAAA;AAAA,8BACC,SAAS,CAAK,CAAA,KAAA;AACZ,gCAAA,CAAA,CAAE,eAAgB,EAAA;AAClB,gCAAA,qBAAA,CAAuB,CAAA;AAAA,+BACzB;AAAA,8BAEA,QAAA,EAAA;AAAA,gDAAC,GAAA,CAAA,YAAA,EAAA,EAAa,KAAO,EAAA,EAAE,QAAU,EAAA,MAAA,IAC/B,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,QAAS,EAAA,OAAA,EAAQ,CAC/B,EAAA,CAAA;AAAA,gDACC,GAAA,CAAA,YAAA,EAAA,EAAa,OAAS,EAAA,CAAA,CAAE,kBAAkB,CAAG,EAAA;AAAA;AAAA;AAAA;AAChD;AAAA;AAAA;AAEJ,mBAAA,EACF,CACE,GAAA;AAAA;AAAA;AAAA;AACN;AAAA;AAAA,OACF;AAAA,sBACA,IAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,WAAW,CAAG,EAAA,OAAA,CAAQ,WAAW,CAAA,CAAA,EAAI,aAAa,UAAU,CAAA,CAAA;AAAA,UAE3D,QAAA,EAAA;AAAA,YAAA,GAAA,CAAI,WACH,oBAAA,GAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,CACP,EAAA,QAAA,kBAAA,GAAA;AAAA,cAAC,OAAA;AAAA,cAAA;AAAA,gBACC,OAAO,GAAI,CAAA,WAAA;AAAA,gBACX,KAAK,EAAA,IAAA;AAAA,gBACL,OAAS,EAAA;AAAA,kBACP,SAAS,aAAc,CAAA,OAAA;AAAA,kBACvB,OAAO,aAAc,CAAA;AAAA,iBACvB;AAAA,gBAEA,8BAAC,UAAW,EAAA,EAAA,SAAA,EAAW,QAAQ,WAAa,EAAA,OAAA,EAAQ,SACjD,QAAU,EAAA,SAAA,CAAA,QAAA;AAAA,kBACT,QAAS,CAAA,wBAAA,CAAyB,GAAI,CAAA,WAAW,GAAG,EAAE;AAAA,iBAE1D,EAAA;AAAA;AAAA,aAEJ,EAAA,CAAA;AAAA,4BAGF,IAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CAAG,EAAA,SAAA,EAAW,aAAa,SAClD,EAAA,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,CACb,EAAA,QAAA,kBAAA,IAAA;AAAA,gBAAC,GAAA;AAAA,gBAAA;AAAA,kBACC,OAAQ,EAAA,MAAA;AAAA,kBACR,aAAc,EAAA,QAAA;AAAA,kBACd,UAAW,EAAA,QAAA;AAAA,kBACX,WAAW,YAAa,CAAA,QAAA;AAAA,kBAExB,QAAA,EAAA;AAAA,oCAAA,GAAA,CAAC,kBAAmB,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,KAAA,EAAM,UAAW,EAAA,CAAA;AAAA,oCACtD,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,KAAA,EAAO,EAAE,UAAY,EAAA,GAAA,EAC9C,EAAA,QAAA,EAAA,GAAA,CAAI,cACP,EAAA,CAAA;AAAA,oCACA,GAAA,CAAC,cAAW,OAAQ,EAAA,SAAA,EAAU,OAAM,eACjC,EAAA,QAAA,EAAA,CAAA,CAAE,kBAAkB,CACvB,EAAA;AAAA;AAAA;AAAA,eAEJ,EAAA,CAAA;AAAA,8BACC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,CACb,EAAA,QAAA,kBAAA,IAAA;AAAA,gBAAC,GAAA;AAAA,gBAAA;AAAA,kBACC,OAAQ,EAAA,MAAA;AAAA,kBACR,aAAc,EAAA,QAAA;AAAA,kBACd,UAAW,EAAA,QAAA;AAAA,kBACX,WAAW,YAAa,CAAA,QAAA;AAAA,kBAExB,QAAA,EAAA;AAAA,oCAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,KAAA,EAAM,UAAW,EAAA,CAAA;AAAA,oCACnD,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,KAAA,EAAO,EAAE,UAAY,EAAA,GAAA,EAC9C,EAAA,QAAA,EAAA,GAAA,CAAI,aACP,EAAA,CAAA;AAAA,oCACA,GAAA,CAAC,cAAW,OAAQ,EAAA,SAAA,EAAU,OAAM,eACjC,EAAA,QAAA,EAAA,CAAA,CAAE,iBAAiB,CACtB,EAAA;AAAA;AAAA;AAAA,eAEJ,EAAA,CAAA;AAAA,8BACC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,CACb,EAAA,QAAA,kBAAA,IAAA;AAAA,gBAAC,GAAA;AAAA,gBAAA;AAAA,kBACC,OAAQ,EAAA,MAAA;AAAA,kBACR,aAAc,EAAA,QAAA;AAAA,kBACd,UAAW,EAAA,QAAA;AAAA,kBACX,WAAW,YAAa,CAAA,QAAA;AAAA,kBAExB,QAAA,EAAA;AAAA,oCAAA,GAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,KAAA,EAAM,UAAW,EAAA,CAAA;AAAA,oCAC5C,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,KAAA,EAAO,EAAE,UAAY,EAAA,GAAA,EAC9C,EAAA,QAAA,EAAA,GAAA,CAAI,UACP,EAAA,CAAA;AAAA,oCACA,GAAA,CAAC,cAAW,OAAQ,EAAA,SAAA,EAAU,OAAM,eACjC,EAAA,QAAA,EAAA,CAAA,CAAE,cAAc,CACnB,EAAA;AAAA;AAAA;AAAA,eAEJ,EAAA,CAAA;AAAA,8BACC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,CACb,EAAA,QAAA,kBAAA,IAAA;AAAA,gBAAC,GAAA;AAAA,gBAAA;AAAA,kBACC,OAAQ,EAAA,MAAA;AAAA,kBACR,aAAc,EAAA,QAAA;AAAA,kBACd,UAAW,EAAA,QAAA;AAAA,kBACX,WAAW,YAAa,CAAA,QAAA;AAAA,kBAExB,QAAA,EAAA;AAAA,oCAAA,GAAA,CAAC,UAAW,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,KAAA,EAAM,UAAW,EAAA,CAAA;AAAA,oCAC9C,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,KAAA,EAAO,EAAE,UAAY,EAAA,GAAA,EAC9C,EAAA,QAAA,EAAA,GAAA,CAAI,aACP,EAAA,CAAA;AAAA,oCACA,GAAA,CAAC,cAAW,OAAQ,EAAA,SAAA,EAAU,OAAM,eACjC,EAAA,QAAA,EAAA,CAAA,CAAE,uBAAuB,CAC5B,EAAA;AAAA;AAAA;AAAA,eAEJ,EAAA;AAAA,aACF,EAAA;AAAA;AAAA;AAAA;AACF,KAAA,EACF,CACF,EAAA,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAM,EAAA,aAAA;AAAA,QACN,OAAS,EAAA,oBAAA;AAAA,QACT;AAAA;AAAA,KACF;AAAA,oBACA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,IAAM,EAAA,eAAA;AAAA,QACN,OAAS,EAAA,sBAAA;AAAA,QACT,MAAQ,EAAA;AAAA;AAAA;AACV,GACF,EAAA,CAAA;AAEJ;;;;"}
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 '../Modals';\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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"}

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

@@ -10,12 +10,14 @@ import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { qetaTranslationRef } from '../../translation.esm.js';
 import 'react-use/lib/useAsync';
 import { useIsModerator } from '../../hooks/useIsModerator.esm.js';
+import '@backstage/plugin-permission-react';
+import { qetaCreateTagPermission } from '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
 import { QetaPagination } from '../QetaPagination/QetaPagination.esm.js';
 import useDebounce from 'react-use/lib/useDebounce';
 import { TagsGridContent } from './TagsGridContent.esm.js';
 import { Button, Collapse } from '@material-ui/core';
 import { CreateTagModal } from './CreateTagModal.esm.js';
-import { qetaCreateTagPermission } from '@drodil/backstage-plugin-qeta-common';
 import { OptionalRequirePermission } from '../Utility/OptionalRequirePermission.esm.js';
 import { QetaGridHeader } from '../Utility/QetaGridHeader.esm.js';
 import Add from '@material-ui/icons/Add';

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TagsGrid.esm.js","sources":["../../../src/components/TagsGrid/TagsGrid.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useIsModerator, useQetaApi } from '../../hooks';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { TagsGridContent } from './TagsGridContent';\nimport { Button } from '@material-ui/core';\nimport { CreateTagModal } from './CreateTagModal';\nimport { qetaCreateTagPermission } from '@drodil/backstage-plugin-qeta-common';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { QetaGridHeader } from '../Utility/QetaGridHeader';\nimport Add from '@material-ui/icons/Add';\n\nimport { Change, FilterPanel, TagFilters } from '../FilterPanel/FilterPanel';\nimport { Collapse } from '@material-ui/core';\nimport FilterList from '@material-ui/icons/FilterList';\n\nconst EXPANDED_LOCAL_STORAGE_KEY = 'qeta-tags-filters-expanded';\n\nexport const TagsGrid = () => {\n const [page, setPage] = useState(1);\n const [pageCount, setPageCount] = useState(1);\n const [tagsPerPage, setTagsPerPage] = useState(25);\n const [searchQuery, setSearchQuery] = useState('');\n const { t } = useTranslationRef(qetaTranslationRef);\n const { isModerator } = useIsModerator();\n const [showFilterPanel, setShowFilterPanel] = useState(\n localStorage.getItem(EXPANDED_LOCAL_STORAGE_KEY) === 'true',\n );\n const [filters, setFilters] = useState<TagFilters>({\n order: 'desc',\n orderBy: 'postsCount',\n searchQuery: '',\n });\n\n useEffect(() => {\n localStorage.setItem(\n EXPANDED_LOCAL_STORAGE_KEY,\n showFilterPanel ? 'true' : 'false',\n );\n }, [showFilterPanel]);\n\n const onFilterChange = (\n changes: Change<TagFilters> \| Change<TagFilters>[],\n ) => {\n const changesArray = Array.isArray(changes) ? changes : [changes];\n setPage(1);\n setFilters(prev => {\n const newValue = { ...prev };\n for (const { key, value } of changesArray) {\n (newValue as any)[key] = value;\n }\n return newValue;\n });\n };\n\n const onSearchQueryChange = (val: string) => {\n setPage(1);\n setSearchQuery(val);\n };\n\n const {\n value: response,\n loading,\n error,\n retry,\n } = useQetaApi(\n api =>\n api.getTags({\n limit: tagsPerPage,\n offset: (page - 1) * tagsPerPage,\n checkAccess: true,\n ...filters,\n }),\n [page, tagsPerPage, filters],\n );\n\n useDebounce(\n () => {\n if (filters.searchQuery !== searchQuery) {\n setFilters({ ...filters, searchQuery: searchQuery });\n }\n },\n 400,\n [searchQuery],\n );\n\n useEffect(() => {\n if (response) {\n setPageCount(Math.ceil(response.total / tagsPerPage));\n }\n }, [response, tagsPerPage]);\n\n const onTagsModify = () => {\n retry();\n };\n\n const [createModalOpen, setCreateModalOpen] = useState(false);\n const handleCreateModalOpen = () => setCreateModalOpen(true);\n const handleCreateModalClose = () => {\n setCreateModalOpen(false);\n onTagsModify();\n };\n\n return (\n <>\n <QetaGridHeader\n title={response ? t('tagPage.tags', { count: response.total }) : ''}\n searchBarLabel={t('tagPage.search.label')}\n loading={loading}\n onSearch={onSearchQueryChange}\n buttons={\n response && (\n <>\n <OptionalRequirePermission\n permission={qetaCreateTagPermission}\n errorPage={<></>}\n >\n <Button\n variant=\"outlined\"\n color=\"primary\"\n startIcon={<Add />}\n size=\"small\"\n onClick={handleCreateModalOpen}\n >\n {t('tagPage.createTag')}\n </Button>\n <CreateTagModal\n open={createModalOpen}\n onClose={handleCreateModalClose}\n isModerator={isModerator}\n />\n </OptionalRequirePermission>\n <Button\n onClick={() => setShowFilterPanel(!showFilterPanel)}\n className=\"qetaCollectionsContainerFilterPanelBtn\"\n startIcon={<FilterList />}\n style={{ marginLeft: '1em' }}\n >\n {t('filterPanel.filterButton')}\n </Button>\n </>\n )\n }\n />\n <Collapse in={showFilterPanel}>\n <FilterPanel<TagFilters>\n onChange={onFilterChange}\n filters={filters}\n mode=\"tags\"\n />\n </Collapse>\n <TagsGridContent\n response={response}\n onTagEdit={onTagsModify}\n loading={loading}\n error={error}\n isModerator={isModerator}\n />\n {response && response?.total > 0 && (\n <QetaPagination\n pageSize={tagsPerPage}\n handlePageChange={(_e, p) => setPage(p)}\n handlePageSizeChange={e => setTagsPerPage(Number(e.target.value))}\n page={page}\n pageCount={pageCount}\n />\n )}\n </>\n );\n};\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;~~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"}
1	+ {"version":3,"file":"TagsGrid.esm.js","sources":["../../../src/components/TagsGrid/TagsGrid.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useIsModerator, useQetaApi } from '../../hooks';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { TagsGridContent } from './TagsGridContent';\nimport { Button } from '@material-ui/core';\nimport { CreateTagModal } from './CreateTagModal';\nimport { qetaCreateTagPermission } from '@drodil/backstage-plugin-qeta-common';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { QetaGridHeader } from '../Utility/QetaGridHeader';\nimport Add from '@material-ui/icons/Add';\n\nimport { Change, FilterPanel, TagFilters } from '../FilterPanel/FilterPanel';\nimport { Collapse } from '@material-ui/core';\nimport FilterList from '@material-ui/icons/FilterList';\n\nconst EXPANDED_LOCAL_STORAGE_KEY = 'qeta-tags-filters-expanded';\n\nexport const TagsGrid = () => {\n const [page, setPage] = useState(1);\n const [pageCount, setPageCount] = useState(1);\n const [tagsPerPage, setTagsPerPage] = useState(25);\n const [searchQuery, setSearchQuery] = useState('');\n const { t } = useTranslationRef(qetaTranslationRef);\n const { isModerator } = useIsModerator();\n const [showFilterPanel, setShowFilterPanel] = useState(\n localStorage.getItem(EXPANDED_LOCAL_STORAGE_KEY) === 'true',\n );\n const [filters, setFilters] = useState<TagFilters>({\n order: 'desc',\n orderBy: 'postsCount',\n searchQuery: '',\n });\n\n useEffect(() => {\n localStorage.setItem(\n EXPANDED_LOCAL_STORAGE_KEY,\n showFilterPanel ? 'true' : 'false',\n );\n }, [showFilterPanel]);\n\n const onFilterChange = (\n changes: Change<TagFilters> \| Change<TagFilters>[],\n ) => {\n const changesArray = Array.isArray(changes) ? changes : [changes];\n setPage(1);\n setFilters(prev => {\n const newValue = { ...prev };\n for (const { key, value } of changesArray) {\n (newValue as any)[key] = value;\n }\n return newValue;\n });\n };\n\n const onSearchQueryChange = (val: string) => {\n setPage(1);\n setSearchQuery(val);\n };\n\n const {\n value: response,\n loading,\n error,\n retry,\n } = useQetaApi(\n api =>\n api.getTags({\n limit: tagsPerPage,\n offset: (page - 1) * tagsPerPage,\n checkAccess: true,\n ...filters,\n }),\n [page, tagsPerPage, filters],\n );\n\n useDebounce(\n () => {\n if (filters.searchQuery !== searchQuery) {\n setFilters({ ...filters, searchQuery: searchQuery });\n }\n },\n 400,\n [searchQuery],\n );\n\n useEffect(() => {\n if (response) {\n setPageCount(Math.ceil(response.total / tagsPerPage));\n }\n }, [response, tagsPerPage]);\n\n const onTagsModify = () => {\n retry();\n };\n\n const [createModalOpen, setCreateModalOpen] = useState(false);\n const handleCreateModalOpen = () => setCreateModalOpen(true);\n const handleCreateModalClose = () => {\n setCreateModalOpen(false);\n onTagsModify();\n };\n\n return (\n <>\n <QetaGridHeader\n title={response ? t('tagPage.tags', { count: response.total }) : ''}\n searchBarLabel={t('tagPage.search.label')}\n loading={loading}\n onSearch={onSearchQueryChange}\n buttons={\n response && (\n <>\n <OptionalRequirePermission\n permission={qetaCreateTagPermission}\n errorPage={<></>}\n >\n <Button\n variant=\"outlined\"\n color=\"primary\"\n startIcon={<Add />}\n size=\"small\"\n onClick={handleCreateModalOpen}\n >\n {t('tagPage.createTag')}\n </Button>\n <CreateTagModal\n open={createModalOpen}\n onClose={handleCreateModalClose}\n isModerator={isModerator}\n />\n </OptionalRequirePermission>\n <Button\n onClick={() => setShowFilterPanel(!showFilterPanel)}\n className=\"qetaCollectionsContainerFilterPanelBtn\"\n startIcon={<FilterList />}\n style={{ marginLeft: '1em' }}\n >\n {t('filterPanel.filterButton')}\n </Button>\n </>\n )\n }\n />\n <Collapse in={showFilterPanel}>\n <FilterPanel<TagFilters>\n onChange={onFilterChange}\n filters={filters}\n mode=\"tags\"\n />\n </Collapse>\n <TagsGridContent\n response={response}\n onTagEdit={onTagsModify}\n loading={loading}\n error={error}\n isModerator={isModerator}\n />\n {response && response?.total > 0 && (\n <QetaPagination\n pageSize={tagsPerPage}\n handlePageChange={(_e, p) => setPage(p)}\n handlePageSizeChange={e => setTagsPerPage(Number(e.target.value))}\n page={page}\n pageCount={pageCount}\n />\n )}\n </>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/TemplateList/TemplateForm.esm.js CHANGED Viewed

@@ -10,6 +10,9 @@ import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { qetaTranslationRef } from '../../translation.esm.js';
 import 'react-use/lib/useAsync';
 import { useIsModerator } from '../../hooks/useIsModerator.esm.js';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
 import { useForm, Controller } from 'react-hook-form';
 import { compact } from 'lodash';
 import { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor.esm.js';

package/dist/components/TemplateList/TemplateForm.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TemplateForm.esm.js","sources":["../../../src/components/TemplateList/TemplateForm.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useIsModerator } from '../../hooks';\nimport { QetaApi, TemplateRequest } from '@drodil/backstage-plugin-qeta-common';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { Controller, useForm } from 'react-hook-form';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport { CatalogApi } from '@backstage/catalog-client';\nimport { compact } from 'lodash';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { TagInput } from '../PostForm/TagInput';\nimport { EntitiesInput } from '../PostForm/EntitiesInput';\nimport { TemplateFormValues } from '../PostForm/types';\nimport { Button, TextField } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nconst formToRequest = (form: TemplateFormValues): TemplateRequest => {\n return {\n ...form,\n entities: form.entities?.map(stringifyEntityRef),\n };\n};\n\nconst getDefaultValues = (): TemplateFormValues => {\n return {\n title: '',\n description: '',\n tags: [],\n entities: [],\n };\n};\n\nconst getValues = async (\n api: QetaApi,\n catalogApi: CatalogApi,\n id?: string,\n): Promise<TemplateFormValues> => {\n if (!id) {\n return getDefaultValues();\n }\n\n const template = await api.getTemplate(id);\n const entities =\n template.entities && template.entities.length > 0\n ? await catalogApi.getEntitiesByRefs({\n entityRefs: template.entities,\n fields: [\n 'kind',\n 'metadata.name',\n 'metadata.namespace',\n 'metadata.title',\n ],\n })\n : [];\n return {\n title: template.title,\n description: template.description,\n questionTitle: template.questionTitle,\n questionContent: template.questionContent,\n tags: template.tags ?? [],\n entities: 'items' in entities ? compact(entities.items) : [],\n };\n};\n\nexport const TemplateForm = (props: { id?: number; onPost: () => void }) => {\n const { id, onPost } = props;\n const [posting, setPosting] = useState(false);\n const catalogApi = useApi(catalogApiRef);\n const qetaApi = useApi(qetaApiRef);\n const alertApi = useApi(alertApiRef);\n const [error, setError] = useState(false);\n const [values, setValues] = useState(getDefaultValues());\n const { isModerator } = useIsModerator();\n const { t } = useTranslationRef(qetaTranslationRef);\n const {\n register,\n handleSubmit,\n control,\n getValues: getFormValues,\n setValue,\n reset,\n formState: { errors },\n } = useForm<TemplateFormValues>({\n values,\n defaultValues: getDefaultValues(),\n });\n\n useEffect(() => {\n if (id) {\n getValues(qetaApi, catalogApi, id.toString(10))\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);\n }\n });\n }\n }, [qetaApi, catalogApi, id, alertApi]);\n\n const postTemplate = (data: TemplateFormValues) => {\n setPosting(true);\n\n if (id) {\n qetaApi\n .updateTemplate(id, formToRequest(data))\n .then(_q => {\n reset();\n onPost();\n })\n .catch(e => {\n setError(true);\n alertApi.post({\n message: e.message,\n severity: 'error',\n display: 'transient',\n });\n })\n .finally(() => setPosting(false));\n return;\n }\n qetaApi\n .createTemplate(formToRequest(data))\n .then(q => {\n if (!q \|\| !q.id) {\n setError(true);\n return;\n }\n reset();\n onPost();\n })\n .catch(e => {\n setError(true);\n alertApi.post({\n message: e.message,\n severity: 'error',\n display: 'transient',\n });\n })\n .finally(() => setPosting(false));\n };\n\n if (!isModerator) {\n return null;\n }\n\n return (\n <form onSubmit={handleSubmit(postTemplate)}>\n {error && (\n <Alert severity=\"error\">{t('templateList.errorPosting')}</Alert>\n )}\n <TextField\n label={t('templateList.titleInput.label')}\n className=\"qetaTemplateFormTitle\"\n required\n fullWidth\n error={'title' in errors}\n margin=\"normal\"\n variant=\"outlined\"\n helperText={t('templateList.titleInput.helperText')}\n FormHelperTextProps={{\n style: { marginLeft: '0.2em' },\n }}\n {\n // @ts-ignore\n ...register('title', { required: true, maxLength: 255 })\n }\n />\n\n <TextField\n label={t('templateList.descriptionInput.label')}\n className=\"qetaTemplateFormDescription\"\n required\n fullWidth\n error={'description' in errors}\n margin=\"normal\"\n variant=\"outlined\"\n helperText={t('templateList.descriptionInput.helperText')}\n FormHelperTextProps={{\n style: { marginLeft: '0.2em' },\n }}\n {\n // @ts-ignore\n ...register('description', { required: true, maxLength: 255 })\n }\n />\n\n <TextField\n label={t('templateList.questionTitleInput.label')}\n className=\"qetaTemplateFormQuestionTitle\"\n fullWidth\n error={'questionTitle' in errors}\n margin=\"normal\"\n variant=\"outlined\"\n FormHelperTextProps={{\n style: { marginLeft: '0.2em' },\n }}\n helperText={t('templateList.questionTitleInput.helperText')}\n {\n // @ts-ignore\n ...register('questionTitle', { maxLength: 255 })\n }\n />\n\n <Controller\n control={control}\n rules={{}}\n render={({ field: { onChange, value } }) => (\n <MarkdownEditor\n value={value ?? ''}\n disableAttachments\n onChange={onChange}\n height={400}\n error={'questionContent' in errors}\n placeholder={t('templateList.questionContentInput.placeholder')}\n onTagsChange={tags => {\n const existing = getFormValues('tags') ?? [];\n const newTags = [...new Set([...existing, ...tags])];\n setValue('tags', newTags, { shouldValidate: true });\n }}\n />\n )}\n name=\"questionContent\"\n />\n <Controller\n control={control}\n render={({\n field: { onChange, value },\n fieldState: { error: tagError },\n }) => <TagInput value={value} onChange={onChange} error={tagError} />}\n name=\"tags\"\n />\n <Controller\n control={control}\n render={({ field: { onChange, value } }) => (\n <EntitiesInput value={value} onChange={onChange} />\n )}\n name=\"entities\"\n />\n <Button\n color=\"primary\"\n type=\"submit\"\n variant=\"contained\"\n disabled={posting}\n >\n {id\n ? t('templateList.submit.existingTemplate')\n : t('templateList.submit.newTemplate')}\n </Button>\n </form>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"TemplateForm.esm.js","sources":["../../../src/components/TemplateList/TemplateForm.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useIsModerator } from '../../hooks';\nimport { QetaApi, TemplateRequest } from '@drodil/backstage-plugin-qeta-common';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { Controller, useForm } from 'react-hook-form';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport { CatalogApi } from '@backstage/catalog-client';\nimport { compact } from 'lodash';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { TagInput } from '../PostForm/TagInput';\nimport { EntitiesInput } from '../PostForm/EntitiesInput';\nimport { TemplateFormValues } from '../PostForm/types';\nimport { Button, TextField } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nconst formToRequest = (form: TemplateFormValues): TemplateRequest => {\n return {\n ...form,\n entities: form.entities?.map(stringifyEntityRef),\n };\n};\n\nconst getDefaultValues = (): TemplateFormValues => {\n return {\n title: '',\n description: '',\n tags: [],\n entities: [],\n };\n};\n\nconst getValues = async (\n api: QetaApi,\n catalogApi: CatalogApi,\n id?: string,\n): Promise<TemplateFormValues> => {\n if (!id) {\n return getDefaultValues();\n }\n\n const template = await api.getTemplate(id);\n const entities =\n template.entities && template.entities.length > 0\n ? await catalogApi.getEntitiesByRefs({\n entityRefs: template.entities,\n fields: [\n 'kind',\n 'metadata.name',\n 'metadata.namespace',\n 'metadata.title',\n ],\n })\n : [];\n return {\n title: template.title,\n description: template.description,\n questionTitle: template.questionTitle,\n questionContent: template.questionContent,\n tags: template.tags ?? [],\n entities: 'items' in entities ? compact(entities.items) : [],\n };\n};\n\nexport const TemplateForm = (props: { id?: number; onPost: () => void }) => {\n const { id, onPost } = props;\n const [posting, setPosting] = useState(false);\n const catalogApi = useApi(catalogApiRef);\n const qetaApi = useApi(qetaApiRef);\n const alertApi = useApi(alertApiRef);\n const [error, setError] = useState(false);\n const [values, setValues] = useState(getDefaultValues());\n const { isModerator } = useIsModerator();\n const { t } = useTranslationRef(qetaTranslationRef);\n const {\n register,\n handleSubmit,\n control,\n getValues: getFormValues,\n setValue,\n reset,\n formState: { errors },\n } = useForm<TemplateFormValues>({\n values,\n defaultValues: getDefaultValues(),\n });\n\n useEffect(() => {\n if (id) {\n getValues(qetaApi, catalogApi, id.toString(10))\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);\n }\n });\n }\n }, [qetaApi, catalogApi, id, alertApi]);\n\n const postTemplate = (data: TemplateFormValues) => {\n setPosting(true);\n\n if (id) {\n qetaApi\n .updateTemplate(id, formToRequest(data))\n .then(_q => {\n reset();\n onPost();\n })\n .catch(e => {\n setError(true);\n alertApi.post({\n message: e.message,\n severity: 'error',\n display: 'transient',\n });\n })\n .finally(() => setPosting(false));\n return;\n }\n qetaApi\n .createTemplate(formToRequest(data))\n .then(q => {\n if (!q \|\| !q.id) {\n setError(true);\n return;\n }\n reset();\n onPost();\n })\n .catch(e => {\n setError(true);\n alertApi.post({\n message: e.message,\n severity: 'error',\n display: 'transient',\n });\n })\n .finally(() => setPosting(false));\n };\n\n if (!isModerator) {\n return null;\n }\n\n return (\n <form onSubmit={handleSubmit(postTemplate)}>\n {error && (\n <Alert severity=\"error\">{t('templateList.errorPosting')}</Alert>\n )}\n <TextField\n label={t('templateList.titleInput.label')}\n className=\"qetaTemplateFormTitle\"\n required\n fullWidth\n error={'title' in errors}\n margin=\"normal\"\n variant=\"outlined\"\n helperText={t('templateList.titleInput.helperText')}\n FormHelperTextProps={{\n style: { marginLeft: '0.2em' },\n }}\n {\n // @ts-ignore\n ...register('title', { required: true, maxLength: 255 })\n }\n />\n\n <TextField\n label={t('templateList.descriptionInput.label')}\n className=\"qetaTemplateFormDescription\"\n required\n fullWidth\n error={'description' in errors}\n margin=\"normal\"\n variant=\"outlined\"\n helperText={t('templateList.descriptionInput.helperText')}\n FormHelperTextProps={{\n style: { marginLeft: '0.2em' },\n }}\n {\n // @ts-ignore\n ...register('description', { required: true, maxLength: 255 })\n }\n />\n\n <TextField\n label={t('templateList.questionTitleInput.label')}\n className=\"qetaTemplateFormQuestionTitle\"\n fullWidth\n error={'questionTitle' in errors}\n margin=\"normal\"\n variant=\"outlined\"\n FormHelperTextProps={{\n style: { marginLeft: '0.2em' },\n }}\n helperText={t('templateList.questionTitleInput.helperText')}\n {\n // @ts-ignore\n ...register('questionTitle', { maxLength: 255 })\n }\n />\n\n <Controller\n control={control}\n rules={{}}\n render={({ field: { onChange, value } }) => (\n <MarkdownEditor\n value={value ?? ''}\n disableAttachments\n onChange={onChange}\n height={400}\n error={'questionContent' in errors}\n placeholder={t('templateList.questionContentInput.placeholder')}\n onTagsChange={tags => {\n const existing = getFormValues('tags') ?? [];\n const newTags = [...new Set([...existing, ...tags])];\n setValue('tags', newTags, { shouldValidate: true });\n }}\n />\n )}\n name=\"questionContent\"\n />\n <Controller\n control={control}\n render={({\n field: { onChange, value },\n fieldState: { error: tagError },\n }) => <TagInput value={value} onChange={onChange} error={tagError} />}\n name=\"tags\"\n />\n <Controller\n control={control}\n render={({ field: { onChange, value } }) => (\n <EntitiesInput value={value} onChange={onChange} />\n )}\n name=\"entities\"\n />\n <Button\n color=\"primary\"\n type=\"submit\"\n variant=\"contained\"\n disabled={posting}\n >\n {id\n ? t('templateList.submit.existingTemplate')\n : t('templateList.submit.newTemplate')}\n </Button>\n </form>\n );\n};\n"],"names":[],"mappings":"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"}

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

@@ -10,6 +10,9 @@ import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { qetaTranslationRef } from '../../translation.esm.js';
 import 'react-use/lib/useAsync';
 import { useIsModerator } from '../../hooks/useIsModerator.esm.js';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
 import { Progress, WarningPanel } from '@backstage/core-components';
 import EditIcon from '@material-ui/icons/Edit';
 import DeleteIcon from '@material-ui/icons/Delete';