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

@drodil/backstage-plugin-qeta-react 3.48.1 → 3.49.0

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 (139) hide show

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

@@ -1,7 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useCallback } from 'react';
-import { ResponsiveContainer, BarChart, Tooltip as Tooltip$1, Bar, CartesianGrid, XAxis, YAxis, Legend, LineChart, Line } from 'recharts';
+import { ResponsiveContainer, BarChart, Tooltip as Tooltip$1, Bar, CartesianGrid, XAxis, YAxis, LineChart, Line } from 'recharts';
 import { makeStyles, createStyles, Typography, Box, CircularProgress, ButtonGroup, Tooltip, IconButton } from '@material-ui/core';
+import { useTheme } from '@material-ui/core/styles';
 import ShowChartIcon from '@material-ui/icons/ShowChart';
 import BarChartIcon from '@material-ui/icons/BarChart';
 import { useIsDarkTheme } from '../../hooks/useIsDarkTheme.esm.js';
@@ -159,8 +160,8 @@ const useChartState = (data) => {
   const styles = useStyles();
   const isDark = useIsDarkTheme();
   const { t } = useTranslationRef(qetaTranslationRef);
-  const globalStats = isGlobalStat(data[0]);
-  const isUserStats = isUserStat(data[0]);
+  const globalStats = data && data.length > 0 ? isGlobalStat(data[0]) : false;
+  const isUserStats = data && data.length > 0 ? isUserStat(data[0]) : false;
   const [stats, setStats] = useState(
     getDefaultStats(isDark, t).filter((stat) => {
       if (globalStats && !stat.globalStat) {
@@ -187,14 +188,8 @@ const useChartState = (data) => {
   );
   return { styles, isDark, toggleStat, stats, isDisabled };
 };
-const legendWrapperStyle = {
-  cursor: "pointer",
-  display: "flex",
-  gap: 16,
-  marginLeft: 48
-};
 const XAxisTick = (props) => {
-  const { x, y, payload, fill } = props;
+  const { x, y, payload, fill, fontFamily } = props;
   return /* @__PURE__ */ jsx("g", { transform: `translate(${x},${y})`, children: /* @__PURE__ */ jsx(
     "text",
     {
@@ -205,16 +200,15 @@ const XAxisTick = (props) => {
       fill,
       transform: "rotate(-90)",
       fontSize: "12",
+      style: { fontFamily },
       children: new Date(payload.value).toDateString()
     }
   ) });
 };
 const StatsBarChart = (props) => {
-  const { styles, isDark, stats, toggleStat, isDisabled } = useChartState(
-    props.data
-  );
   const localStyles = useStyles();
   const { t } = useTranslationRef(qetaTranslationRef);
+  const theme = useTheme();
   return /* @__PURE__ */ jsx(ResponsiveContainer, { height: 500, width: "100%", children: /* @__PURE__ */ jsxs(
     BarChart,
     {
@@ -228,9 +222,9 @@ const StatsBarChart = (props) => {
         /* @__PURE__ */ jsx(
           Tooltip$1,
           {
-            labelClassName: styles.tooltipLabel,
-            wrapperClassName: styles.tooltipWrapper,
-            cursor: { fill: isDark ? "#4f4f4f" : "#f5f5f5" },
+            labelClassName: props.styles.tooltipLabel,
+            wrapperClassName: props.styles.tooltipWrapper,
+            cursor: { fill: props.isDark ? "#4f4f4f" : "#f5f5f5" },
             content: ({ active, payload, label }) => {
               if (active && payload && payload.length) {
                 return /* @__PURE__ */ jsxs("div", { role: "tooltip", "aria-label": t("stats.tooltip"), children: [
@@ -246,7 +240,7 @@ const StatsBarChart = (props) => {
             }
           }
         ),
-        stats.map((stat) => /* @__PURE__ */ jsx(
+        props.stats.map((stat) => /* @__PURE__ */ jsx(
           Bar,
           {
             dataKey: stat.enabled ? stat.dataKey : "hidden",
@@ -256,15 +250,21 @@ const StatsBarChart = (props) => {
           },
           stat.dataKey
         )),
-        /* @__PURE__ */ jsx(CartesianGrid, { stroke: isDark ? "#4f4f4f" : "#e0e0e0" }),
+        /* @__PURE__ */ jsx(CartesianGrid, { stroke: props.isDark ? "#4f4f4f" : "#e0e0e0" }),
         /* @__PURE__ */ jsx(
           XAxis,
           {
             dataKey: "date",
             tickFormatter: (tick) => new Date(tick).toDateString(),
-            axisLine: { stroke: isDark ? "white" : "black" },
-            tickLine: { stroke: isDark ? "white" : "black" },
-            tick: /* @__PURE__ */ jsx(XAxisTick, { fill: isDark ? "white" : "black" }),
+            axisLine: { stroke: props.isDark ? "white" : "black" },
+            tickLine: { stroke: props.isDark ? "white" : "black" },
+            tick: /* @__PURE__ */ jsx(
+              XAxisTick,
+              {
+                fill: props.isDark ? "white" : "black",
+                fontFamily: theme.typography.fontFamily
+              }
+            ),
             angle: -90,
             dy: 10,
             "aria-label": t("stats.dateAxis")
@@ -274,39 +274,20 @@ const StatsBarChart = (props) => {
           YAxis,
           {
             allowDecimals: false,
-            axisLine: { stroke: isDark ? "white" : "black" },
-            tickLine: { stroke: isDark ? "white" : "black" },
-            tick: { fill: isDark ? "white" : "black" },
+            axisLine: { stroke: props.isDark ? "white" : "black" },
+            tickLine: { stroke: props.isDark ? "white" : "black" },
+            tick: { fill: props.isDark ? "white" : "black" },
             "aria-label": t("stats.valueAxis")
           }
-        ),
-        /* @__PURE__ */ jsx(
-          Legend,
-          {
-            verticalAlign: "top",
-            height: 36,
-            wrapperStyle: legendWrapperStyle,
-            className: localStyles.legend,
-            formatter: (data) => {
-              return isDisabled(data) ? `[ ] ${data}` : `[x] ${data}`;
-            },
-            onClick: (data) => {
-              if (data.value) {
-                toggleStat(data.value);
-              }
-            }
-          }
         )
       ]
     }
   ) });
 };
 const StatsLineChart = (props) => {
-  const { styles, isDark, stats, toggleStat, isDisabled } = useChartState(
-    props.data
-  );
   const localStyles = useStyles();
   const { t } = useTranslationRef(qetaTranslationRef);
+  const theme = useTheme();
   return /* @__PURE__ */ jsx(ResponsiveContainer, { height: 500, width: "100%", children: /* @__PURE__ */ jsxs(
     LineChart,
     {
@@ -319,12 +300,12 @@ const StatsLineChart = (props) => {
         /* @__PURE__ */ jsx(
           Tooltip$1,
           {
-            labelClassName: styles.tooltipLabel,
-            wrapperClassName: styles.tooltipWrapper,
-            cursor: { fill: isDark ? "#4f4f4f" : "#f5f5f5" }
+            labelClassName: props.styles.tooltipLabel,
+            wrapperClassName: props.styles.tooltipWrapper,
+            cursor: { fill: props.isDark ? "#4f4f4f" : "#f5f5f5" }
           }
         ),
-        stats.map((stat) => /* @__PURE__ */ jsx(
+        props.stats.map((stat) => /* @__PURE__ */ jsx(
           Line,
           {
             dataKey: stat.enabled ? stat.dataKey : "hidden",
@@ -339,9 +320,15 @@ const StatsLineChart = (props) => {
           {
             dataKey: "date",
             tickFormatter: (tick) => new Date(tick).toDateString(),
-            axisLine: { stroke: isDark ? "white" : "black" },
-            tickLine: { stroke: isDark ? "white" : "black" },
-            tick: /* @__PURE__ */ jsx(XAxisTick, { fill: isDark ? "white" : "black" }),
+            axisLine: { stroke: props.isDark ? "white" : "black" },
+            tickLine: { stroke: props.isDark ? "white" : "black" },
+            tick: /* @__PURE__ */ jsx(
+              XAxisTick,
+              {
+                fill: props.isDark ? "white" : "black",
+                fontFamily: theme.typography.fontFamily
+              }
+            ),
             angle: -45,
             dy: 10,
             "aria-label": t("stats.dateAxis")
@@ -351,26 +338,9 @@ const StatsLineChart = (props) => {
           YAxis,
           {
             allowDecimals: false,
-            axisLine: { stroke: isDark ? "white" : "black" },
-            tickLine: { stroke: isDark ? "white" : "black" },
-            tick: { fill: isDark ? "white" : "black" }
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Legend,
-          {
-            verticalAlign: "top",
-            height: 36,
-            wrapperStyle: legendWrapperStyle,
-            className: localStyles.legend,
-            formatter: (data) => {
-              return isDisabled(data) ? `[ ] ${data}` : `[x] ${data}`;
-            },
-            onClick: (data) => {
-              if (data.value) {
-                toggleStat(data.value);
-              }
-            }
+            axisLine: { stroke: props.isDark ? "white" : "black" },
+            tickLine: { stroke: props.isDark ? "white" : "black" },
+            tick: { fill: props.isDark ? "white" : "black" }
           }
         )
       ]
@@ -381,6 +351,7 @@ const StatsChart = (props) => {
   const { t } = useTranslationRef(qetaTranslationRef);
   const [chart, setChart] = useState("line");
   const classes = useStyles();
+  const { stats, isDark, toggleStat } = useChartState(props.data);
   if (props.error) {
     return /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", className: classes.errorMessage, children: props.error });
   }
@@ -388,41 +359,110 @@ const StatsChart = (props) => {
     return /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: t("stats.noStats") });
   }
   const data = props.data.sort((a, b) => new Date(a.date).getTime() - new Date(b.date).getTime()).map((d) => ({ ...d, hidden: 0 }));
-  return /* @__PURE__ */ jsxs(Box, { className: classes.chartContainer, children: [
-    props.loading && /* @__PURE__ */ jsx("div", { className: classes.loadingOverlay, children: /* @__PURE__ */ jsx(CircularProgress, {}) }),
-    chart === "line" ? /* @__PURE__ */ jsx(StatsLineChart, { data }) : /* @__PURE__ */ jsx(StatsBarChart, { data }),
-    /* @__PURE__ */ jsxs(
-      ButtonGroup,
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(
+      Box,
       {
-        "aria-label": t("stats.chartType"),
-        style: { float: "right" },
-        role: "radiogroup",
-        children: [
-          /* @__PURE__ */ jsx(Tooltip, { title: t("stats.lineChart"), children: /* @__PURE__ */ jsx(
-            IconButton,
+        display: "flex",
+        flexWrap: "wrap",
+        justifyContent: "center",
+        mb: 4,
+        mt: 2,
+        style: { gap: 16 },
+        children: stats.map((stat) => {
+          const value = props.summary ? props.summary[stat.dataKey] : void 0;
+          const isActive = stat.enabled;
+          const defaultBorder = isDark ? "rgba(255,255,255,0.12)" : "rgba(0,0,0,0.12)";
+          const borderColor = isActive ? stat.color : defaultBorder;
+          const activeBg = isDark ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.05)";
+          const backgroundColor = isActive ? activeBg : "transparent";
+          return /* @__PURE__ */ jsxs(
+            Box,
             {
-              "aria-label": t("stats.lineChart"),
-              onClick: () => setChart("line"),
-              className: classes.chartTypeButton,
-              "aria-checked": chart === "line",
-              role: "radio",
-              children: /* @__PURE__ */ jsx(ShowChartIcon, {})
-            }
-          ) }),
-          /* @__PURE__ */ jsx(Tooltip, { title: t("stats.barChart"), children: /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              "aria-label": t("stats.barChart"),
-              onClick: () => setChart("bar"),
-              className: classes.chartTypeButton,
-              "aria-checked": chart === "bar",
-              role: "radio",
-              children: /* @__PURE__ */ jsx(BarChartIcon, {})
-            }
-          ) })
-        ]
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              p: 2,
+              border: 1,
+              borderColor,
+              borderRadius: 8,
+              minWidth: 140,
+              style: {
+                cursor: "pointer",
+                opacity: isActive ? 1 : 0.5,
+                backgroundColor,
+                transition: "all 0.2s"
+              },
+              onClick: () => toggleStat(stat.name),
+              children: [
+                /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    variant: "h4",
+                    style: { color: stat.color, fontWeight: "bold" },
+                    children: value !== void 0 ? value : "-"
+                  }
+                ),
+                /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: stat.name })
+              ]
+            },
+            stat.dataKey
+          );
+        })
       }
-    )
+    ),
+    /* @__PURE__ */ jsxs(Box, { className: classes.chartContainer, children: [
+      props.loading && /* @__PURE__ */ jsx("div", { className: classes.loadingOverlay, children: /* @__PURE__ */ jsx(CircularProgress, {}) }),
+      chart === "line" ? /* @__PURE__ */ jsx(
+        StatsLineChart,
+        {
+          data,
+          stats,
+          isDark,
+          styles: classes
+        }
+      ) : /* @__PURE__ */ jsx(
+        StatsBarChart,
+        {
+          data,
+          stats,
+          isDark,
+          styles: classes
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        ButtonGroup,
+        {
+          "aria-label": t("stats.chartType"),
+          style: { float: "right" },
+          role: "radiogroup",
+          children: [
+            /* @__PURE__ */ jsx(Tooltip, { title: t("stats.lineChart"), children: /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                "aria-label": t("stats.lineChart"),
+                onClick: () => setChart("line"),
+                className: classes.chartTypeButton,
+                "aria-checked": chart === "line",
+                role: "radio",
+                children: /* @__PURE__ */ jsx(ShowChartIcon, {})
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Tooltip, { title: t("stats.barChart"), children: /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                "aria-label": t("stats.barChart"),
+                onClick: () => setChart("bar"),
+                className: classes.chartTypeButton,
+                "aria-checked": chart === "bar",
+                role: "radio",
+                children: /* @__PURE__ */ jsx(BarChartIcon, {})
+              }
+            ) })
+          ]
+        }
+      )
+    ] })
   ] });
 };

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 Legend,\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 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 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: '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 = isGlobalStat(data[0]);\n const isUserStats = isUserStat(data[0]);\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\nconst legendWrapperStyle = {\n cursor: 'pointer',\n display: 'flex',\n gap: 16,\n marginLeft: 48,\n};\n\n// Custom tick renderer for angled date labels\nconst XAxisTick = (props: any) => {\n const { x, y, payload, fill } = 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 >\n {new Date(payload.value).toDateString()}\n </text>\n </g>\n );\n};\n\nconst StatsBarChart = (props: { data: Stat[] }) => {\n const { styles, isDark, stats, toggleStat, isDisabled } = useChartState(\n props.data,\n );\n const localStyles = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\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={styles.tooltipLabel}\n wrapperClassName={styles.tooltipWrapper}\n cursor={{ fill: 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 {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={isDark ? '#4f4f4f' : '#e0e0e0'} />\n <XAxis\n dataKey=\"date\"\n tickFormatter={(tick: string) => new Date(tick).toDateString()}\n axisLine={{ stroke: isDark ? 'white' : 'black' }}\n tickLine={{ stroke: isDark ? 'white' : 'black' }}\n tick={<XAxisTick fill={isDark ? 'white' : 'black'} />}\n angle={-90}\n dy={10}\n aria-label={t('stats.dateAxis')}\n />\n <YAxis\n allowDecimals={false}\n axisLine={{ stroke: isDark ? 'white' : 'black' }}\n tickLine={{ stroke: isDark ? 'white' : 'black' }}\n tick={{ fill: isDark ? 'white' : 'black' }}\n aria-label={t('stats.valueAxis')}\n />\n <Legend\n verticalAlign=\"top\"\n height={36}\n wrapperStyle={legendWrapperStyle}\n className={localStyles.legend}\n formatter={data => {\n return isDisabled(data) ? `[ ] ${data}` : `[x] ${data}`;\n }}\n onClick={data => {\n if (data.value) {\n toggleStat(data.value as string);\n }\n }}\n />\n </BarChart>\n </ResponsiveContainer>\n );\n};\n\nconst StatsLineChart = (props: { data: Stat[] }) => {\n const { styles, isDark, stats, toggleStat, isDisabled } = useChartState(\n props.data,\n );\n const localStyles = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\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={styles.tooltipLabel}\n wrapperClassName={styles.tooltipWrapper}\n cursor={{ fill: isDark ? '#4f4f4f' : '#f5f5f5' }}\n />\n {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: isDark ? 'white' : 'black' }}\n tickLine={{ stroke: isDark ? 'white' : 'black' }}\n tick={<XAxisTick fill={isDark ? 'white' : 'black'} />}\n angle={-45}\n dy={10}\n aria-label={t('stats.dateAxis')}\n />\n <YAxis\n allowDecimals={false}\n axisLine={{ stroke: isDark ? 'white' : 'black' }}\n tickLine={{ stroke: isDark ? 'white' : 'black' }}\n tick={{ fill: isDark ? 'white' : 'black' }}\n />\n <Legend\n verticalAlign=\"top\"\n height={36}\n wrapperStyle={legendWrapperStyle}\n className={localStyles.legend}\n formatter={data => {\n return isDisabled(data) ? `[ ] ${data}` : `[x] ${data}`;\n }}\n onClick={data => {\n if (data.value) {\n toggleStat(data.value as string);\n }\n }}\n />\n </LineChart>\n </ResponsiveContainer>\n );\n};\n\nexport const StatsChart = (props: {\n data: Stat[];\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\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 className={classes.chartContainer}>\n {props.loading && (\n <div className={classes.loadingOverlay}>\n <CircularProgress />\n </div>\n )}\n {chart === 'line' ? (\n <StatsLineChart data={data} />\n ) : (\n <StatsBarChart data={data} />\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 );\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 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: '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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"}