@drodil/backstage-plugin-qeta-react 3.9.3 → 3.10.1

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

@@ -1,34 +1,29 @@
-import React, { useCallback } from 'react';
+import React__default, { useCallback } from 'react';
 import { ResponsiveContainer, BarChart, Tooltip, Bar, CartesianGrid, XAxis, YAxis, Legend, LineChart, Line } from 'recharts';
-import { makeStyles, createStyles, Typography, ButtonGroup, IconButton } from '@material-ui/core';
-import ShowChartIcon from '@material-ui/icons/ShowChart';
-import BarChartIcon from '@material-ui/icons/BarChart';
+import IconButton from '@mui/material/IconButton';
+import ButtonGroup from '@mui/material/ButtonGroup';
+import Typography from '@mui/material/Typography';
+import ShowChartIcon from '@mui/icons-material/ShowChart';
+import BarChartIcon from '@mui/icons-material/BarChart';
 import { useIsDarkTheme } from '../../hooks/useIsDarkTheme.esm.js';
 import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 import { isGlobalStat, isUserStat } from './util.esm.js';
+import { useTheme, css as css$1 } from '@mui/material/styles';
+import { css } from '@emotion/css';
 
-const useStyles = makeStyles(
-  (theme) => createStyles({
-    tooltipLabel: {
-      color: theme.palette.text.primary
-    },
-    tooltipWrapper: {
-      backgroundColor: `${theme.palette.background.default} !important`,
-      border: "none !important"
-    },
-    xAxis: {
-      color: `${theme.palette.text.primary} !important`
-    },
-    lineChart: {},
-    barChart: {}
+const styles = {
+  tooltipLabel: (theme) => ({
+    color: theme.palette.text.primary
   }),
-  { name: "QetaStatsChart" }
-);
+  tooltipWrapper: (theme) => ({
+    backgroundColor: `${theme.palette.background.default} !important`,
+    border: "none !important"
+  })
+};
 const DEFAULT_STATS = [
   {
     dataKey: "totalViews",
@@ -104,11 +99,10 @@ const DEFAULT_STATS = [
   }
 ];
 const useChartState = (data) => {
-  const styles = useStyles();
   const isDark = useIsDarkTheme();
   const globalStats = isGlobalStat(data[0]);
   const isUserStats = isUserStat(data[0]);
-  const [stats, setStats] = React.useState(
+  const [stats, setStats] = React__default.useState(
     DEFAULT_STATS.filter((stat) => {
       if (globalStats && !stat.globalStat) {
         return false;
@@ -135,166 +129,140 @@ const useChartState = (data) => {
   return { styles, isDark, toggleStat, stats, isDisabled };
 };
 const StatsBarChart = (props) => {
-  const { styles, isDark, stats, toggleStat, isDisabled } = useChartState(
-    props.data
-  );
-  const localStyles = useStyles();
-  return /* @__PURE__ */ React.createElement(ResponsiveContainer, { height: 400, width: "100%" }, /* @__PURE__ */ React.createElement(
-    BarChart,
+  const { isDark, stats, toggleStat, isDisabled } = useChartState(props.data);
+  const theme = useTheme();
+  const labelClass = css(css$1(styles.tooltipLabel(theme)));
+  const wrapperClass = css(css$1(styles.tooltipWrapper(theme)));
+  return /* @__PURE__ */ React__default.createElement(ResponsiveContainer, { height: 400, width: "100%" }, /* @__PURE__ */ React__default.createElement(BarChart, { data: props.data, width: 900, height: 300 }, /* @__PURE__ */ React__default.createElement(
+    Tooltip,
     {
-      data: props.data,
-      width: 900,
-      height: 300,
-      className: localStyles.barChart
-    },
-    /* @__PURE__ */ React.createElement(
-      Tooltip,
-      {
-        labelClassName: styles.tooltipLabel,
-        wrapperClassName: styles.tooltipWrapper,
-        cursor: { fill: isDark ? "#4f4f4f" : "#f5f5f5" }
-      }
-    ),
-    stats.map((stat) => /* @__PURE__ */ React.createElement(
-      Bar,
-      {
-        key: stat.dataKey,
-        dataKey: stat.enabled ? stat.dataKey : "hidden",
-        name: stat.name,
-        fill: stat.color
-      }
-    )),
-    /* @__PURE__ */ React.createElement(CartesianGrid, { stroke: "#ccc" }),
-    /* @__PURE__ */ React.createElement(
-      XAxis,
-      {
-        dataKey: "date",
-        tickFormatter: (tick) => new Date(tick).toDateString(),
-        axisLine: { stroke: isDark ? "white" : "black" },
-        tickLine: { stroke: isDark ? "white" : "black" },
-        tick: { fill: isDark ? "white" : "black" }
-      }
-    ),
-    /* @__PURE__ */ React.createElement(
-      YAxis,
-      {
-        allowDecimals: false,
-        axisLine: { stroke: isDark ? "white" : "black" },
-        tickLine: { stroke: isDark ? "white" : "black" },
-        tick: { fill: isDark ? "white" : "black" }
-      }
-    ),
-    /* @__PURE__ */ React.createElement(
-      Legend,
-      {
-        verticalAlign: "top",
-        height: 36,
-        wrapperStyle: { cursor: "pointer" },
-        formatter: (data) => {
-          return isDisabled(data) ? `[ ] ${data}` : `[x] ${data}`;
-        },
-        onClick: (data) => {
-          if (data.value) {
-            toggleStat(data.value);
-          }
+      labelClassName: labelClass,
+      wrapperClassName: wrapperClass,
+      cursor: { fill: isDark ? "#4f4f4f" : "#f5f5f5" }
+    }
+  ), stats.map((stat) => /* @__PURE__ */ React__default.createElement(
+    Bar,
+    {
+      key: stat.dataKey,
+      dataKey: stat.enabled ? stat.dataKey : "hidden",
+      name: stat.name,
+      fill: stat.color
+    }
+  )), /* @__PURE__ */ React__default.createElement(CartesianGrid, { stroke: "#ccc" }), /* @__PURE__ */ React__default.createElement(
+    XAxis,
+    {
+      dataKey: "date",
+      tickFormatter: (tick) => new Date(tick).toDateString(),
+      axisLine: { stroke: isDark ? "white" : "black" },
+      tickLine: { stroke: isDark ? "white" : "black" },
+      tick: { fill: isDark ? "white" : "black" }
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    YAxis,
+    {
+      allowDecimals: false,
+      axisLine: { stroke: isDark ? "white" : "black" },
+      tickLine: { stroke: isDark ? "white" : "black" },
+      tick: { fill: isDark ? "white" : "black" }
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    Legend,
+    {
+      verticalAlign: "top",
+      height: 36,
+      wrapperStyle: { cursor: "pointer" },
+      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();
-  return /* @__PURE__ */ React.createElement(ResponsiveContainer, { height: 400, width: "100%" }, /* @__PURE__ */ React.createElement(
-    LineChart,
+  const { isDark, stats, toggleStat, isDisabled } = useChartState(props.data);
+  const theme = useTheme();
+  const labelClass = css(css$1(styles.tooltipLabel(theme)));
+  const wrapperClass = css(css$1(styles.tooltipWrapper(theme)));
+  return /* @__PURE__ */ React__default.createElement(ResponsiveContainer, { height: 400, width: "100%" }, /* @__PURE__ */ React__default.createElement(LineChart, { data: props.data, width: 900, height: 300 }, /* @__PURE__ */ React__default.createElement(
+    Tooltip,
     {
-      data: props.data,
-      width: 900,
-      height: 300,
-      className: localStyles.lineChart
-    },
-    /* @__PURE__ */ React.createElement(
-      Tooltip,
-      {
-        labelClassName: styles.tooltipLabel,
-        wrapperClassName: styles.tooltipWrapper,
-        cursor: { fill: isDark ? "#4f4f4f" : "#f5f5f5" }
-      }
-    ),
-    stats.map((stat) => /* @__PURE__ */ React.createElement(
-      Line,
-      {
-        key: stat.dataKey,
-        dataKey: stat.enabled ? stat.dataKey : "hidden",
-        name: stat.name,
-        stroke: stat.color
-      }
-    )),
-    /* @__PURE__ */ React.createElement(CartesianGrid, { stroke: "#ccc" }),
-    /* @__PURE__ */ React.createElement(
-      XAxis,
-      {
-        dataKey: "date",
-        tickFormatter: (tick) => new Date(tick).toDateString(),
-        axisLine: { stroke: isDark ? "white" : "black" },
-        tickLine: { stroke: isDark ? "white" : "black" },
-        tick: { fill: isDark ? "white" : "black" }
-      }
-    ),
-    /* @__PURE__ */ React.createElement(
-      YAxis,
-      {
-        allowDecimals: false,
-        axisLine: { stroke: isDark ? "white" : "black" },
-        tickLine: { stroke: isDark ? "white" : "black" },
-        tick: { fill: isDark ? "white" : "black" }
-      }
-    ),
-    /* @__PURE__ */ React.createElement(
-      Legend,
-      {
-        verticalAlign: "top",
-        height: 36,
-        wrapperStyle: { cursor: "pointer" },
-        formatter: (data) => {
-          return isDisabled(data) ? `[ ] ${data}` : `[x] ${data}`;
-        },
-        onClick: (data) => {
-          if (data.value) {
-            toggleStat(data.value);
-          }
+      labelClassName: labelClass,
+      wrapperClassName: wrapperClass,
+      cursor: { fill: isDark ? "#4f4f4f" : "#f5f5f5" }
+    }
+  ), stats.map((stat) => /* @__PURE__ */ React__default.createElement(
+    Line,
+    {
+      key: stat.dataKey,
+      dataKey: stat.enabled ? stat.dataKey : "hidden",
+      name: stat.name,
+      stroke: stat.color
+    }
+  )), /* @__PURE__ */ React__default.createElement(CartesianGrid, { stroke: "#ccc" }), /* @__PURE__ */ React__default.createElement(
+    XAxis,
+    {
+      dataKey: "date",
+      tickFormatter: (tick) => new Date(tick).toDateString(),
+      axisLine: { stroke: isDark ? "white" : "black" },
+      tickLine: { stroke: isDark ? "white" : "black" },
+      tick: { fill: isDark ? "white" : "black" }
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    YAxis,
+    {
+      allowDecimals: false,
+      axisLine: { stroke: isDark ? "white" : "black" },
+      tickLine: { stroke: isDark ? "white" : "black" },
+      tick: { fill: isDark ? "white" : "black" }
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    Legend,
+    {
+      verticalAlign: "top",
+      height: 36,
+      wrapperStyle: { cursor: "pointer" },
+      formatter: (data) => {
+        return isDisabled(data) ? `[ ] ${data}` : `[x] ${data}`;
+      },
+      onClick: (data) => {
+        if (data.value) {
+          toggleStat(data.value);
         }
       }
-    )
-  ));
+    }
+  )));
 };
 const StatsChart = (props) => {
   const { t } = useTranslation();
-  const [chart, setChart] = React.useState("line");
+  const [chart, setChart] = React__default.useState("line");
   if (!props.data || props.data.length === 0) {
-    return /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle1" }, t("stats.noStats"));
+    return /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle1" }, 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__ */ React.createElement(React.Fragment, null, chart === "line" ? /* @__PURE__ */ React.createElement(StatsLineChart, { data }) : /* @__PURE__ */ React.createElement(StatsBarChart, { data }), /* @__PURE__ */ React.createElement(ButtonGroup, { "aria-label": "Chart type", style: { float: "right" } }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, chart === "line" ? /* @__PURE__ */ React__default.createElement(StatsLineChart, { data }) : /* @__PURE__ */ React__default.createElement(StatsBarChart, { data }), /* @__PURE__ */ React__default.createElement(ButtonGroup, { "aria-label": "Chart type", style: { float: "right" } }, /* @__PURE__ */ React__default.createElement(
     IconButton,
     {
       "aria-label": "Line chart",
       onClick: () => {
         setChart("line");
-      }
+      },
+      size: "large"
     },
-    /* @__PURE__ */ React.createElement(ShowChartIcon, null)
-  ), /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(ShowChartIcon, null)
+  ), /* @__PURE__ */ React__default.createElement(
     IconButton,
     {
       "aria-label": "Bar chart",
       onClick: () => {
         setChart("bar");
-      }
+      },
+      size: "large"
     },
-    /* @__PURE__ */ React.createElement(BarChartIcon, null)
+    /* @__PURE__ */ React__default.createElement(BarChartIcon, null)
   )));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"StatsChart.esm.js","sources":["../../../src/components/StatsChart/StatsChart.tsx"],"sourcesContent":["import React, { 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} from '@material-ui/core';\nimport ShowChartIcon from '@material-ui/icons/ShowChart';\nimport BarChartIcon from '@material-ui/icons/BarChart';\nimport { useIsDarkTheme } from '../../hooks/useIsDarkTheme';\nimport { useTranslation } from '../../hooks';\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      },\n      xAxis: {\n        color: `${theme.palette.text.primary} !important`,\n      },\n      lineChart: {},\n      barChart: {},\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    | 'totalFollowers';\n  name: string;\n  color: string;\n  enabled: boolean;\n  globalStat: boolean;\n  userStat: boolean;\n};\n\nconst DEFAULT_STATS: StatType[] = [\n  {\n    dataKey: 'totalViews',\n    name: 'Total views',\n    color: '#8884d8',\n    enabled: false,\n    globalStat: true,\n    userStat: true,\n  },\n  {\n    dataKey: 'totalQuestions',\n    name: 'Total questions',\n    color: '#82ca9d',\n    enabled: true,\n    globalStat: true,\n    userStat: true,\n  },\n  {\n    dataKey: 'totalAnswers',\n    name: 'Total answers',\n    color: '#ff7300',\n    enabled: true,\n    globalStat: true,\n    userStat: true,\n  },\n  {\n    dataKey: 'totalComments',\n    name: 'Total comments',\n    color: '#739973',\n    enabled: true,\n    globalStat: true,\n    userStat: true,\n  },\n  {\n    dataKey: 'totalVotes',\n    name: 'Total votes',\n    color: '#d88884',\n    enabled: true,\n    globalStat: true,\n    userStat: true,\n  },\n  {\n    dataKey: 'totalUsers',\n    name: 'Total users',\n    color: '#ff0000',\n    enabled: true,\n    globalStat: true,\n    userStat: false,\n  },\n  {\n    dataKey: 'totalTags',\n    name: 'Total tags',\n    color: '#ff00ff',\n    enabled: true,\n    globalStat: true,\n    userStat: false,\n  },\n  {\n    dataKey: 'totalArticles',\n    name: 'Total articles',\n    color: '#00ff00',\n    enabled: true,\n    globalStat: true,\n    userStat: true,\n  },\n  {\n    dataKey: 'totalFollowers',\n    name: 'Total followers',\n    color: '#ff0000',\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 globalStats = isGlobalStat(data[0]);\n  const isUserStats = isUserStat(data[0]);\n  const [stats, setStats] = React.useState<StatType[]>(\n    DEFAULT_STATS.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 StatsBarChart = (props: { data: Stat[] }) => {\n  const { styles, isDark, stats, toggleStat, isDisabled } = useChartState(\n    props.data,\n  );\n  const localStyles = useStyles();\n  return (\n    <ResponsiveContainer height={400} width=\"100%\">\n      <BarChart\n        data={props.data}\n        width={900}\n        height={300}\n        className={localStyles.barChart}\n      >\n        <Tooltip\n          labelClassName={styles.tooltipLabel}\n          wrapperClassName={styles.tooltipWrapper}\n          cursor={{ fill: isDark ? '#4f4f4f' : '#f5f5f5' }}\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          />\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={{ fill: isDark ? 'white' : 'black' }}\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={{ cursor: 'pointer' }}\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  return (\n    <ResponsiveContainer height={400} width=\"100%\">\n      <LineChart\n        data={props.data}\n        width={900}\n        height={300}\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={{ fill: isDark ? 'white' : 'black' }}\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={{ cursor: 'pointer' }}\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: { data: Stat[] }) => {\n  const { t } = useTranslation();\n  const [chart, setChart] = React.useState<'line' | 'bar'>('line');\n\n  if (!props.data || props.data.length === 0) {\n    return <Typography variant=\"subtitle1\">{t('stats.noStats')}</Typography>;\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    <>\n      {chart === 'line' ? (\n        <StatsLineChart data={data} />\n      ) : (\n        <StatsBarChart data={data} />\n      )}\n      <ButtonGroup aria-label=\"Chart type\" style={{ float: 'right' }}>\n        <IconButton\n          aria-label=\"Line chart\"\n          onClick={() => {\n            setChart('line');\n          }}\n        >\n          <ShowChartIcon />\n        </IconButton>\n        <IconButton\n          aria-label=\"Bar chart\"\n          onClick={() => {\n            setChart('bar');\n          }}\n        >\n          <BarChartIcon />\n        </IconButton>\n      </ButtonGroup>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"StatsChart.esm.js","sources":["../../../src/components/StatsChart/StatsChart.tsx"],"sourcesContent":["import React, { 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 as ChartTooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\nimport IconButton from '@mui/material/IconButton';\nimport ButtonGroup from '@mui/material/ButtonGroup';\nimport Typography from '@mui/material/Typography';\nimport ShowChartIcon from '@mui/icons-material/ShowChart';\nimport BarChartIcon from '@mui/icons-material/BarChart';\nimport { useIsDarkTheme } from '../../hooks/useIsDarkTheme';\nimport { useTranslation } from '../../hooks';\nimport { isGlobalStat, isUserStat } from './util';\nimport { css, Theme, useTheme } from '@mui/material/styles';\nimport { css as emotionCss } from '@emotion/css';\n\nconst styles = {\n  tooltipLabel: (theme: Theme) => ({\n    color: theme.palette.text.primary,\n  }),\n  tooltipWrapper: (theme: Theme) => ({\n    backgroundColor: `${theme.palette.background.default} !important`,\n    border: 'none !important',\n  }),\n};\n\ntype StatType = {\n  dataKey:\n    | 'totalViews'\n    | 'totalQuestions'\n    | 'totalAnswers'\n    | 'totalComments'\n    | 'totalVotes'\n    | 'totalUsers'\n    | 'totalTags'\n    | 'totalArticles'\n    | 'totalFollowers';\n  name: string;\n  color: string;\n  enabled: boolean;\n  globalStat: boolean;\n  userStat: boolean;\n};\n\nconst DEFAULT_STATS: StatType[] = [\n  {\n    dataKey: 'totalViews',\n    name: 'Total views',\n    color: '#8884d8',\n    enabled: false,\n    globalStat: true,\n    userStat: true,\n  },\n  {\n    dataKey: 'totalQuestions',\n    name: 'Total questions',\n    color: '#82ca9d',\n    enabled: true,\n    globalStat: true,\n    userStat: true,\n  },\n  {\n    dataKey: 'totalAnswers',\n    name: 'Total answers',\n    color: '#ff7300',\n    enabled: true,\n    globalStat: true,\n    userStat: true,\n  },\n  {\n    dataKey: 'totalComments',\n    name: 'Total comments',\n    color: '#739973',\n    enabled: true,\n    globalStat: true,\n    userStat: true,\n  },\n  {\n    dataKey: 'totalVotes',\n    name: 'Total votes',\n    color: '#d88884',\n    enabled: true,\n    globalStat: true,\n    userStat: true,\n  },\n  {\n    dataKey: 'totalUsers',\n    name: 'Total users',\n    color: '#ff0000',\n    enabled: true,\n    globalStat: true,\n    userStat: false,\n  },\n  {\n    dataKey: 'totalTags',\n    name: 'Total tags',\n    color: '#ff00ff',\n    enabled: true,\n    globalStat: true,\n    userStat: false,\n  },\n  {\n    dataKey: 'totalArticles',\n    name: 'Total articles',\n    color: '#00ff00',\n    enabled: true,\n    globalStat: true,\n    userStat: true,\n  },\n  {\n    dataKey: 'totalFollowers',\n    name: 'Total followers',\n    color: '#ff0000',\n    enabled: true,\n    globalStat: false,\n    userStat: true,\n  },\n];\n\nconst useChartState = (data: Stat[]) => {\n  const isDark = useIsDarkTheme();\n  const globalStats = isGlobalStat(data[0]);\n  const isUserStats = isUserStat(data[0]);\n  const [stats, setStats] = React.useState<StatType[]>(\n    DEFAULT_STATS.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 StatsBarChart = (props: { data: Stat[] }) => {\n  const { isDark, stats, toggleStat, isDisabled } = useChartState(props.data);\n  const theme = useTheme();\n  const labelClass = emotionCss(css(styles.tooltipLabel(theme)));\n  const wrapperClass = emotionCss(css(styles.tooltipWrapper(theme)));\n  return (\n    <ResponsiveContainer height={400} width=\"100%\">\n      <BarChart data={props.data} width={900} height={300}>\n        <ChartTooltip\n          labelClassName={labelClass}\n          wrapperClassName={wrapperClass}\n          cursor={{ fill: isDark ? '#4f4f4f' : '#f5f5f5' }}\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          />\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={{ fill: isDark ? 'white' : 'black' }}\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={{ cursor: 'pointer' }}\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 { isDark, stats, toggleStat, isDisabled } = useChartState(props.data);\n  const theme = useTheme();\n  const labelClass = emotionCss(css(styles.tooltipLabel(theme)));\n  const wrapperClass = emotionCss(css(styles.tooltipWrapper(theme)));\n  return (\n    <ResponsiveContainer height={400} width=\"100%\">\n      <LineChart data={props.data} width={900} height={300}>\n        <ChartTooltip\n          labelClassName={labelClass}\n          wrapperClassName={wrapperClass}\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={{ fill: isDark ? 'white' : 'black' }}\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={{ cursor: 'pointer' }}\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: { data: Stat[] }) => {\n  const { t } = useTranslation();\n  const [chart, setChart] = React.useState<'line' | 'bar'>('line');\n\n  if (!props.data || props.data.length === 0) {\n    return <Typography variant=\"subtitle1\">{t('stats.noStats')}</Typography>;\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    <>\n      {chart === 'line' ? (\n        <StatsLineChart data={data} />\n      ) : (\n        <StatsBarChart data={data} />\n      )}\n      <ButtonGroup aria-label=\"Chart type\" style={{ float: 'right' }}>\n        <IconButton\n          aria-label=\"Line chart\"\n          onClick={() => {\n            setChart('line');\n          }}\n          size=\"large\"\n        >\n          <ShowChartIcon />\n        </IconButton>\n        <IconButton\n          aria-label=\"Bar chart\"\n          onClick={() => {\n            setChart('bar');\n          }}\n          size=\"large\"\n        >\n          <BarChartIcon />\n        </IconButton>\n      </ButtonGroup>\n    </>\n  );\n};\n"],"names":["React","emotionCss","css","ChartTooltip"],"mappings":"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"}

package/dist/components/Styled/CardActionContainer.esm.js

@@ -0,0 +1,11 @@
+import { styled } from '@mui/system';
+
+const CardActionContainer = styled("div")({
+  marginTop: 2,
+  "& a": {
+    marginRight: 1
+  }
+});
+
+export { CardActionContainer };
+//# sourceMappingURL=CardActionContainer.esm.js.map

package/dist/components/Styled/CardActionContainer.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardActionContainer.esm.js","sources":["../../../src/components/Styled/CardActionContainer.tsx"],"sourcesContent":["import { styled } from '@mui/system';\n\nexport const CardActionContainer = styled('div')({\n  marginTop: 2,\n  '& a': {\n    marginRight: 1,\n  },\n});\n"],"names":[],"mappings":";;AAEa,MAAA,mBAAA,GAAsB,MAAO,CAAA,KAAK,CAAE,CAAA;AAAA,EAC/C,SAAW,EAAA,CAAA;AAAA,EACX,KAAO,EAAA;AAAA,IACL,WAAa,EAAA,CAAA;AAAA,GACf;AACF,CAAC;;;;"}

package/dist/components/Styled/ModalContent.esm.js

@@ -0,0 +1,20 @@
+import { styled } from '@mui/system';
+
+const ModalContent = styled("div")(({ theme }) => ({
+  position: "absolute",
+  top: "20%",
+  left: "50%",
+  transform: "translate(-50%, -50%)",
+  width: 400,
+  backgroundColor: theme.palette.background.default,
+  border: `1px solid ${theme.palette.action.selected}`,
+  borderRadius: theme.shape.borderRadius,
+  padding: theme.spacing(2),
+  "& button": {
+    marginTop: theme.spacing(2),
+    float: "right"
+  }
+}));
+
+export { ModalContent };
+//# sourceMappingURL=ModalContent.esm.js.map

package/dist/components/Styled/ModalContent.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContent.esm.js","sources":["../../../src/components/Styled/ModalContent.tsx"],"sourcesContent":["import { styled } from '@mui/system';\n\nexport const ModalContent = styled('div')(({ theme }) => ({\n  position: 'absolute',\n  top: '20%',\n  left: '50%',\n  transform: 'translate(-50%, -50%)',\n  width: 400,\n  backgroundColor: theme.palette.background.default,\n  border: `1px solid ${theme.palette.action.selected}`,\n  borderRadius: theme.shape.borderRadius,\n  padding: theme.spacing(2),\n  '& button': {\n    marginTop: theme.spacing(2),\n    float: 'right',\n  },\n}));\n"],"names":[],"mappings":";;AAEO,MAAM,eAAe,MAAO,CAAA,KAAK,EAAE,CAAC,EAAE,OAAa,MAAA;AAAA,EACxD,QAAU,EAAA,UAAA;AAAA,EACV,GAAK,EAAA,KAAA;AAAA,EACL,IAAM,EAAA,KAAA;AAAA,EACN,SAAW,EAAA,uBAAA;AAAA,EACX,KAAO,EAAA,GAAA;AAAA,EACP,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,OAAA;AAAA,EAC1C,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,OAAO,QAAQ,CAAA,CAAA;AAAA,EAClD,YAAA,EAAc,MAAM,KAAM,CAAA,YAAA;AAAA,EAC1B,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,EACxB,UAAY,EAAA;AAAA,IACV,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC1B,KAAO,EAAA,OAAA;AAAA,GACT;AACF,CAAE,CAAA;;;;"}

package/dist/components/Styled/VoteButtonContainer.esm.js

@@ -0,0 +1,12 @@
+import { styled } from '@mui/system';
+
+const VoteButtonContainer = styled("div")({
+  textAlign: "center",
+  width: "32px",
+  marginLeft: "5px",
+  display: "inline-block",
+  verticalAlign: "top"
+});
+
+export { VoteButtonContainer };
+//# sourceMappingURL=VoteButtonContainer.esm.js.map

package/dist/components/Styled/VoteButtonContainer.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VoteButtonContainer.esm.js","sources":["../../../src/components/Styled/VoteButtonContainer.tsx"],"sourcesContent":["import { styled } from '@mui/system';\n\nexport const VoteButtonContainer = styled('div')({\n  textAlign: 'center',\n  width: '32px',\n  marginLeft: '5px',\n  display: 'inline-block',\n  verticalAlign: 'top',\n});\n"],"names":[],"mappings":";;AAEa,MAAA,mBAAA,GAAsB,MAAO,CAAA,KAAK,CAAE,CAAA;AAAA,EAC/C,SAAW,EAAA,QAAA;AAAA,EACX,KAAO,EAAA,MAAA;AAAA,EACP,UAAY,EAAA,KAAA;AAAA,EACZ,OAAS,EAAA,cAAA;AAAA,EACT,aAAe,EAAA,KAAA;AACjB,CAAC;;;;"}

package/dist/components/SummaryStatsGrid/SummaryStatsGrid.esm.js

@@ -1,70 +1,72 @@
-import { Grid, Card, CardContent, Typography } from '@material-ui/core';
-import React from 'react';
+import Card from '@mui/material/Card';
+import CardContent from '@mui/material/CardContent';
+import Typography from '@mui/material/Typography';
+import Grid from '@mui/material/Grid';
+import React__default from 'react';
 import numeral from 'numeral';
 import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 import { isGlobalStat, isUserStat } from '../StatsChart/util.esm.js';
 
 const SummaryCard = (props) => {
   const { title, value } = props;
-  return /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, value >= 1e3 ? numeral(value).format("0.0 a") : value, /* @__PURE__ */ React.createElement(Typography, { variant: "caption", style: { marginLeft: "1rem" } }, title))));
+  return /* @__PURE__ */ React__default.createElement(Card, null, /* @__PURE__ */ React__default.createElement(CardContent, null, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5" }, value >= 1e3 ? numeral(value).format("0.0 a") : value, /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption", style: { marginLeft: "1rem" } }, title))));
 };
 const SummaryStatsGrid = (props) => {
   const { stats } = props;
   const { t } = useTranslation();
-  return /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(Grid, { container: true }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React__default.createElement(
     SummaryCard,
     {
       title: t("stats.questions"),
       value: stats.summary.totalQuestions
     }
-  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React.createElement(
+  )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React__default.createElement(
     SummaryCard,
     {
       title: t("stats.answers"),
       value: stats.summary.totalAnswers
     }
-  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React.createElement(
+  )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React__default.createElement(
     SummaryCard,
     {
       title: t("stats.articles"),
       value: stats.summary.totalArticles
     }
-  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React.createElement(
+  )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React__default.createElement(
     SummaryCard,
     {
       title: t("stats.comments"),
       value: stats.summary.totalComments
     }
-  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React.createElement(
+  )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React__default.createElement(
     SummaryCard,
     {
       title: t("stats.views"),
       value: stats.summary.totalViews
     }
-  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React.createElement(
+  )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React__default.createElement(
     SummaryCard,
     {
       title: t("stats.votes"),
       value: stats.summary.totalVotes
     }
-  )), isGlobalStat(stats.summary) && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React.createElement(
+  )), isGlobalStat(stats.summary) && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React__default.createElement(
     SummaryCard,
     {
       title: t("stats.users"),
       value: stats.summary.totalUsers
     }
-  )), isGlobalStat(stats.summary) && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React.createElement(
+  )), isGlobalStat(stats.summary) && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React__default.createElement(
     SummaryCard,
     {
       title: t("stats.tags"),
       value: stats.summary.totalTags
     }
-  )), isUserStat(stats.summary) && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React.createElement(
+  )), isUserStat(stats.summary) && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React__default.createElement(
     SummaryCard,
     {
       title: t("stats.followers"),

package/dist/components/SummaryStatsGrid/SummaryStatsGrid.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SummaryStatsGrid.esm.js","sources":["../../../src/components/SummaryStatsGrid/SummaryStatsGrid.tsx"],"sourcesContent":["import { Card, CardContent, Grid, Typography } from '@material-ui/core';\nimport {\n  GlobalStat,\n  StatisticsResponse,\n  UserStat,\n} from '@drodil/backstage-plugin-qeta-common';\nimport React from 'react';\nimport numeral from 'numeral';\nimport { useTranslation } from '../../hooks';\nimport { isGlobalStat, isUserStat } from '../StatsChart/util';\n\nconst SummaryCard = (props: { title: string; value: number }) => {\n  const { title, value } = props;\n  return (\n    <Card>\n      <CardContent>\n        <Typography variant=\"h5\">\n          {value >= 1000 ? numeral(value).format('0.0 a') : value}\n          <Typography variant=\"caption\" style={{ marginLeft: '1rem' }}>\n            {title}\n          </Typography>\n        </Typography>\n      </CardContent>\n    </Card>\n  );\n};\n\nexport const SummaryStatsGrid = (props: {\n  stats: StatisticsResponse<UserStat | GlobalStat>;\n}) => {\n  const { stats } = props;\n  const { t } = useTranslation();\n  return (\n    <Grid container>\n      <Grid item xs={4}>\n        <SummaryCard\n          title={t('stats.questions')}\n          value={stats.summary.totalQuestions}\n        />\n      </Grid>\n      <Grid item xs={4}>\n        <SummaryCard\n          title={t('stats.answers')}\n          value={stats.summary.totalAnswers}\n        />\n      </Grid>\n      <Grid item xs={4}>\n        <SummaryCard\n          title={t('stats.articles')}\n          value={stats.summary.totalArticles}\n        />\n      </Grid>\n      <Grid item xs={4}>\n        <SummaryCard\n          title={t('stats.comments')}\n          value={stats.summary.totalComments}\n        />\n      </Grid>\n      <Grid item xs={4}>\n        <SummaryCard\n          title={t('stats.views')}\n          value={stats.summary.totalViews}\n        />\n      </Grid>\n      <Grid item xs={4}>\n        <SummaryCard\n          title={t('stats.votes')}\n          value={stats.summary.totalVotes}\n        />\n      </Grid>\n      {isGlobalStat(stats.summary) && (\n        <Grid item xs={4}>\n          <SummaryCard\n            title={t('stats.users')}\n            value={stats.summary!.totalUsers}\n          />\n        </Grid>\n      )}\n      {isGlobalStat(stats.summary) && (\n        <Grid item xs={4}>\n          <SummaryCard\n            title={t('stats.tags')}\n            value={stats.summary!.totalTags}\n          />\n        </Grid>\n      )}\n      {isUserStat(stats.summary) && (\n        <Grid item xs={4}>\n          <SummaryCard\n            title={t('stats.followers')}\n            value={stats.summary!.totalFollowers}\n          />\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SummaryStatsGrid.esm.js","sources":["../../../src/components/SummaryStatsGrid/SummaryStatsGrid.tsx"],"sourcesContent":["import Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport {\n  GlobalStat,\n  StatisticsResponse,\n  UserStat,\n} from '@drodil/backstage-plugin-qeta-common';\nimport React from 'react';\nimport numeral from 'numeral';\nimport { useTranslation } from '../../hooks';\nimport { isGlobalStat, isUserStat } from '../StatsChart/util';\n\nconst SummaryCard = (props: { title: string; value: number }) => {\n  const { title, value } = props;\n  return (\n    <Card>\n      <CardContent>\n        <Typography variant=\"h5\">\n          {value >= 1000 ? numeral(value).format('0.0 a') : value}\n          <Typography variant=\"caption\" style={{ marginLeft: '1rem' }}>\n            {title}\n          </Typography>\n        </Typography>\n      </CardContent>\n    </Card>\n  );\n};\n\nexport const SummaryStatsGrid = (props: {\n  stats: StatisticsResponse<UserStat | GlobalStat>;\n}) => {\n  const { stats } = props;\n  const { t } = useTranslation();\n  return (\n    <Grid container>\n      <Grid item xs={4}>\n        <SummaryCard\n          title={t('stats.questions')}\n          value={stats.summary.totalQuestions}\n        />\n      </Grid>\n      <Grid item xs={4}>\n        <SummaryCard\n          title={t('stats.answers')}\n          value={stats.summary.totalAnswers}\n        />\n      </Grid>\n      <Grid item xs={4}>\n        <SummaryCard\n          title={t('stats.articles')}\n          value={stats.summary.totalArticles}\n        />\n      </Grid>\n      <Grid item xs={4}>\n        <SummaryCard\n          title={t('stats.comments')}\n          value={stats.summary.totalComments}\n        />\n      </Grid>\n      <Grid item xs={4}>\n        <SummaryCard\n          title={t('stats.views')}\n          value={stats.summary.totalViews}\n        />\n      </Grid>\n      <Grid item xs={4}>\n        <SummaryCard\n          title={t('stats.votes')}\n          value={stats.summary.totalVotes}\n        />\n      </Grid>\n      {isGlobalStat(stats.summary) && (\n        <Grid item xs={4}>\n          <SummaryCard\n            title={t('stats.users')}\n            value={stats.summary!.totalUsers}\n          />\n        </Grid>\n      )}\n      {isGlobalStat(stats.summary) && (\n        <Grid item xs={4}>\n          <SummaryCard\n            title={t('stats.tags')}\n            value={stats.summary!.totalTags}\n          />\n        </Grid>\n      )}\n      {isUserStat(stats.summary) && (\n        <Grid item xs={4}>\n          <SummaryCard\n            title={t('stats.followers')}\n            value={stats.summary!.totalFollowers}\n          />\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n"],"names":["React"],"mappings":"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"}