npm - @drodil/backstage-plugin-qeta - Versions diffs - 3.60.0 → 4.0.0 - Mend

@drodil/backstage-plugin-qeta 3.60.0 → 4.0.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 (126) hide show

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

@@ -1,43 +1,11 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useTheme, CardContent, Typography, FormControlLabel, Switch, Box, ButtonGroup, Button, makeStyles } from '@material-ui/core';
-import { InfoCard } from '@backstage/core-components';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useUserSettings, qetaTranslationRef, useAI } from '@drodil/backstage-plugin-qeta-react';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { useApi, configApiRef } from '@backstage/core-plugin-api';
+import { Card, CardHeader, Text, CardBody, Box, Switch, ToggleButtonGroup, ToggleButton, Flex, Button } from '@backstage/ui';
+import styles from './SettingsPage.module.css.esm.js';
-const useStyles = makeStyles((theme) => ({
-  content: {
-    maxWidth: "800px",
-    margin: "0 auto"
-  },
-  section: {
-    marginBottom: theme.spacing(3)
-  },
-  sectionTitle: {
-    marginBottom: theme.spacing(2),
-    fontWeight: 600
-  },
-  settingItem: {
-    marginBottom: theme.spacing(2)
-  },
-  description: {
-    color: theme.palette.text.secondary,
-    fontSize: "0.875rem",
-    marginTop: theme.spacing(0.5)
-  },
-  viewTypeItem: {
-    marginBottom: theme.spacing(2),
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between"
-  },
-  viewTypeLabel: {
-    minWidth: "200px"
-  }
-}));
 const SettingsPage = () => {
-  const classes = useStyles();
-  const theme = useTheme();
   const {
     settings,
     setSetting,
@@ -129,186 +97,216 @@ const SettingsPage = () => {
   if (!isLoaded) {
     return null;
   }
-  return /* @__PURE__ */ jsx(InfoCard, { title: t("settingsPage.title", {}), "data-testid": "settings-page", children: /* @__PURE__ */ jsxs(CardContent, { children: [
-    /* @__PURE__ */ jsxs("div", { className: classes.section, children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "h6", className: classes.sectionTitle, children: t("settingsPage.editorPreferences", {}) }),
-      /* @__PURE__ */ jsxs("div", { className: classes.settingItem, "data-testid": "auto-save-setting", children: [
-        /* @__PURE__ */ jsx(
-          FormControlLabel,
+  return /* @__PURE__ */ jsxs(Card, { "data-testid": "settings-page", children: [
+    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(Text, { as: "h1", variant: "title-small", children: t("settingsPage.title", {}) }) }),
+    /* @__PURE__ */ jsx(CardBody, { children: /* @__PURE__ */ jsxs(Box, { className: styles.content, children: [
+      /* @__PURE__ */ jsxs(Box, { className: styles.section, children: [
+        /* @__PURE__ */ jsx(Text, { as: "h2", variant: "title-small", className: styles.sectionTitle, children: t("settingsPage.editorPreferences", {}) }),
+        /* @__PURE__ */ jsxs("div", { className: styles.settingItem, "data-testid": "auto-save-setting", children: [
+          /* @__PURE__ */ jsx(
+            Switch,
+            {
+              isSelected: settings.autoSaveEnabled,
+              onChange: (value) => setSetting("autoSaveEnabled", value),
+              label: t("settingsPage.autoSave.label", {}),
+              "data-testid": "auto-save-switch"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              as: "div",
+              variant: "body-small",
+              color: "secondary",
+              className: styles.description,
+              children: t("settingsPage.autoSave.description", {})
+            }
+          )
+        ] }),
+        allowAnonymous && /* @__PURE__ */ jsxs(
+          "div",
           {
-            control: /* @__PURE__ */ jsx(
-              Switch,
-              {
-                checked: settings.autoSaveEnabled,
-                onChange: (e) => setSetting("autoSaveEnabled", e.target.checked),
-                color: "primary",
-                "data-testid": "auto-save-switch"
-              }
-            ),
-            label: t("settingsPage.autoSave.label", {})
+            className: styles.settingItem,
+            "data-testid": "anonymous-posting-setting",
+            children: [
+              /* @__PURE__ */ jsx(
+                Switch,
+                {
+                  isSelected: settings.anonymousPosting,
+                  onChange: (value) => setSetting("anonymousPosting", value),
+                  label: t("settingsPage.anonymousPosting.label", {}),
+                  "data-testid": "anonymous-posting-switch"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Text,
+                {
+                  as: "div",
+                  variant: "body-small",
+                  color: "secondary",
+                  className: styles.description,
+                  children: t("settingsPage.anonymousPosting.description", {})
+                }
+              )
+            ]
           }
-        ),
-        /* @__PURE__ */ jsx(Typography, { className: classes.description, children: t("settingsPage.autoSave.description", {}) })
+        )
       ] }),
-      allowAnonymous && /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: classes.settingItem,
-          "data-testid": "anonymous-posting-setting",
-          children: [
-            /* @__PURE__ */ jsx(
-              FormControlLabel,
-              {
-                control: /* @__PURE__ */ jsx(
-                  Switch,
-                  {
-                    checked: settings.anonymousPosting,
-                    onChange: (e) => setSetting("anonymousPosting", e.target.checked),
-                    color: "primary",
-                    "data-testid": "anonymous-posting-switch"
-                  }
-                ),
-                label: t("settingsPage.anonymousPosting.label", {})
-              }
-            ),
-            /* @__PURE__ */ jsx(Typography, { className: classes.description, children: t("settingsPage.anonymousPosting.description", {}) })
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: classes.section, children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "h6", className: classes.sectionTitle, children: t("settingsPage.displayPreferences", {}) }),
-      isAIEnabled && /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: classes.settingItem,
-          "data-testid": "ai-answer-setting",
-          children: [
-            /* @__PURE__ */ jsx(
-              FormControlLabel,
-              {
-                control: /* @__PURE__ */ jsx(
-                  Switch,
-                  {
-                    checked: settings.aiAnswerExpanded,
-                    onChange: (e) => setSetting("aiAnswerExpanded", e.target.checked),
-                    color: "primary",
-                    "data-testid": "ai-answer-switch"
-                  }
-                ),
-                label: t("settingsPage.aiAnswerExpanded.label", {})
-              }
-            ),
-            /* @__PURE__ */ jsx(Typography, { className: classes.description, children: t("settingsPage.aiAnswerExpanded.description", {}) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: classes.settingItem, "data-testid": "pagination-setting", children: [
-        /* @__PURE__ */ jsx(
-          FormControlLabel,
+      /* @__PURE__ */ jsxs(Box, { className: styles.section, children: [
+        /* @__PURE__ */ jsx(Text, { as: "h2", variant: "title-small", className: styles.sectionTitle, children: t("settingsPage.displayPreferences", {}) }),
+        isAIEnabled && /* @__PURE__ */ jsxs(
+          "div",
           {
-            control: /* @__PURE__ */ jsx(
-              Switch,
-              {
-                checked: settings.usePagination,
-                onChange: (e) => setSetting("usePagination", e.target.checked),
-                color: "primary",
-                "data-testid": "pagination-switch"
-              }
-            ),
-            label: t("settingsPage.usePagination.label", {})
+            className: styles.settingItem,
+            "data-testid": "ai-answer-setting",
+            children: [
+              /* @__PURE__ */ jsx(
+                Switch,
+                {
+                  isSelected: settings.aiAnswerExpanded,
+                  onChange: (value) => setSetting("aiAnswerExpanded", value),
+                  label: t("settingsPage.aiAnswerExpanded.label", {}),
+                  "data-testid": "ai-answer-switch"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Text,
+                {
+                  as: "div",
+                  variant: "body-small",
+                  color: "secondary",
+                  className: styles.description,
+                  children: t("settingsPage.aiAnswerExpanded.description", {})
+                }
+              )
+            ]
           }
         ),
-        /* @__PURE__ */ jsx(Typography, { className: classes.description, children: t("settingsPage.usePagination.description", {}) })
-      ] }),
-      /* @__PURE__ */ jsxs(Box, { mt: 3, children: [
-        /* @__PURE__ */ jsx(
-          Typography,
+        /* @__PURE__ */ jsxs(
+          "div",
           {
-            variant: "subtitle1",
-            style: { fontWeight: 500, marginBottom: 16 },
-            children: t("settingsPage.viewTypePreferences.title", {})
+            className: styles.settingItem,
+            "data-testid": "pagination-setting",
+            children: [
+              /* @__PURE__ */ jsx(
+                Switch,
+                {
+                  isSelected: settings.usePagination,
+                  onChange: (value) => setSetting("usePagination", value),
+                  label: t("settingsPage.usePagination.label", {}),
+                  "data-testid": "pagination-switch"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Text,
+                {
+                  as: "div",
+                  variant: "body-small",
+                  color: "secondary",
+                  className: styles.description,
+                  children: t("settingsPage.usePagination.description", {})
+                }
+              )
+            ]
           }
         ),
-        /* @__PURE__ */ jsx(
-          Typography,
-          {
-            className: classes.description,
-            style: { marginBottom: 16 },
-            children: t("settingsPage.viewTypePreferences.description", {})
-          }
-        ),
-        viewTypes.map(({ key, label }) => {
-          const currentView = getViewType(key);
-          return /* @__PURE__ */ jsxs(
-            "div",
+        /* @__PURE__ */ jsxs(Box, { className: styles.viewTypeSection, children: [
+          /* @__PURE__ */ jsx(Text, { as: "h3", variant: "title-x-small", children: t("settingsPage.viewTypePreferences.title", {}) }),
+          /* @__PURE__ */ jsx(
+            Text,
             {
-              className: classes.viewTypeItem,
-              "data-testid": `view-type-${key}`,
-              children: [
-                /* @__PURE__ */ jsx(Typography, { className: classes.viewTypeLabel, children: label }),
-                /* @__PURE__ */ jsxs(ButtonGroup, { size: "small", color: "primary", children: [
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: currentView === "grid" ? "contained" : "outlined",
-                      onClick: () => handleViewTypeChange(key, "grid"),
-                      "data-testid": `view-type-${key}-grid`,
-                      "data-selected": currentView === "grid",
-                      children: t("settingsPage.viewTypePreferences.grid", {})
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: currentView === "list" ? "contained" : "outlined",
-                      onClick: () => handleViewTypeChange(key, "list"),
-                      "data-testid": `view-type-${key}-list`,
-                      "data-selected": currentView === "list",
-                      children: t("settingsPage.viewTypePreferences.list", {})
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Button,
+              as: "div",
+              variant: "body-small",
+              color: "secondary",
+              className: styles.description,
+              children: t("settingsPage.viewTypePreferences.description", {})
+            }
+          ),
+          viewTypes.map(({ key, label }) => {
+            const currentView = getViewType(key) ?? "default";
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: styles.viewTypeItem,
+                "data-testid": `view-type-${key}`,
+                children: [
+                  /* @__PURE__ */ jsx(Text, { className: styles.viewTypeLabel, children: label }),
+                  /* @__PURE__ */ jsxs(
+                    ToggleButtonGroup,
                     {
-                      variant: currentView === null ? "contained" : "outlined",
-                      onClick: () => handleViewTypeChange(key, null),
-                      "data-testid": `view-type-${key}-default`,
-                      "data-selected": currentView === null,
-                      children: t("settingsPage.viewTypePreferences.default", {})
+                      selectionMode: "single",
+                      disallowEmptySelection: true,
+                      selectedKeys: [currentView],
+                      onSelectionChange: (keys) => {
+                        const selected = Array.from(keys)[0];
+                        handleViewTypeChange(
+                          key,
+                          selected === "default" ? null : selected
+                        );
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          ToggleButton,
+                          {
+                            id: "grid",
+                            size: "small",
+                            "data-testid": `view-type-${key}-grid`,
+                            children: t("settingsPage.viewTypePreferences.grid", {})
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          ToggleButton,
+                          {
+                            id: "list",
+                            size: "small",
+                            "data-testid": `view-type-${key}-list`,
+                            children: t("settingsPage.viewTypePreferences.list", {})
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          ToggleButton,
+                          {
+                            id: "default",
+                            size: "small",
+                            "data-testid": `view-type-${key}-default`,
+                            children: t("settingsPage.viewTypePreferences.default", {})
+                          }
+                        )
+                      ]
                     }
                   )
-                ] })
-              ]
+                ]
+              },
+              key
+            );
+          })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Flex, { direction: "column", className: styles.footer, children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "secondary",
+            onClick: () => {
+              resetSettings();
             },
-            key
-          );
-        })
+            "data-testid": "reset-all-settings-button",
+            children: t("settingsPage.resetAllSettings", {})
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            as: "div",
+            variant: "body-small",
+            color: "secondary",
+            className: styles.description,
+            children: t("settingsPage.resetAllSettingsDescription", {})
+          }
+        )
       ] })
-    ] }),
-    /* @__PURE__ */ jsxs(Box, { mt: 4, pt: 3, borderTop: `1px solid ${theme.palette.divider}`, children: [
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "outlined",
-          color: "secondary",
-          onClick: () => {
-            resetSettings();
-          },
-          "data-testid": "reset-all-settings-button",
-          children: t("settingsPage.resetAllSettings", {})
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Typography,
-        {
-          className: classes.description,
-          style: { marginTop: theme.spacing(1) },
-          children: t("settingsPage.resetAllSettingsDescription", {})
-        }
-      )
-    ] })
-  ] }) });
+    ] }) })
+  ] });
 };
 export { SettingsPage };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SettingsPage.esm.js","sources":["../../../src/components/SettingsPage/SettingsPage.tsx"],"sourcesContent":["import {\n Box,\n Button,\n ButtonGroup,\n CardContent,\n FormControlLabel,\n makeStyles,\n Switch,\n Typography,\n useTheme,\n} from '@material-ui/core';\nimport { InfoCard } from '@backstage/core-components';\nimport {\n qetaTranslationRef,\n useAI,\n useUserSettings,\n ViewType,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\n\nconst useStyles = makeStyles(theme => ({\n content: {\n maxWidth: '800px',\n margin: '0 auto',\n },\n section: {\n marginBottom: theme.spacing(3),\n },\n sectionTitle: {\n marginBottom: theme.spacing(2),\n fontWeight: 600,\n },\n settingItem: {\n marginBottom: theme.spacing(2),\n },\n description: {\n color: theme.palette.text.secondary,\n fontSize: '0.875rem',\n marginTop: theme.spacing(0.5),\n },\n viewTypeItem: {\n marginBottom: theme.spacing(2),\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n },\n viewTypeLabel: {\n minWidth: '200px',\n },\n}));\n\nexport const SettingsPage = () => {\n const classes = useStyles();\n const theme = useTheme();\n const {\n settings,\n setSetting,\n getSetting,\n resetSettings,\n isLoaded,\n updateSettings,\n } = useUserSettings();\n const { t } = useTranslationRef(qetaTranslationRef);\n const { isAIEnabled } = useAI();\n const configApi = useApi(configApiRef);\n const allowAnonymous = configApi.getOptionalBoolean('qeta.allowAnonymous');\n\n const viewTypes = [\n {\n key: 'posts-question',\n label: t('settingsPage.viewTypePreferences.labels.questions', {}),\n },\n {\n key: 'posts-article',\n label: t('settingsPage.viewTypePreferences.labels.articles', {}),\n },\n {\n key: 'posts-link',\n label: t('settingsPage.viewTypePreferences.labels.links', {}),\n },\n {\n key: 'favorites',\n label: t('settingsPage.viewTypePreferences.labels.favorites', {}),\n },\n {\n key: 'collections',\n label: t('settingsPage.viewTypePreferences.labels.collections', {}),\n },\n {\n key: 'tags',\n label: t('settingsPage.viewTypePreferences.labels.tags', {}),\n },\n {\n key: 'users',\n label: t('settingsPage.viewTypePreferences.labels.users', {}),\n },\n {\n key: 'entities',\n label: t('settingsPage.viewTypePreferences.labels.entities', {}),\n },\n {\n key: 'tag-posts',\n label: t('settingsPage.viewTypePreferences.labels.tagPosts', {}),\n },\n {\n key: 'collection-posts',\n label: t('settingsPage.viewTypePreferences.labels.collectionPosts', {}),\n },\n {\n key: 'user-questions',\n label: t('settingsPage.viewTypePreferences.labels.userQuestions', {}),\n },\n {\n key: 'user-articles',\n label: t('settingsPage.viewTypePreferences.labels.userArticles', {}),\n },\n {\n key: 'user-links',\n label: t('settingsPage.viewTypePreferences.labels.userLinks', {}),\n },\n {\n key: 'user-collections',\n label: t('settingsPage.viewTypePreferences.labels.userCollections', {}),\n },\n {\n key: 'user-answers',\n label: t('settingsPage.viewTypePreferences.labels.userAnswers', {}),\n },\n ];\n\n const handleViewTypeChange = (key: string, value: ViewType \| null) => {\n if (value === null) {\n updateSettings({\n viewType: { ...getSetting('viewType'), [key]: undefined as any },\n });\n } else {\n updateSettings({\n viewType: { ...getSetting('viewType'), [key]: value },\n });\n }\n };\n\n const getViewType = (key: string): ViewType \| null => {\n return settings.viewType[key] \|\| null;\n };\n\n if (!isLoaded) {\n return null;\n }\n\n return (\n <InfoCard title={t('settingsPage.title', {})} data-testid=\"settings-page\">\n <CardContent>\n <div className={classes.section}>\n <Typography variant=\"h6\" className={classes.sectionTitle}>\n {t('settingsPage.editorPreferences', {})}\n </Typography>\n\n <div className={classes.settingItem} data-testid=\"auto-save-setting\">\n <FormControlLabel\n control={\n <Switch\n checked={settings.autoSaveEnabled}\n onChange={e =>\n setSetting('autoSaveEnabled', e.target.checked)\n }\n color=\"primary\"\n data-testid=\"auto-save-switch\"\n />\n }\n label={t('settingsPage.autoSave.label', {})}\n />\n <Typography className={classes.description}>\n {t('settingsPage.autoSave.description', {})}\n </Typography>\n </div>\n\n {allowAnonymous && (\n <div\n className={classes.settingItem}\n data-testid=\"anonymous-posting-setting\"\n >\n <FormControlLabel\n control={\n <Switch\n checked={settings.anonymousPosting}\n onChange={e =>\n setSetting('anonymousPosting', e.target.checked)\n }\n color=\"primary\"\n data-testid=\"anonymous-posting-switch\"\n />\n }\n label={t('settingsPage.anonymousPosting.label', {})}\n />\n <Typography className={classes.description}>\n {t('settingsPage.anonymousPosting.description', {})}\n </Typography>\n </div>\n )}\n </div>\n\n <div className={classes.section}>\n <Typography variant=\"h6\" className={classes.sectionTitle}>\n {t('settingsPage.displayPreferences', {})}\n </Typography>\n\n {isAIEnabled && (\n <div\n className={classes.settingItem}\n data-testid=\"ai-answer-setting\"\n >\n <FormControlLabel\n control={\n <Switch\n checked={settings.aiAnswerExpanded}\n onChange={e =>\n setSetting('aiAnswerExpanded', e.target.checked)\n }\n color=\"primary\"\n data-testid=\"ai-answer-switch\"\n />\n }\n label={t('settingsPage.aiAnswerExpanded.label', {})}\n />\n <Typography className={classes.description}>\n {t('settingsPage.aiAnswerExpanded.description', {})}\n </Typography>\n </div>\n )}\n\n <div className={classes.settingItem} data-testid=\"pagination-setting\">\n <FormControlLabel\n control={\n <Switch\n checked={settings.usePagination}\n onChange={e => setSetting('usePagination', e.target.checked)}\n color=\"primary\"\n data-testid=\"pagination-switch\"\n />\n }\n label={t('settingsPage.usePagination.label', {})}\n />\n <Typography className={classes.description}>\n {t('settingsPage.usePagination.description', {})}\n </Typography>\n </div>\n\n <Box mt={3}>\n <Typography\n variant=\"subtitle1\"\n style={{ fontWeight: 500, marginBottom: 16 }}\n >\n {t('settingsPage.viewTypePreferences.title', {})}\n </Typography>\n <Typography\n className={classes.description}\n style={{ marginBottom: 16 }}\n >\n {t('settingsPage.viewTypePreferences.description', {})}\n </Typography>\n\n {viewTypes.map(({ key, label }) => {\n const currentView = getViewType(key);\n return (\n <div\n key={key}\n className={classes.viewTypeItem}\n data-testid={`view-type-${key}`}\n >\n <Typography className={classes.viewTypeLabel}>\n {label}\n </Typography>\n <ButtonGroup size=\"small\" color=\"primary\">\n <Button\n variant={\n currentView === 'grid' ? 'contained' : 'outlined'\n }\n onClick={() => handleViewTypeChange(key, 'grid')}\n data-testid={`view-type-${key}-grid`}\n data-selected={currentView === 'grid'}\n >\n {t('settingsPage.viewTypePreferences.grid', {})}\n </Button>\n <Button\n variant={\n currentView === 'list' ? 'contained' : 'outlined'\n }\n onClick={() => handleViewTypeChange(key, 'list')}\n data-testid={`view-type-${key}-list`}\n data-selected={currentView === 'list'}\n >\n {t('settingsPage.viewTypePreferences.list', {})}\n </Button>\n <Button\n variant={currentView === null ? 'contained' : 'outlined'}\n onClick={() => handleViewTypeChange(key, null)}\n data-testid={`view-type-${key}-default`}\n data-selected={currentView === null}\n >\n {t('settingsPage.viewTypePreferences.default', {})}\n </Button>\n </ButtonGroup>\n </div>\n );\n })}\n </Box>\n </div>\n\n <Box mt={4} pt={3} borderTop={`1px solid ${theme.palette.divider}`}>\n <Button\n variant=\"outlined\"\n color=\"secondary\"\n onClick={() => {\n resetSettings();\n }}\n data-testid=\"reset-all-settings-button\"\n >\n {t('settingsPage.resetAllSettings', {})}\n </Button>\n <Typography\n className={classes.description}\n style={{ marginTop: theme.spacing(1) }}\n >\n {t('settingsPage.resetAllSettingsDescription', {})}\n </Typography>\n </Box>\n </CardContent>\n </InfoCard>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"SettingsPage.esm.js","sources":["../../../src/components/SettingsPage/SettingsPage.tsx"],"sourcesContent":["import {\n qetaTranslationRef,\n useAI,\n useUserSettings,\n ViewType,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport {\n Box,\n Button,\n Card,\n CardBody,\n CardHeader,\n Flex,\n Switch,\n Text,\n ToggleButton,\n ToggleButtonGroup,\n} from '@backstage/ui';\nimport styles from './SettingsPage.module.css';\n\nexport const SettingsPage = () => {\n const {\n settings,\n setSetting,\n getSetting,\n resetSettings,\n isLoaded,\n updateSettings,\n } = useUserSettings();\n const { t } = useTranslationRef(qetaTranslationRef);\n const { isAIEnabled } = useAI();\n const configApi = useApi(configApiRef);\n const allowAnonymous = configApi.getOptionalBoolean('qeta.allowAnonymous');\n\n const viewTypes = [\n {\n key: 'posts-question',\n label: t('settingsPage.viewTypePreferences.labels.questions', {}),\n },\n {\n key: 'posts-article',\n label: t('settingsPage.viewTypePreferences.labels.articles', {}),\n },\n {\n key: 'posts-link',\n label: t('settingsPage.viewTypePreferences.labels.links', {}),\n },\n {\n key: 'favorites',\n label: t('settingsPage.viewTypePreferences.labels.favorites', {}),\n },\n {\n key: 'collections',\n label: t('settingsPage.viewTypePreferences.labels.collections', {}),\n },\n {\n key: 'tags',\n label: t('settingsPage.viewTypePreferences.labels.tags', {}),\n },\n {\n key: 'users',\n label: t('settingsPage.viewTypePreferences.labels.users', {}),\n },\n {\n key: 'entities',\n label: t('settingsPage.viewTypePreferences.labels.entities', {}),\n },\n {\n key: 'tag-posts',\n label: t('settingsPage.viewTypePreferences.labels.tagPosts', {}),\n },\n {\n key: 'collection-posts',\n label: t('settingsPage.viewTypePreferences.labels.collectionPosts', {}),\n },\n {\n key: 'user-questions',\n label: t('settingsPage.viewTypePreferences.labels.userQuestions', {}),\n },\n {\n key: 'user-articles',\n label: t('settingsPage.viewTypePreferences.labels.userArticles', {}),\n },\n {\n key: 'user-links',\n label: t('settingsPage.viewTypePreferences.labels.userLinks', {}),\n },\n {\n key: 'user-collections',\n label: t('settingsPage.viewTypePreferences.labels.userCollections', {}),\n },\n {\n key: 'user-answers',\n label: t('settingsPage.viewTypePreferences.labels.userAnswers', {}),\n },\n ];\n\n const handleViewTypeChange = (key: string, value: ViewType \| null) => {\n if (value === null) {\n updateSettings({\n viewType: { ...getSetting('viewType'), [key]: undefined as any },\n });\n } else {\n updateSettings({\n viewType: { ...getSetting('viewType'), [key]: value },\n });\n }\n };\n\n const getViewType = (key: string): ViewType \| null => {\n return settings.viewType[key] \|\| null;\n };\n\n if (!isLoaded) {\n return null;\n }\n\n return (\n <Card data-testid=\"settings-page\">\n <CardHeader>\n <Text as=\"h1\" variant=\"title-small\">\n {t('settingsPage.title', {})}\n </Text>\n </CardHeader>\n <CardBody>\n <Box className={styles.content}>\n <Box className={styles.section}>\n <Text as=\"h2\" variant=\"title-small\" className={styles.sectionTitle}>\n {t('settingsPage.editorPreferences', {})}\n </Text>\n\n <div className={styles.settingItem} data-testid=\"auto-save-setting\">\n <Switch\n isSelected={settings.autoSaveEnabled}\n onChange={value => setSetting('autoSaveEnabled', value)}\n label={t('settingsPage.autoSave.label', {})}\n data-testid=\"auto-save-switch\"\n />\n <Text\n as=\"div\"\n variant=\"body-small\"\n color=\"secondary\"\n className={styles.description}\n >\n {t('settingsPage.autoSave.description', {})}\n </Text>\n </div>\n\n {allowAnonymous && (\n <div\n className={styles.settingItem}\n data-testid=\"anonymous-posting-setting\"\n >\n <Switch\n isSelected={settings.anonymousPosting}\n onChange={value => setSetting('anonymousPosting', value)}\n label={t('settingsPage.anonymousPosting.label', {})}\n data-testid=\"anonymous-posting-switch\"\n />\n <Text\n as=\"div\"\n variant=\"body-small\"\n color=\"secondary\"\n className={styles.description}\n >\n {t('settingsPage.anonymousPosting.description', {})}\n </Text>\n </div>\n )}\n </Box>\n\n <Box className={styles.section}>\n <Text as=\"h2\" variant=\"title-small\" className={styles.sectionTitle}>\n {t('settingsPage.displayPreferences', {})}\n </Text>\n\n {isAIEnabled && (\n <div\n className={styles.settingItem}\n data-testid=\"ai-answer-setting\"\n >\n <Switch\n isSelected={settings.aiAnswerExpanded}\n onChange={value => setSetting('aiAnswerExpanded', value)}\n label={t('settingsPage.aiAnswerExpanded.label', {})}\n data-testid=\"ai-answer-switch\"\n />\n <Text\n as=\"div\"\n variant=\"body-small\"\n color=\"secondary\"\n className={styles.description}\n >\n {t('settingsPage.aiAnswerExpanded.description', {})}\n </Text>\n </div>\n )}\n\n <div\n className={styles.settingItem}\n data-testid=\"pagination-setting\"\n >\n <Switch\n isSelected={settings.usePagination}\n onChange={value => setSetting('usePagination', value)}\n label={t('settingsPage.usePagination.label', {})}\n data-testid=\"pagination-switch\"\n />\n <Text\n as=\"div\"\n variant=\"body-small\"\n color=\"secondary\"\n className={styles.description}\n >\n {t('settingsPage.usePagination.description', {})}\n </Text>\n </div>\n\n <Box className={styles.viewTypeSection}>\n <Text as=\"h3\" variant=\"title-x-small\">\n {t('settingsPage.viewTypePreferences.title', {})}\n </Text>\n <Text\n as=\"div\"\n variant=\"body-small\"\n color=\"secondary\"\n className={styles.description}\n >\n {t('settingsPage.viewTypePreferences.description', {})}\n </Text>\n\n {viewTypes.map(({ key, label }) => {\n const currentView = getViewType(key) ?? 'default';\n return (\n <div\n key={key}\n className={styles.viewTypeItem}\n data-testid={`view-type-${key}`}\n >\n <Text className={styles.viewTypeLabel}>{label}</Text>\n <ToggleButtonGroup\n selectionMode=\"single\"\n disallowEmptySelection\n selectedKeys={[currentView]}\n onSelectionChange={keys => {\n const selected = Array.from(keys)[0];\n handleViewTypeChange(\n key,\n selected === 'default'\n ? null\n : (selected as ViewType),\n );\n }}\n >\n <ToggleButton\n id=\"grid\"\n size=\"small\"\n data-testid={`view-type-${key}-grid`}\n >\n {t('settingsPage.viewTypePreferences.grid', {})}\n </ToggleButton>\n <ToggleButton\n id=\"list\"\n size=\"small\"\n data-testid={`view-type-${key}-list`}\n >\n {t('settingsPage.viewTypePreferences.list', {})}\n </ToggleButton>\n <ToggleButton\n id=\"default\"\n size=\"small\"\n data-testid={`view-type-${key}-default`}\n >\n {t('settingsPage.viewTypePreferences.default', {})}\n </ToggleButton>\n </ToggleButtonGroup>\n </div>\n );\n })}\n </Box>\n </Box>\n\n <Flex direction=\"column\" className={styles.footer}>\n <Button\n variant=\"secondary\"\n onClick={() => {\n resetSettings();\n }}\n data-testid=\"reset-all-settings-button\"\n >\n {t('settingsPage.resetAllSettings', {})}\n </Button>\n <Text\n as=\"div\"\n variant=\"body-small\"\n color=\"secondary\"\n className={styles.description}\n >\n {t('settingsPage.resetAllSettingsDescription', {})}\n </Text>\n </Flex>\n </Box>\n </CardBody>\n </Card>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/SettingsPage/SettingsPage.module.css.esm.js ADDED Viewed

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+var css_248z = "@layer components {\n  .SettingsPage_content__2ebcd1e39b {\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  .SettingsPage_section__2ebcd1e39b {\n    margin-bottom: var(--bui-space-6);\n  }\n\n  .SettingsPage_sectionTitle__2ebcd1e39b {\n    margin-bottom: var(--bui-space-4);\n  }\n\n  .SettingsPage_settingItem__2ebcd1e39b {\n    margin-bottom: var(--bui-space-4);\n  }\n\n  .SettingsPage_description__2ebcd1e39b {\n    margin-top: var(--bui-space-1);\n  }\n\n  .SettingsPage_viewTypeSection__2ebcd1e39b {\n    margin-top: var(--bui-space-6);\n  }\n\n  .SettingsPage_viewTypeItem__2ebcd1e39b {\n    margin-bottom: var(--bui-space-4);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--bui-space-2);\n  }\n\n  .SettingsPage_viewTypeLabel__2ebcd1e39b {\n    min-width: 200px;\n  }\n\n  .SettingsPage_footer__2ebcd1e39b {\n    margin-top: var(--bui-space-8);\n    padding-top: var(--bui-space-6);\n    border-top: 1px solid var(--bui-border-1);\n  }\n}\n";
+var styles = {"content":"SettingsPage_content__2ebcd1e39b","section":"SettingsPage_section__2ebcd1e39b","sectionTitle":"SettingsPage_sectionTitle__2ebcd1e39b","settingItem":"SettingsPage_settingItem__2ebcd1e39b","description":"SettingsPage_description__2ebcd1e39b","viewTypeSection":"SettingsPage_viewTypeSection__2ebcd1e39b","viewTypeItem":"SettingsPage_viewTypeItem__2ebcd1e39b","viewTypeLabel":"SettingsPage_viewTypeLabel__2ebcd1e39b","footer":"SettingsPage_footer__2ebcd1e39b"};
+styleInject(css_248z);
+export { styles as default };
+//# sourceMappingURL=SettingsPage.module.css.esm.js.map

package/dist/components/SettingsPage/SettingsPage.module.css.esm.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"SettingsPage.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/Statistics/GlobalStatsContent.esm.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useQetaApi, StatsChart } from '@drodil/backstage-plugin-qeta-react';
-import { Grid, Card, CardHeader, CardContent, CircularProgress } from '@material-ui/core';
+import { Grid, Card, CardHeader, CardBody, Skeleton } from '@backstage/ui';
 const GlobalStatsContent = () => {
   const {
@@ -11,9 +11,9 @@ const GlobalStatsContent = () => {
   if (error) {
     return null;
   }
-  return /* @__PURE__ */ jsx(Grid, { container: true, spacing: 3, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Card, { children: [
-    /* @__PURE__ */ jsx(CardHeader, { title: "Activity Trends" }),
-    /* @__PURE__ */ jsxs(CardContent, { children: [
+  return /* @__PURE__ */ jsx(Grid.Root, { columns: { sm: "12" }, gap: "6", children: /* @__PURE__ */ jsx(Grid.Item, { colSpan: { sm: "12" }, children: /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsx(CardHeader, { children: "Activity Trends" }),
+    /* @__PURE__ */ jsxs(CardBody, { children: [
       !loading && response && /* @__PURE__ */ jsx(
         StatsChart,
         {
@@ -21,7 +21,7 @@ const GlobalStatsContent = () => {
           summary: response.summary
         }
       ),
-      loading && /* @__PURE__ */ jsx(CircularProgress, {})
+      loading && /* @__PURE__ */ jsx(Skeleton, { width: "100%", height: 300 })
     ] })
   ] }) }) });
 };

package/dist/components/Statistics/GlobalStatsContent.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GlobalStatsContent.esm.js","sources":["../../../src/components/Statistics/GlobalStatsContent.tsx"],"sourcesContent":["import { StatsChart, useQetaApi } from '@drodil/backstage-plugin-qeta-react';\nimport {\n Card~~,\n CardContent,\n~~ CardHeader~~,\n CircularProgress,\n~~ Grid~~,\n~~} from '@~~material-~~ui~~/core~~';\n\nexport const GlobalStatsContent = () => {\n const {\n value: response,\n loading,\n error,\n } = useQetaApi(api => api.getGlobalStats(), []);\n if (error) {\n return null;\n }\n return (\n <Grid ~~container spacing~~={3}>\n <Grid ~~item xs~~={12}>\n <Card>\n <CardHeader ~~title=\"~~Activity Trends~~\" />\~~n <~~CardContent~~>\n {!loading && response && (\n <StatsChart\n data={response.statistics}\n summary={response.summary as unknown as Record<string, number>}\n />\n )}\n {loading && <~~CircularProgress~~ />}\n </~~CardContent~~>\n </Card>\n </Grid>\n </Grid>\n );\n};\n"],"names":[],"mappings":";;;;~~AASO~~,MAAM,qBAAqB,MAAM;AACtC,EAAA,MAAM;AAAA,IACJ,KAAA,EAAO,QAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,MACE,UAAA,CAAW,CAAA,GAAA,KAAO,IAAI,cAAA,EAAe,EAAG,EAAE,CAAA;AAC9C,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,uBACE,GAAA,CAAC,IAAA,~~EAAA~~,~~EAAK~~,~~SAAA~~,~~EAAS~~,~~IAAA~~,~~EAAC~~,~~OAAA~~,~~EAAS~~,~~CAAA~~,~~EACvB~~,QAAA,kBAAA,GAAA,CAAC,IAAA,~~EAAA~~,~~EAAK~~,~~IAAA~~,~~EAAI~~,~~IAAA~~,~~EAAC~~,EAAA,EAAI,~~EAAA~~,~~EACb,+BAAC~~,IAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,~~UAAA~~,EAAA,~~EAAW,OAAM,~~iBAAA,~~EAAkB~~,CAAA;AAAA,~~yBACnC~~,~~WAAA~~,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,CAAC,WAAW,QAAA,oBACX,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,MAAM,QAAA,CAAS,UAAA;AAAA,UACf,SAAS,QAAA,CAAS;AAAA;AAAA,OACpB;AAAA,MAED,~~OAAA~~,~~wBAAY~~,~~gBAAA~~,EAAA,~~EAAiB~~;AAAA,KAAA,~~EAChC~~;AAAA,GAAA,EACF,GACF,CAAA,EACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"GlobalStatsContent.esm.js","sources":["../../../src/components/Statistics/GlobalStatsContent.tsx"],"sourcesContent":["import { StatsChart, useQetaApi } from '@drodil/backstage-plugin-qeta-react';\nimport { Card, CardBody, CardHeader, Grid, Skeleton } from '@backstage/ui';\n\nexport const GlobalStatsContent = () => {\n const {\n value: response,\n loading,\n error,\n } = useQetaApi(api => api.getGlobalStats(), []);\n if (error) {\n return null;\n }\n return (\n <Grid.Root columns={{ sm: '12' }} gap=\"6\">\n <Grid.Item colSpan={{ sm: '12' }}>\n <Card>\n <CardHeader>Activity Trends</CardHeader>\n <CardBody>\n {!loading && response && (\n <StatsChart\n data={response.statistics}\n summary={response.summary as unknown as Record<string, number>}\n />\n )}\n {loading && <Skeleton width=\"100%\" height={300} />}\n </CardBody>\n </Card>\n </Grid.Item>\n </Grid.Root>\n );\n};\n"],"names":[],"mappings":";;;;AAGO,MAAM,qBAAqB,MAAM;AACtC,EAAA,MAAM;AAAA,IACJ,KAAA,EAAO,QAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,MACE,UAAA,CAAW,CAAA,GAAA,KAAO,IAAI,cAAA,EAAe,EAAG,EAAE,CAAA;AAC9C,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,uBACE,GAAA,CAAC,KAAK,IAAA,EAAL,EAAU,SAAS,EAAE,EAAA,EAAI,MAAK,EAAG,GAAA,EAAI,KACpC,QAAA,kBAAA,GAAA,CAAC,IAAA,CAAK,MAAL,EAAU,OAAA,EAAS,EAAE,EAAA,EAAI,IAAA,EAAK,EAC7B,QAAA,kBAAA,IAAA,CAAC,IAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAW,QAAA,EAAA,iBAAA,EAAe,CAAA;AAAA,yBAC1B,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,CAAC,WAAW,QAAA,oBACX,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,MAAM,QAAA,CAAS,UAAA;AAAA,UACf,SAAS,QAAA,CAAS;AAAA;AAAA,OACpB;AAAA,MAED,2BAAW,GAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAM,MAAA,EAAO,QAAQ,GAAA,EAAK;AAAA,KAAA,EAClD;AAAA,GAAA,EACF,GACF,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/Statistics/StatisticsPage.esm.js CHANGED Viewed

@@ -1,10 +1,9 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useQetaConfig, ContentHeader, AskQuestionButton, WriteArticleButton, CreateLinkButton, TopRankingUsers } from '@drodil/backstage-plugin-qeta-react';
+import { useQetaConfig, AskQuestionButton, WriteArticleButton, CreateLinkButton, TopRankingUsers } from '@drodil/backstage-plugin-qeta-react';
 import { GlobalStatsContent } from './GlobalStatsContent.esm.js';
-import { Box, Tab } from '@material-ui/core';
-import EmojiEventsOutlined from '@material-ui/icons/EmojiEventsOutlined';
-import { TabContext, TabList, TabPanel } from '@material-ui/lab';
+import { Header, Tabs, TabList, Tab, TabPanel } from '@backstage/ui';
 import { useState, useEffect } from 'react';
+import styles from './StatisticsPage.module.css.esm.js';
 const StatisticsPage = () => {
   const [tab, setTab] = useState("global");
@@ -14,29 +13,25 @@ const StatisticsPage = () => {
       setTab("global");
     }
   }, [disabled.questions, tab]);
-  const handleChange = (_event, newValue) => {
-    setTab(newValue);
-  };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      ContentHeader,
+    /* @__PURE__ */ jsx(
+      Header,
       {
         title: "Statistics",
-        titleIcon: /* @__PURE__ */ jsx(EmojiEventsOutlined, { fontSize: "large" }),
-        children: [
+        customActions: /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(AskQuestionButton, {}),
           /* @__PURE__ */ jsx(WriteArticleButton, {}),
           /* @__PURE__ */ jsx(CreateLinkButton, {})
-        ]
+        ] })
       }
     ),
-    /* @__PURE__ */ jsxs(TabContext, { value: tab, children: [
-      /* @__PURE__ */ jsx(Box, { sx: { borderBottom: 1, borderColor: "divider" }, children: /* @__PURE__ */ jsxs(TabList, { onChange: handleChange, style: { padding: 0 }, children: [
-        /* @__PURE__ */ jsx(Tab, { label: "Global Stats", value: "global" }),
-        !disabled.questions && /* @__PURE__ */ jsx(Tab, { label: "Leaderboard", value: "leaderboard" })
-      ] }) }),
-      /* @__PURE__ */ jsx(TabPanel, { value: "global", style: { padding: "24px 0" }, children: /* @__PURE__ */ jsx(GlobalStatsContent, {}) }),
-      !disabled.questions && /* @__PURE__ */ jsx(TabPanel, { value: "leaderboard", style: { padding: "24px 0" }, children: /* @__PURE__ */ jsx(TopRankingUsers, { limit: 10 }) })
+    /* @__PURE__ */ jsxs(Tabs, { selectedKey: tab, onSelectionChange: (key) => setTab(key), children: [
+      /* @__PURE__ */ jsxs(TabList, { children: [
+        /* @__PURE__ */ jsx(Tab, { id: "global", children: "Global Stats" }),
+        !disabled.questions && /* @__PURE__ */ jsx(Tab, { id: "leaderboard", children: "Leaderboard" })
+      ] }),
+      /* @__PURE__ */ jsx(TabPanel, { id: "global", className: styles.tabPanel, children: /* @__PURE__ */ jsx(GlobalStatsContent, {}) }),
+      !disabled.questions && /* @__PURE__ */ jsx(TabPanel, { id: "leaderboard", className: styles.tabPanel, children: /* @__PURE__ */ jsx(TopRankingUsers, { limit: 10 }) })
     ] })
   ] });
 };