@drodil/backstage-plugin-qeta-react 3.24.3 → 3.25.0

package/dist/components/LeftMenu/LeftMenu.esm.js

@@ -1,8 +1,8 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { makeStyles, SvgIcon, MenuList, Box, ListItemIcon, ListItem, Typography, MenuItem } from '@material-ui/core';
 import AccountBox from '@material-ui/icons/AccountBox';
 import LoyaltyOutlined from '@material-ui/icons/LoyaltyOutlined';
 import StarIcon from '@material-ui/icons/Star';
-import React__default from 'react';
 import { useRouteRef, useApp } from '@backstage/core-plugin-api';
 import HelpOutlined from '@material-ui/icons/HelpOutlined';
 import { useNavigate } from 'react-router-dom';
@@ -16,6 +16,7 @@ import { qetaRouteRef, tagsRouteRef, favoriteQuestionsRouteRef, statisticsRouteR
 import '../TopRankingUsersCard/TopRankingUsersCard.esm.js';
 import { TrophyIcon } from '../TopRankingUsersCard/TrophyIcon.esm.js';
 import '../../api.esm.js';
+import 'react';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import '@backstage/catalog-model';
 import 'dataloader';
@@ -86,50 +87,95 @@ const LeftMenu = (props) => {
   } = useIdentityApi((api) => api.getBackstageIdentity(), []);
   const CustomMenuItem = ({
     route,
+    hasSubRoutes,
     children
   }) => {
-    return /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ jsx(
       MenuItem,
       {
         onClick: (e) => {
+          if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) {
+            return;
+          }
+          e.preventDefault();
           navigate(route);
           if (props.onClick) {
             props.onClick(e);
           }
         },
-        className: route === location.pathname ? styles.selectedMenuItem : styles.nonSelectedMenuItem
-      },
-      children
+        className: route === location.pathname || hasSubRoutes && location.pathname?.startsWith(route) ? styles.selectedMenuItem : styles.nonSelectedMenuItem,
+        href: route,
+        component: "a",
+        children
+      }
     );
   };
   const EntityIcon = app.getSystemIcon("kind:system") ?? SvgIcon;
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     MenuList,
     {
       id: "left-menu",
       className: `${styles.leftMenu} ${props.inPopup ? styles.inPopup : styles.outsidePopup}`,
       onKeyDown: props.onKeyDown,
-      autoFocusItem: props.autoFocusItem
-    },
-    /* @__PURE__ */ React__default.createElement(
-      Box,
-      {
-        display: props.inPopup ? {} : { xs: "none", sm: "none", md: "none", lg: "block" }
-      },
-      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: rootRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(Home, { fontSize: "small" })), t("leftMenu.home")),
-      /* @__PURE__ */ React__default.createElement(ListItem, null, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, t("leftMenu.content"))),
-      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: questionsRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(HelpOutlined, { fontSize: "small" })), t("leftMenu.questions")),
-      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: articlesRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(CollectionsBookmarkIcon, { fontSize: "small" })), t("leftMenu.articles")),
-      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: favoritesRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(StarIcon, { fontSize: "small" })), t("leftMenu.favoriteQuestions")),
-      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: entitiesRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(EntityIcon, { fontSize: "small" })), t("leftMenu.entities")),
-      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: tagsRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(LoyaltyOutlined, { fontSize: "small" })), t("leftMenu.tags")),
-      /* @__PURE__ */ React__default.createElement(ListItem, null, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, t("leftMenu.community"))),
-      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: collectionsRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(PlaylistPlay, { fontSize: "small" })), t("leftMenu.collections")),
-      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: usersRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(GroupIcon, { fontSize: "small" })), t("leftMenu.users")),
-      user && !loadingUser && !userError && /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: `${userRoute()}/${user.userEntityRef}` }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(AccountBox, { fontSize: "small" })), t("leftMenu.profile")),
-      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: statisticsRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(TrophyIcon, null)), t("leftMenu.statistics")),
-      isModerator && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(ListItem, null, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, t("leftMenu.manage"))), /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: moderatorRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(SettingsIcon, null)), t("leftMenu.moderate")))
-    )
+      autoFocusItem: props.autoFocusItem,
+      children: /* @__PURE__ */ jsxs(
+        Box,
+        {
+          display: props.inPopup ? {} : { xs: "none", sm: "none", md: "none", lg: "block" },
+          children: [
+            /* @__PURE__ */ jsxs(CustomMenuItem, { route: rootRoute(), children: [
+              /* @__PURE__ */ jsx(ListItemIcon, { className: styles.menuIcon, children: /* @__PURE__ */ jsx(Home, { fontSize: "small" }) }),
+              t("leftMenu.home")
+            ] }),
+            /* @__PURE__ */ jsx(ListItem, { children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: t("leftMenu.content") }) }),
+            /* @__PURE__ */ jsxs(CustomMenuItem, { route: questionsRoute(), hasSubRoutes: true, children: [
+              /* @__PURE__ */ jsx(ListItemIcon, { className: styles.menuIcon, children: /* @__PURE__ */ jsx(HelpOutlined, { fontSize: "small" }) }),
+              t("leftMenu.questions")
+            ] }),
+            /* @__PURE__ */ jsxs(CustomMenuItem, { route: articlesRoute(), hasSubRoutes: true, children: [
+              /* @__PURE__ */ jsx(ListItemIcon, { className: styles.menuIcon, children: /* @__PURE__ */ jsx(CollectionsBookmarkIcon, { fontSize: "small" }) }),
+              t("leftMenu.articles")
+            ] }),
+            /* @__PURE__ */ jsxs(CustomMenuItem, { route: favoritesRoute(), children: [
+              /* @__PURE__ */ jsx(ListItemIcon, { className: styles.menuIcon, children: /* @__PURE__ */ jsx(StarIcon, { fontSize: "small" }) }),
+              t("leftMenu.favoriteQuestions")
+            ] }),
+            /* @__PURE__ */ jsxs(CustomMenuItem, { route: entitiesRoute(), hasSubRoutes: true, children: [
+              /* @__PURE__ */ jsx(ListItemIcon, { className: styles.menuIcon, children: /* @__PURE__ */ jsx(EntityIcon, { fontSize: "small" }) }),
+              t("leftMenu.entities")
+            ] }),
+            /* @__PURE__ */ jsxs(CustomMenuItem, { route: tagsRoute(), hasSubRoutes: true, children: [
+              /* @__PURE__ */ jsx(ListItemIcon, { className: styles.menuIcon, children: /* @__PURE__ */ jsx(LoyaltyOutlined, { fontSize: "small" }) }),
+              t("leftMenu.tags")
+            ] }),
+            /* @__PURE__ */ jsx(ListItem, { children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: t("leftMenu.community") }) }),
+            /* @__PURE__ */ jsxs(CustomMenuItem, { route: collectionsRoute(), hasSubRoutes: true, children: [
+              /* @__PURE__ */ jsx(ListItemIcon, { className: styles.menuIcon, children: /* @__PURE__ */ jsx(PlaylistPlay, { fontSize: "small" }) }),
+              t("leftMenu.collections")
+            ] }),
+            /* @__PURE__ */ jsxs(CustomMenuItem, { route: usersRoute(), children: [
+              /* @__PURE__ */ jsx(ListItemIcon, { className: styles.menuIcon, children: /* @__PURE__ */ jsx(GroupIcon, { fontSize: "small" }) }),
+              t("leftMenu.users")
+            ] }),
+            user && !loadingUser && !userError && /* @__PURE__ */ jsxs(CustomMenuItem, { route: `${userRoute()}/${user.userEntityRef}`, children: [
+              /* @__PURE__ */ jsx(ListItemIcon, { className: styles.menuIcon, children: /* @__PURE__ */ jsx(AccountBox, { fontSize: "small" }) }),
+              t("leftMenu.profile")
+            ] }),
+            /* @__PURE__ */ jsxs(CustomMenuItem, { route: statisticsRoute(), children: [
+              /* @__PURE__ */ jsx(ListItemIcon, { className: styles.menuIcon, children: /* @__PURE__ */ jsx(TrophyIcon, {}) }),
+              t("leftMenu.statistics")
+            ] }),
+            isModerator && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(ListItem, { children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: t("leftMenu.manage") }) }),
+              /* @__PURE__ */ jsxs(CustomMenuItem, { route: moderatorRoute(), children: [
+                /* @__PURE__ */ jsx(ListItemIcon, { className: styles.menuIcon, children: /* @__PURE__ */ jsx(SettingsIcon, {}) }),
+                t("leftMenu.moderate")
+              ] })
+            ] })
+          ]
+        }
+      )
+    }
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"LeftMenu.esm.js","sources":["../../../src/components/LeftMenu/LeftMenu.tsx"],"sourcesContent":["import {\n  Box,\n  ListItem,\n  ListItemIcon,\n  makeStyles,\n  MenuItem,\n  MenuList,\n  SvgIcon,\n  Typography,\n} from '@material-ui/core';\nimport AccountBox from '@material-ui/icons/AccountBox';\nimport LoyaltyOutlined from '@material-ui/icons/LoyaltyOutlined';\nimport StarIcon from '@material-ui/icons/Star';\nimport React, { ReactNode } from 'react';\nimport { useApp, useRouteRef } from '@backstage/core-plugin-api';\nimport HelpOutlined from '@material-ui/icons/HelpOutlined';\nimport { useNavigate } from 'react-router-dom';\nimport Home from '@material-ui/icons/Home';\nimport { useLocation } from 'react-use';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\nimport PlaylistPlay from '@material-ui/icons/PlaylistPlay';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport { GroupIcon } from '@backstage/core-components';\nimport {\n  articlesRouteRef,\n  collectionsRouteRef,\n  entitiesRouteRef,\n  favoriteQuestionsRouteRef,\n  moderatorRouteRef,\n  qetaRouteRef,\n  questionsRouteRef,\n  statisticsRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n  usersRouteRef,\n} from '../../routes';\nimport { TrophyIcon } from '../TopRankingUsersCard';\nimport { useIdentityApi, useIsModerator, useTranslation } from '../../hooks';\n\nexport type QetaLeftMenuClassKey =\n  | 'leftMenu'\n  | 'inPopup'\n  | 'outsidePopup'\n  | 'selectedMenuItem'\n  | 'nonSelectedMenuItem'\n  | 'menuIcon';\n\nexport const useStyles = makeStyles(\n  theme => {\n    return {\n      leftMenu: {\n        top: '0',\n        width: '165px',\n        paddingTop: '1em',\n      },\n      inPopup: {\n        marginRight: 0,\n        padding: '0.5rem',\n      },\n      outsidePopup: {\n        marginRight: theme.spacing(5),\n        float: 'right',\n        position: 'sticky',\n      },\n      selectedMenuItem: {\n        color: theme.palette.primary.contrastText,\n        backgroundColor: theme.palette.primary.light,\n        borderRadius: theme.shape.borderRadius,\n        '&:hover': {\n          backgroundColor: theme.palette.primary.dark,\n        },\n        '& svg': {\n          color: theme.palette.primary.contrastText,\n        },\n      },\n      nonSelectedMenuItem: {\n        backgroundColor: 'initial',\n      },\n      menuIcon: {\n        minWidth: '26px',\n      },\n    };\n  },\n  { name: 'QetaLeftMenu' },\n);\n\nexport const LeftMenu = (props: {\n  onKeyDown?: (event: React.KeyboardEvent) => void;\n  autoFocusItem?: boolean;\n  onClick?: (event: React.MouseEvent<EventTarget>) => void;\n  inPopup?: boolean;\n}) => {\n  const rootRoute = useRouteRef(qetaRouteRef);\n  const tagsRoute = useRouteRef(tagsRouteRef);\n  const favoritesRoute = useRouteRef(favoriteQuestionsRouteRef);\n  const statisticsRoute = useRouteRef(statisticsRouteRef);\n  const userRoute = useRouteRef(userRouteRef);\n  const questionsRoute = useRouteRef(questionsRouteRef);\n  const articlesRoute = useRouteRef(articlesRouteRef);\n  const collectionsRoute = useRouteRef(collectionsRouteRef);\n  const entitiesRoute = useRouteRef(entitiesRouteRef);\n  const usersRoute = useRouteRef(usersRouteRef);\n  const moderatorRoute = useRouteRef(moderatorRouteRef);\n  const styles = useStyles();\n  const { t } = useTranslation();\n  const location = useLocation();\n  const navigate = useNavigate();\n  const { isModerator } = useIsModerator();\n  const app = useApp();\n  const {\n    value: user,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  const CustomMenuItem = ({\n    route,\n    children,\n  }: {\n    route: string;\n    children: ReactNode[];\n  }) => {\n    return (\n      <MenuItem\n        onClick={e => {\n          navigate(route);\n          if (props.onClick) {\n            props.onClick(e);\n          }\n        }}\n        className={\n          route === location.pathname\n            ? styles.selectedMenuItem\n            : styles.nonSelectedMenuItem\n        }\n      >\n        {children}\n      </MenuItem>\n    );\n  };\n\n  const EntityIcon = app.getSystemIcon('kind:system') ?? SvgIcon;\n\n  return (\n    <MenuList\n      id=\"left-menu\"\n      className={`${styles.leftMenu} ${\n        props.inPopup ? styles.inPopup : styles.outsidePopup\n      }`}\n      onKeyDown={props.onKeyDown}\n      autoFocusItem={props.autoFocusItem}\n    >\n      <Box\n        display={\n          props.inPopup\n            ? {}\n            : { xs: 'none', sm: 'none', md: 'none', lg: 'block' }\n        }\n      >\n        <CustomMenuItem route={rootRoute()}>\n          <ListItemIcon className={styles.menuIcon}>\n            <Home fontSize=\"small\" />\n          </ListItemIcon>\n          {t('leftMenu.home')}\n        </CustomMenuItem>\n        <ListItem>\n          <Typography variant=\"subtitle2\">{t('leftMenu.content')}</Typography>\n        </ListItem>\n        <CustomMenuItem route={questionsRoute()}>\n          <ListItemIcon className={styles.menuIcon}>\n            <HelpOutlined fontSize=\"small\" />\n          </ListItemIcon>\n          {t('leftMenu.questions')}\n        </CustomMenuItem>\n        <CustomMenuItem route={articlesRoute()}>\n          <ListItemIcon className={styles.menuIcon}>\n            <CollectionsBookmarkIcon fontSize=\"small\" />\n          </ListItemIcon>\n          {t('leftMenu.articles')}\n        </CustomMenuItem>\n        <CustomMenuItem route={favoritesRoute()}>\n          <ListItemIcon className={styles.menuIcon}>\n            <StarIcon fontSize=\"small\" />\n          </ListItemIcon>\n          {t('leftMenu.favoriteQuestions')}\n        </CustomMenuItem>\n        <CustomMenuItem route={entitiesRoute()}>\n          <ListItemIcon className={styles.menuIcon}>\n            <EntityIcon fontSize=\"small\" />\n          </ListItemIcon>\n          {t('leftMenu.entities')}\n        </CustomMenuItem>\n        <CustomMenuItem route={tagsRoute()}>\n          <ListItemIcon className={styles.menuIcon}>\n            <LoyaltyOutlined fontSize=\"small\" />\n          </ListItemIcon>\n          {t('leftMenu.tags')}\n        </CustomMenuItem>\n        <ListItem>\n          <Typography variant=\"subtitle2\">{t('leftMenu.community')}</Typography>\n        </ListItem>\n        <CustomMenuItem route={collectionsRoute()}>\n          <ListItemIcon className={styles.menuIcon}>\n            <PlaylistPlay fontSize=\"small\" />\n          </ListItemIcon>\n          {t('leftMenu.collections')}\n        </CustomMenuItem>\n        <CustomMenuItem route={usersRoute()}>\n          <ListItemIcon className={styles.menuIcon}>\n            <GroupIcon fontSize=\"small\" />\n          </ListItemIcon>\n          {t('leftMenu.users')}\n        </CustomMenuItem>\n        {user && !loadingUser && !userError && (\n          <CustomMenuItem route={`${userRoute()}/${user.userEntityRef}`}>\n            <ListItemIcon className={styles.menuIcon}>\n              <AccountBox fontSize=\"small\" />\n            </ListItemIcon>\n            {t('leftMenu.profile')}\n          </CustomMenuItem>\n        )}\n        <CustomMenuItem route={statisticsRoute()}>\n          <ListItemIcon className={styles.menuIcon}>\n            <TrophyIcon />\n          </ListItemIcon>\n          {t('leftMenu.statistics')}\n        </CustomMenuItem>\n        {isModerator && (\n          <>\n            <ListItem>\n              <Typography variant=\"subtitle2\">\n                {t('leftMenu.manage')}\n              </Typography>\n            </ListItem>\n            <CustomMenuItem route={moderatorRoute()}>\n              <ListItemIcon className={styles.menuIcon}>\n                <SettingsIcon />\n              </ListItemIcon>\n              {t('leftMenu.moderate')}\n            </CustomMenuItem>\n          </>\n        )}\n      </Box>\n    </MenuList>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"LeftMenu.esm.js","sources":["../../../src/components/LeftMenu/LeftMenu.tsx"],"sourcesContent":["import {\n  Box,\n  ListItem,\n  ListItemIcon,\n  makeStyles,\n  MenuItem,\n  MenuList,\n  SvgIcon,\n  Typography,\n} from '@material-ui/core';\nimport AccountBox from '@material-ui/icons/AccountBox';\nimport LoyaltyOutlined from '@material-ui/icons/LoyaltyOutlined';\nimport StarIcon from '@material-ui/icons/Star';\nimport { KeyboardEvent, MouseEvent, ReactNode } from 'react';\nimport { useApp, useRouteRef } from '@backstage/core-plugin-api';\nimport HelpOutlined from '@material-ui/icons/HelpOutlined';\nimport { useNavigate } from 'react-router-dom';\nimport Home from '@material-ui/icons/Home';\nimport { useLocation } from 'react-use';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\nimport PlaylistPlay from '@material-ui/icons/PlaylistPlay';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport { GroupIcon } from '@backstage/core-components';\nimport {\n  articlesRouteRef,\n  collectionsRouteRef,\n  entitiesRouteRef,\n  favoriteQuestionsRouteRef,\n  moderatorRouteRef,\n  qetaRouteRef,\n  questionsRouteRef,\n  statisticsRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n  usersRouteRef,\n} from '../../routes';\nimport { TrophyIcon } from '../TopRankingUsersCard';\nimport { useIdentityApi, useIsModerator, useTranslation } from '../../hooks';\n\nexport type QetaLeftMenuClassKey =\n  | 'leftMenu'\n  | 'inPopup'\n  | 'outsidePopup'\n  | 'selectedMenuItem'\n  | 'nonSelectedMenuItem'\n  | 'menuIcon';\n\nexport const useStyles = makeStyles(\n  theme => {\n    return {\n      leftMenu: {\n        top: '0',\n        width: '165px',\n        paddingTop: '1em',\n      },\n      inPopup: {\n        marginRight: 0,\n        padding: '0.5rem',\n      },\n      outsidePopup: {\n        marginRight: theme.spacing(5),\n        float: 'right',\n        position: 'sticky',\n      },\n      selectedMenuItem: {\n        color: theme.palette.primary.contrastText,\n        backgroundColor: theme.palette.primary.light,\n        borderRadius: theme.shape.borderRadius,\n        '&:hover': {\n          backgroundColor: theme.palette.primary.dark,\n        },\n        '& svg': {\n          color: theme.palette.primary.contrastText,\n        },\n      },\n      nonSelectedMenuItem: {\n        backgroundColor: 'initial',\n      },\n      menuIcon: {\n        minWidth: '26px',\n      },\n    };\n  },\n  { name: 'QetaLeftMenu' },\n);\n\nexport const LeftMenu = (props: {\n  onKeyDown?: (event: KeyboardEvent) => void;\n  autoFocusItem?: boolean;\n  onClick?: (event: MouseEvent<EventTarget>) => void;\n  inPopup?: boolean;\n}) => {\n  const rootRoute = useRouteRef(qetaRouteRef);\n  const tagsRoute = useRouteRef(tagsRouteRef);\n  const favoritesRoute = useRouteRef(favoriteQuestionsRouteRef);\n  const statisticsRoute = useRouteRef(statisticsRouteRef);\n  const userRoute = useRouteRef(userRouteRef);\n  const questionsRoute = useRouteRef(questionsRouteRef);\n  const articlesRoute = useRouteRef(articlesRouteRef);\n  const collectionsRoute = useRouteRef(collectionsRouteRef);\n  const entitiesRoute = useRouteRef(entitiesRouteRef);\n  const usersRoute = useRouteRef(usersRouteRef);\n  const moderatorRoute = useRouteRef(moderatorRouteRef);\n  const styles = useStyles();\n  const { t } = useTranslation();\n  const location = useLocation();\n  const navigate = useNavigate();\n  const { isModerator } = useIsModerator();\n  const app = useApp();\n  const {\n    value: user,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  const CustomMenuItem = ({\n    route,\n    hasSubRoutes,\n    children,\n  }: {\n    route: string;\n    hasSubRoutes?: boolean;\n    children: ReactNode[];\n  }) => {\n    return (\n      <MenuItem\n        onClick={e => {\n          if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) {\n            return;\n          }\n          e.preventDefault();\n          navigate(route);\n          if (props.onClick) {\n            props.onClick(e);\n          }\n        }}\n        className={\n          route === location.pathname ||\n          (hasSubRoutes && location.pathname?.startsWith(route))\n            ? styles.selectedMenuItem\n            : styles.nonSelectedMenuItem\n        }\n        href={route}\n        component=\"a\"\n      >\n        {children}\n      </MenuItem>\n    );\n  };\n\n  const EntityIcon = app.getSystemIcon('kind:system') ?? SvgIcon;\n\n  return (\n    <MenuList\n      id=\"left-menu\"\n      className={`${styles.leftMenu} ${\n        props.inPopup ? styles.inPopup : styles.outsidePopup\n      }`}\n      onKeyDown={props.onKeyDown}\n      autoFocusItem={props.autoFocusItem}\n    >\n      <Box\n        display={\n          props.inPopup\n            ? {}\n            : { xs: 'none', sm: 'none', md: 'none', lg: 'block' }\n        }\n      >\n        <CustomMenuItem route={rootRoute()}>\n          <ListItemIcon className={styles.menuIcon}>\n            <Home fontSize=\"small\" />\n          </ListItemIcon>\n          {t('leftMenu.home')}\n        </CustomMenuItem>\n        <ListItem>\n          <Typography variant=\"subtitle2\">{t('leftMenu.content')}</Typography>\n        </ListItem>\n        <CustomMenuItem route={questionsRoute()} hasSubRoutes>\n          <ListItemIcon className={styles.menuIcon}>\n            <HelpOutlined fontSize=\"small\" />\n          </ListItemIcon>\n          {t('leftMenu.questions')}\n        </CustomMenuItem>\n        <CustomMenuItem route={articlesRoute()} hasSubRoutes>\n          <ListItemIcon className={styles.menuIcon}>\n            <CollectionsBookmarkIcon fontSize=\"small\" />\n          </ListItemIcon>\n          {t('leftMenu.articles')}\n        </CustomMenuItem>\n        <CustomMenuItem route={favoritesRoute()}>\n          <ListItemIcon className={styles.menuIcon}>\n            <StarIcon fontSize=\"small\" />\n          </ListItemIcon>\n          {t('leftMenu.favoriteQuestions')}\n        </CustomMenuItem>\n        <CustomMenuItem route={entitiesRoute()} hasSubRoutes>\n          <ListItemIcon className={styles.menuIcon}>\n            <EntityIcon fontSize=\"small\" />\n          </ListItemIcon>\n          {t('leftMenu.entities')}\n        </CustomMenuItem>\n        <CustomMenuItem route={tagsRoute()} hasSubRoutes>\n          <ListItemIcon className={styles.menuIcon}>\n            <LoyaltyOutlined fontSize=\"small\" />\n          </ListItemIcon>\n          {t('leftMenu.tags')}\n        </CustomMenuItem>\n        <ListItem>\n          <Typography variant=\"subtitle2\">{t('leftMenu.community')}</Typography>\n        </ListItem>\n        <CustomMenuItem route={collectionsRoute()} hasSubRoutes>\n          <ListItemIcon className={styles.menuIcon}>\n            <PlaylistPlay fontSize=\"small\" />\n          </ListItemIcon>\n          {t('leftMenu.collections')}\n        </CustomMenuItem>\n        <CustomMenuItem route={usersRoute()}>\n          <ListItemIcon className={styles.menuIcon}>\n            <GroupIcon fontSize=\"small\" />\n          </ListItemIcon>\n          {t('leftMenu.users')}\n        </CustomMenuItem>\n        {user && !loadingUser && !userError && (\n          <CustomMenuItem route={`${userRoute()}/${user.userEntityRef}`}>\n            <ListItemIcon className={styles.menuIcon}>\n              <AccountBox fontSize=\"small\" />\n            </ListItemIcon>\n            {t('leftMenu.profile')}\n          </CustomMenuItem>\n        )}\n        <CustomMenuItem route={statisticsRoute()}>\n          <ListItemIcon className={styles.menuIcon}>\n            <TrophyIcon />\n          </ListItemIcon>\n          {t('leftMenu.statistics')}\n        </CustomMenuItem>\n        {isModerator && (\n          <>\n            <ListItem>\n              <Typography variant=\"subtitle2\">\n                {t('leftMenu.manage')}\n              </Typography>\n            </ListItem>\n            <CustomMenuItem route={moderatorRoute()}>\n              <ListItemIcon className={styles.menuIcon}>\n                <SettingsIcon />\n              </ListItemIcon>\n              {t('leftMenu.moderate')}\n            </CustomMenuItem>\n          </>\n        )}\n      </Box>\n    </MenuList>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/LeftMenu/LeftMenuButton.esm.js

@@ -1,5 +1,6 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { makeStyles, Button, Popper, Grow, ClickAwayListener, Paper } from '@material-ui/core';
-import React__default from 'react';
+import { useState, useRef, useEffect } from 'react';
 import { LeftMenu } from './LeftMenu.esm.js';
 import MenuIcon from '@material-ui/icons/Menu';
 import '@backstage/core-plugin-api';
@@ -10,6 +11,9 @@ import '@backstage/catalog-model';
 import 'dataloader';
 import '@backstage/plugin-catalog-react';
 import 'react-use/lib/useAsync';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
 
 const useStyles = makeStyles(
   () => ({
@@ -24,10 +28,10 @@ const useStyles = makeStyles(
   { name: "QetaLeftMenuButton" }
 );
 const LeftMenuButton = () => {
-  const [open, setOpen] = React__default.useState(false);
+  const [open, setOpen] = useState(false);
   const styles = useStyles();
   const { t } = useTranslation();
-  const anchorRef = React__default.useRef(null);
+  const anchorRef = useRef(null);
   const handleToggle = () => {
     setOpen((prevOpen2) => !prevOpen2);
   };
@@ -43,55 +47,58 @@ const LeftMenuButton = () => {
       setOpen(false);
     }
   }
-  const prevOpen = React__default.useRef(open);
-  React__default.useEffect(() => {
+  const prevOpen = useRef(open);
+  useEffect(() => {
     if (prevOpen.current && !open) {
       anchorRef.current.focus();
     }
     prevOpen.current = open;
   }, [open]);
-  return /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(
-    Button,
-    {
-      ref: anchorRef,
-      "aria-controls": open ? "menu-list-grow" : void 0,
-      "aria-haspopup": "true",
-      color: "primary",
-      size: "large",
-      variant: "contained",
-      onClick: handleToggle,
-      startIcon: /* @__PURE__ */ React__default.createElement(MenuIcon, null),
-      className: styles.button
-    },
-    t("leftMenu.buttonLabel")
-  ), /* @__PURE__ */ React__default.createElement(
-    Popper,
-    {
-      open,
-      anchorEl: anchorRef.current,
-      role: void 0,
-      disablePortal: true,
-      className: styles.popper
-    },
-    ({ TransitionProps, placement }) => /* @__PURE__ */ React__default.createElement(
-      Grow,
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        ref: anchorRef,
+        "aria-controls": open ? "menu-list-grow" : void 0,
+        "aria-haspopup": "true",
+        color: "primary",
+        size: "large",
+        variant: "contained",
+        onClick: handleToggle,
+        startIcon: /* @__PURE__ */ jsx(MenuIcon, {}),
+        className: styles.button,
+        children: t("leftMenu.buttonLabel")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Popper,
       {
-        ...TransitionProps,
-        style: {
-          transformOrigin: placement === "bottom" ? "left top" : "left bottom"
-        }
-      },
-      /* @__PURE__ */ React__default.createElement(ClickAwayListener, { onClickAway: handleClose }, /* @__PURE__ */ React__default.createElement(Paper, null, /* @__PURE__ */ React__default.createElement(
-        LeftMenu,
-        {
-          onKeyDown: handleListKeyDown,
-          autoFocusItem: open,
-          onClick: handleClose,
-          inPopup: true
-        }
-      )))
+        open,
+        anchorEl: anchorRef.current,
+        role: void 0,
+        disablePortal: true,
+        className: styles.popper,
+        children: ({ TransitionProps, placement }) => /* @__PURE__ */ jsx(
+          Grow,
+          {
+            ...TransitionProps,
+            style: {
+              transformOrigin: placement === "bottom" ? "left top" : "left bottom"
+            },
+            children: /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: handleClose, children: /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsx(
+              LeftMenu,
+              {
+                onKeyDown: handleListKeyDown,
+                autoFocusItem: open,
+                onClick: handleClose,
+                inPopup: true
+              }
+            ) }) })
+          }
+        )
+      }
     )
-  ));
+  ] });
 };
 
 export { LeftMenuButton };

package/dist/components/LeftMenu/LeftMenuButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"LeftMenuButton.esm.js","sources":["../../../src/components/LeftMenu/LeftMenuButton.tsx"],"sourcesContent":["import {\n  Button,\n  ClickAwayListener,\n  Grow,\n  makeStyles,\n  Paper,\n  Popper,\n} from '@material-ui/core';\nimport React from 'react';\nimport { LeftMenu } from './LeftMenu';\nimport MenuIcon from '@material-ui/icons/Menu';\nimport { useTranslation } from '../../hooks';\n\nconst useStyles = makeStyles(\n  () => ({\n    button: {\n      marginTop: '1em',\n      marginBottom: '-1em',\n    },\n    popper: {\n      zIndex: 1000,\n    },\n  }),\n  { name: 'QetaLeftMenuButton' },\n);\n\nexport const LeftMenuButton = () => {\n  const [open, setOpen] = React.useState(false);\n  const styles = useStyles();\n  const { t } = useTranslation();\n  const anchorRef = React.useRef<HTMLButtonElement>(null);\n\n  const handleToggle = () => {\n    setOpen(prevOpen => !prevOpen);\n  };\n\n  const handleClose = (event: React.MouseEvent<EventTarget>) => {\n    if (\n      anchorRef.current &&\n      anchorRef.current.contains(event.target as HTMLElement)\n    ) {\n      return;\n    }\n\n    setOpen(false);\n  };\n\n  function handleListKeyDown(event: React.KeyboardEvent) {\n    if (event.key === 'Tab') {\n      event.preventDefault();\n      setOpen(false);\n    }\n  }\n\n  // return focus to the button when we transitioned from !open -> open\n  const prevOpen = React.useRef(open);\n  React.useEffect(() => {\n    if (prevOpen.current && !open) {\n      anchorRef.current!.focus();\n    }\n\n    prevOpen.current = open;\n  }, [open]);\n\n  return (\n    <div>\n      <Button\n        ref={anchorRef}\n        aria-controls={open ? 'menu-list-grow' : undefined}\n        aria-haspopup=\"true\"\n        color=\"primary\"\n        size=\"large\"\n        variant=\"contained\"\n        onClick={handleToggle}\n        startIcon={<MenuIcon />}\n        className={styles.button}\n      >\n        {t('leftMenu.buttonLabel')}\n      </Button>\n      <Popper\n        open={open}\n        anchorEl={anchorRef.current}\n        role={undefined}\n        disablePortal\n        className={styles.popper}\n      >\n        {({ TransitionProps, placement }) => (\n          <Grow\n            {...TransitionProps}\n            style={{\n              transformOrigin:\n                placement === 'bottom' ? 'left top' : 'left bottom',\n            }}\n          >\n            <ClickAwayListener onClickAway={handleClose}>\n              <Paper>\n                <LeftMenu\n                  onKeyDown={handleListKeyDown}\n                  autoFocusItem={open}\n                  onClick={handleClose}\n                  inPopup\n                />\n              </Paper>\n            </ClickAwayListener>\n          </Grow>\n        )}\n      </Popper>\n    </div>\n  );\n};\n"],"names":["React","prevOpen"],"mappings":"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"}
+{"version":3,"file":"LeftMenuButton.esm.js","sources":["../../../src/components/LeftMenu/LeftMenuButton.tsx"],"sourcesContent":["import {\n  Button,\n  ClickAwayListener,\n  Grow,\n  makeStyles,\n  Paper,\n  Popper,\n} from '@material-ui/core';\nimport { MouseEvent, KeyboardEvent, useState, useRef, useEffect } from 'react';\nimport { LeftMenu } from './LeftMenu';\nimport MenuIcon from '@material-ui/icons/Menu';\nimport { useTranslation } from '../../hooks';\n\nconst useStyles = makeStyles(\n  () => ({\n    button: {\n      marginTop: '1em',\n      marginBottom: '-1em',\n    },\n    popper: {\n      zIndex: 1000,\n    },\n  }),\n  { name: 'QetaLeftMenuButton' },\n);\n\nexport const LeftMenuButton = () => {\n  const [open, setOpen] = useState(false);\n  const styles = useStyles();\n  const { t } = useTranslation();\n  const anchorRef = useRef<HTMLButtonElement>(null);\n\n  const handleToggle = () => {\n    setOpen(prevOpen => !prevOpen);\n  };\n\n  const handleClose = (event: MouseEvent<EventTarget>) => {\n    if (\n      anchorRef.current &&\n      anchorRef.current.contains(event.target as HTMLElement)\n    ) {\n      return;\n    }\n\n    setOpen(false);\n  };\n\n  function handleListKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Tab') {\n      event.preventDefault();\n      setOpen(false);\n    }\n  }\n\n  // return focus to the button when we transitioned from !open -> open\n  const prevOpen = useRef(open);\n  useEffect(() => {\n    if (prevOpen.current && !open) {\n      anchorRef.current!.focus();\n    }\n\n    prevOpen.current = open;\n  }, [open]);\n\n  return (\n    <div>\n      <Button\n        ref={anchorRef}\n        aria-controls={open ? 'menu-list-grow' : undefined}\n        aria-haspopup=\"true\"\n        color=\"primary\"\n        size=\"large\"\n        variant=\"contained\"\n        onClick={handleToggle}\n        startIcon={<MenuIcon />}\n        className={styles.button}\n      >\n        {t('leftMenu.buttonLabel')}\n      </Button>\n      <Popper\n        open={open}\n        anchorEl={anchorRef.current}\n        role={undefined}\n        disablePortal\n        className={styles.popper}\n      >\n        {({ TransitionProps, placement }) => (\n          <Grow\n            {...TransitionProps}\n            style={{\n              transformOrigin:\n                placement === 'bottom' ? 'left top' : 'left bottom',\n            }}\n          >\n            <ClickAwayListener onClickAway={handleClose}>\n              <Paper>\n                <LeftMenu\n                  onKeyDown={handleListKeyDown}\n                  autoFocusItem={open}\n                  onClick={handleClose}\n                  inPopup\n                />\n              </Paper>\n            </ClickAwayListener>\n          </Grow>\n        )}\n      </Popper>\n    </div>\n  );\n};\n"],"names":["prevOpen"],"mappings":"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"}

package/dist/components/Links/Links.esm.js

@@ -1,13 +1,17 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import { Link } from '@backstage/core-components';
 import { userRouteRef } from '../../routes.esm.js';
 import '../../api.esm.js';
 import 'react-use';
+import 'react';
 import '@backstage/core-plugin-api/alpha';
 import '../../translation.esm.js';
 import { useUserInfo } from '../../hooks/useEntityAuthor.esm.js';
 import 'react-use/lib/useAsync';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
 import { UserTooltip } from '../TagsAndEntities/UserChip.esm.js';
 import { Tooltip } from '@material-ui/core';
 
@@ -18,20 +22,20 @@ const UserLink = (props) => {
     entityRef,
     anonymous ?? entityRef === "anonymous"
   );
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     Tooltip,
     {
       arrow: true,
-      title: /* @__PURE__ */ React__default.createElement(UserTooltip, { entityRef, anonymous }),
+      title: /* @__PURE__ */ jsx(UserTooltip, { entityRef, anonymous }),
       enterDelay: 400,
-      interactive: true
-    },
-    /* @__PURE__ */ React__default.createElement(Link, { to: `${userRoute()}/${entityRef}`, ...linkProps }, name)
+      interactive: true,
+      children: /* @__PURE__ */ jsx(Link, { to: `${userRoute()}/${entityRef}`, ...linkProps, children: name })
+    }
   );
 };
 const AuthorLink = (props) => {
   const { entity, linkProps } = props;
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     UserLink,
     {
       entityRef: entity.author,
@@ -45,7 +49,7 @@ const UpdatedByLink = (props) => {
   if (!entity.updatedBy) {
     return null;
   }
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     UserLink,
     {
       entityRef: entity.updatedBy,

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

@@ -1 +1 @@
-{"version":3,"file":"Links.esm.js","sources":["../../../src/components/Links/Links.tsx"],"sourcesContent":["import React from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { Link, LinkProps } from '@backstage/core-components';\nimport { userRouteRef } from '../../routes';\nimport { Answer, Comment, Post } from '@drodil/backstage-plugin-qeta-common';\nimport { useUserInfo } from '../../hooks';\nimport { UserTooltip } from '../TagsAndEntities/UserChip';\nimport { Tooltip } from '@material-ui/core';\n\nexport const UserLink = (props: {\n  entityRef: string;\n  anonymous?: boolean;\n  linkProps?: LinkProps;\n}) => {\n  const { entityRef, linkProps, anonymous } = props;\n  const userRoute = useRouteRef(userRouteRef);\n  const { name } = useUserInfo(\n    entityRef,\n    anonymous ?? entityRef === 'anonymous',\n  );\n  return (\n    <Tooltip\n      arrow\n      title={<UserTooltip entityRef={entityRef} anonymous={anonymous} />}\n      enterDelay={400}\n      interactive\n    >\n      <Link to={`${userRoute()}/${entityRef}`} {...linkProps}>\n        {name}\n      </Link>\n    </Tooltip>\n  );\n};\n\nexport const AuthorLink = (props: {\n  entity: Post | Answer | Comment;\n  linkProps?: LinkProps;\n}) => {\n  const { entity, linkProps } = props;\n  return (\n    <UserLink\n      entityRef={entity.author}\n      linkProps={linkProps}\n      anonymous={'anonymous' in entity ? entity.anonymous : undefined}\n    />\n  );\n};\n\nexport const UpdatedByLink = (props: {\n  entity: Post | Answer | Comment;\n  linkProps?: LinkProps;\n}) => {\n  const { entity, linkProps } = props;\n  if (!entity.updatedBy) {\n    return null;\n  }\n  return (\n    <UserLink\n      entityRef={entity.updatedBy}\n      linkProps={linkProps}\n      anonymous={'anonymous' in entity ? entity.anonymous : undefined}\n    />\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AASa,MAAA,QAAA,GAAW,CAAC,KAInB,KAAA;AACJ,EAAA,MAAM,EAAE,SAAA,EAAW,SAAW,EAAA,SAAA,EAAc,GAAA,KAAA;AAC5C,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA;AAC1C,EAAM,MAAA,EAAE,MAAS,GAAA,WAAA;AAAA,IACf,SAAA;AAAA,IACA,aAAa,SAAc,KAAA;AAAA,GAC7B;AACA,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,KAAK,EAAA,IAAA;AAAA,MACL,KAAO,kBAAAA,cAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAsB,SAAsB,EAAA,CAAA;AAAA,MAChE,UAAY,EAAA,GAAA;AAAA,MACZ,WAAW,EAAA;AAAA,KAAA;AAAA,oBAEXA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,CAAG,EAAA,SAAA,EAAW,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EAAK,GAAG,SAAA,EAAA,EAC1C,IACH;AAAA,GACF;AAEJ;AAEa,MAAA,UAAA,GAAa,CAAC,KAGrB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA;AAC9B,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,SAAA;AAAA,MACA,SAAW,EAAA,WAAA,IAAe,MAAS,GAAA,MAAA,CAAO,SAAY,GAAA,KAAA;AAAA;AAAA,GACxD;AAEJ;AAEa,MAAA,aAAA,GAAgB,CAAC,KAGxB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA;AAC9B,EAAI,IAAA,CAAC,OAAO,SAAW,EAAA;AACrB,IAAO,OAAA,IAAA;AAAA;AAET,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,SAAA;AAAA,MAClB,SAAA;AAAA,MACA,SAAW,EAAA,WAAA,IAAe,MAAS,GAAA,MAAA,CAAO,SAAY,GAAA,KAAA;AAAA;AAAA,GACxD;AAEJ;;;;"}
+{"version":3,"file":"Links.esm.js","sources":["../../../src/components/Links/Links.tsx"],"sourcesContent":["import { useRouteRef } from '@backstage/core-plugin-api';\nimport { Link, LinkProps } from '@backstage/core-components';\nimport { userRouteRef } from '../../routes';\nimport { Answer, Comment, Post } from '@drodil/backstage-plugin-qeta-common';\nimport { useUserInfo } from '../../hooks';\nimport { UserTooltip } from '../TagsAndEntities/UserChip';\nimport { Tooltip } from '@material-ui/core';\n\nexport const UserLink = (props: {\n  entityRef: string;\n  anonymous?: boolean;\n  linkProps?: LinkProps;\n}) => {\n  const { entityRef, linkProps, anonymous } = props;\n  const userRoute = useRouteRef(userRouteRef);\n  const { name } = useUserInfo(\n    entityRef,\n    anonymous ?? entityRef === 'anonymous',\n  );\n  return (\n    <Tooltip\n      arrow\n      title={<UserTooltip entityRef={entityRef} anonymous={anonymous} />}\n      enterDelay={400}\n      interactive\n    >\n      <Link to={`${userRoute()}/${entityRef}`} {...linkProps}>\n        {name}\n      </Link>\n    </Tooltip>\n  );\n};\n\nexport const AuthorLink = (props: {\n  entity: Post | Answer | Comment;\n  linkProps?: LinkProps;\n}) => {\n  const { entity, linkProps } = props;\n  return (\n    <UserLink\n      entityRef={entity.author}\n      linkProps={linkProps}\n      anonymous={'anonymous' in entity ? entity.anonymous : undefined}\n    />\n  );\n};\n\nexport const UpdatedByLink = (props: {\n  entity: Post | Answer | Comment;\n  linkProps?: LinkProps;\n}) => {\n  const { entity, linkProps } = props;\n  if (!entity.updatedBy) {\n    return null;\n  }\n  return (\n    <UserLink\n      entityRef={entity.updatedBy}\n      linkProps={linkProps}\n      anonymous={'anonymous' in entity ? entity.anonymous : undefined}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAQa,MAAA,QAAA,GAAW,CAAC,KAInB,KAAA;AACJ,EAAA,MAAM,EAAE,SAAA,EAAW,SAAW,EAAA,SAAA,EAAc,GAAA,KAAA;AAC5C,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA;AAC1C,EAAM,MAAA,EAAE,MAAS,GAAA,WAAA;AAAA,IACf,SAAA;AAAA,IACA,aAAa,SAAc,KAAA;AAAA,GAC7B;AACA,EACE,uBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,KAAK,EAAA,IAAA;AAAA,MACL,KAAO,kBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAsB,SAAsB,EAAA,CAAA;AAAA,MAChE,UAAY,EAAA,GAAA;AAAA,MACZ,WAAW,EAAA,IAAA;AAAA,MAEX,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,CAAG,EAAA,SAAA,EAAW,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EAAK,GAAG,SAAA,EAC1C,QACH,EAAA,IAAA,EAAA;AAAA;AAAA,GACF;AAEJ;AAEa,MAAA,UAAA,GAAa,CAAC,KAGrB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA;AAC9B,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,SAAA;AAAA,MACA,SAAW,EAAA,WAAA,IAAe,MAAS,GAAA,MAAA,CAAO,SAAY,GAAA,KAAA;AAAA;AAAA,GACxD;AAEJ;AAEa,MAAA,aAAA,GAAgB,CAAC,KAGxB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA;AAC9B,EAAI,IAAA,CAAC,OAAO,SAAW,EAAA;AACrB,IAAO,OAAA,IAAA;AAAA;AAET,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,SAAA;AAAA,MAClB,SAAA;AAAA,MACA,SAAW,EAAA,WAAA,IAAe,MAAS,GAAA,MAAA,CAAO,SAAY,GAAA,KAAA;AAAA;AAAA,GACxD;AAEJ;;;;"}

package/dist/components/LoadingGrid/LoadingGrid.esm.js

@@ -1,17 +1,17 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { Grid } from '@material-ui/core';
 import { Progress } from '@backstage/core-components';
 
 const LoadingGrid = () => {
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     Grid,
     {
       container: true,
       justifyContent: "center",
       alignItems: "center",
-      style: { height: "10vh" }
-    },
-    /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Progress, null))
+      style: { height: "10vh" },
+      children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Progress, {}) })
+    }
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingGrid.esm.js","sources":["../../../src/components/LoadingGrid/LoadingGrid.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid } from '@material-ui/core';\nimport { Progress } from '@backstage/core-components';\n\nexport const LoadingGrid = () => {\n  return (\n    <Grid\n      container\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      style={{ height: '10vh' }}\n    >\n      <Grid item xs={12}>\n        <Progress />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":["React"],"mappings":";;;;AAIO,MAAM,cAAc,MAAM;AAC/B,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,cAAe,EAAA,QAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MACX,KAAA,EAAO,EAAE,MAAA,EAAQ,MAAO;AAAA,KAAA;AAAA,oBAExBA,cAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,cAAS,CACZ;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"LoadingGrid.esm.js","sources":["../../../src/components/LoadingGrid/LoadingGrid.tsx"],"sourcesContent":["import { Grid } from '@material-ui/core';\nimport { Progress } from '@backstage/core-components';\n\nexport const LoadingGrid = () => {\n  return (\n    <Grid\n      container\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      style={{ height: '10vh' }}\n    >\n      <Grid item xs={12}>\n        <Progress />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;AAGO,MAAM,cAAc,MAAM;AAC/B,EACE,uBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,cAAe,EAAA,QAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MACX,KAAA,EAAO,EAAE,MAAA,EAAQ,MAAO,EAAA;AAAA,MAExB,QAAA,kBAAA,GAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,GAAA,CAAC,YAAS,CACZ,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/MarkdownEditor/MarkdownEditor.esm.js

@@ -1,4 +1,5 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
 import ReactMde from 'react-mde';
 import 'react-mde/lib/styles/css/react-mde.css';
 import 'react-mde/lib/styles/css/react-mde-editor.css';
@@ -113,9 +114,7 @@ const MarkdownEditor = (props) => {
     autoFocus,
     required = true
   } = props;
-  const [selectedTab, setSelectedTab] = React__default.useState(
-    "write"
-  );
+  const [selectedTab, setSelectedTab] = useState("write");
   const styles = useStyles();
   const errorApi = useApi(errorApiRef);
   const qetaApi = useApi(qetaApiRef);
@@ -178,7 +177,7 @@ const MarkdownEditor = (props) => {
     return NO_SUGGESTIONS;
   };
   const isUploadDisabled = config?.getOptionalBoolean("qeta.storage.disabled") || disableAttachments || false;
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     ReactMde,
     {
       classes: {
@@ -212,7 +211,7 @@ const MarkdownEditor = (props) => {
       loadSuggestions,
       suggestionsAutoplace: true,
       generateMarkdownPreview: (content) => Promise.resolve(
-        /* @__PURE__ */ React__default.createElement(
+        /* @__PURE__ */ jsx(
           MarkdownRenderer,
           {
             content,

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEditor.esm.js","sources":["../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport React from 'react';\nimport ReactMde from 'react-mde';\nimport 'react-mde/lib/styles/css/react-mde.css';\nimport 'react-mde/lib/styles/css/react-mde-editor.css';\nimport 'react-mde/lib/styles/css/react-mde-toolbar.css';\nimport { configApiRef, errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { imageUpload } from '../../utils/utils';\nimport { makeStyles } from '@material-ui/core';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { stringifyEntityRef, UserEntity } from '@backstage/catalog-model';\nimport { findTagMentions } from '@drodil/backstage-plugin-qeta-common';\n\nexport type QetaMarkdownEditorClassKey =\n  | 'markdownEditor'\n  | 'markdownEditorError'\n  | 'markdownPreview'\n  | 'suggestionsDropdown';\n\nexport const useStyles = makeStyles(\n  theme => {\n    return {\n      markdownEditor: {\n        backgroundColor: 'initial',\n        color: theme.palette.text.primary,\n        border: `1px solid ${theme.palette.action.disabled}`,\n        borderRadius: theme.shape.borderRadius,\n        '&:hover': {\n          borderColor: theme.palette.action.active,\n        },\n        '&:focus-within': {\n          borderColor: theme.palette.primary.main,\n        },\n        '& .mde-header': {\n          backgroundColor: 'initial',\n          color: theme.palette.text.primary,\n          borderBottom: `1px solid ${theme.palette.action.selected}`,\n          '& .mde-tabs button, .mde-header-item > button': {\n            color: `${theme.palette.text.primary} !important`,\n          },\n        },\n        '& .mde-preview-content': {\n          padding: '10px',\n        },\n        '& .mde-text, .mde-preview': {\n          fontSize: theme.typography.body1.fontSize,\n          fontFamily: theme.typography.body1.fontFamily,\n          lineHeight: theme.typography.body1.lineHeight,\n        },\n        '& .mde-text': {\n          backgroundColor: 'initial',\n          color: theme.palette.text.primary,\n          outline: 'none',\n        },\n        '& .image-tip': {\n          color: theme.palette.text.primary,\n          backgroundColor: 'initial',\n        },\n      },\n      markdownEditorError: {\n        border: `1px solid ${theme.palette.error.main} !important`,\n      },\n      markdownPreview: {\n        '& *': {\n          wordBreak: 'break-word',\n        },\n        '&.inline': {\n          display: 'inline-block',\n        },\n        '& > :first-child': {\n          marginTop: '0px !important',\n        },\n        '& > :last-child': {\n          marginBottom: '0px !important',\n        },\n      },\n      suggestionsDropdown: {\n        position: 'absolute',\n        minWidth: '180px',\n        margin: '20px 0 0',\n        listStyle: 'none',\n        padding: '0',\n        cursor: 'pointer',\n        background: theme.palette.background.paper,\n        border: `1px solid ${theme.palette.divider}`,\n        borderRadius: theme.shape.borderRadius,\n        '& li': {\n          width: '100%',\n          padding: '0.5rem',\n          '&:hover': {\n            backgroundColor: theme.palette.action.hover,\n          },\n        },\n      },\n      hide: {\n        display: 'none',\n      },\n    };\n  },\n  { name: 'QetaMarkdownEditor' },\n);\n\nexport type MarkdownEditorProps = {\n  value: string;\n  onChange: (value: string) => void;\n  onTagsChange?: (tags: string[]) => void;\n  height: number;\n  error?: boolean;\n  placeholder?: string;\n  onImageUpload?: (imageId: number) => void;\n  disableToolbar?: boolean;\n  disableAttachments?: boolean;\n  disablePreview?: boolean;\n  postId?: number;\n  disabled?: boolean;\n  answerId?: number;\n  collectionId?: number;\n  autoFocus?: boolean;\n  required?: boolean;\n};\n\nconst NO_SUGGESTIONS = [{ preview: 'No suggestions', value: '' }];\n\nexport const MarkdownEditor = (props: MarkdownEditorProps) => {\n  const {\n    value,\n    onChange,\n    height,\n    disabled,\n    error,\n    placeholder,\n    disableAttachments,\n    onTagsChange,\n    disableToolbar,\n    disablePreview,\n    postId,\n    answerId,\n    collectionId,\n    autoFocus,\n    required = true,\n  } = props;\n  const [selectedTab, setSelectedTab] = React.useState<'write' | 'preview'>(\n    'write',\n  );\n  const styles = useStyles();\n  const errorApi = useApi(errorApiRef);\n  const qetaApi = useApi(qetaApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const config = useApi(configApiRef);\n\n  const loadUserSuggestions = async (text: string) => {\n    if (!text) {\n      return NO_SUGGESTIONS;\n    }\n    const users = await catalogApi.queryEntities({\n      filter: { kind: 'User' },\n      limit: 5,\n      fullTextFilter: {\n        term: text,\n        fields: [\n          'metadata.name',\n          'metadata.title',\n          'spec.profile.displayName',\n          'spec.profile.email',\n        ],\n      },\n    });\n\n    if (users.items.length === 0) {\n      return NO_SUGGESTIONS;\n    }\n\n    return users.items.map(entity => {\n      const user = entity as UserEntity;\n      const preview =\n        user.metadata.title ??\n        user.spec?.profile?.displayName ??\n        user.metadata.name;\n      return {\n        preview,\n        value: `@${stringifyEntityRef(user)}`,\n      };\n    });\n  };\n\n  const loadTagSuggestions = async (text: string) => {\n    if (!text) {\n      return NO_SUGGESTIONS;\n    }\n    const tags = await qetaApi.getTags({ searchQuery: text });\n    if (tags.tags.length === 0) {\n      return NO_SUGGESTIONS;\n    }\n    return tags.tags.map(tag => {\n      return {\n        preview: tag.tag,\n        value: `#${tag.tag}`,\n      };\n    });\n  };\n\n  const loadSuggestions = async (text: string, triggeredBy: string) => {\n    if (!text || !triggeredBy) {\n      return NO_SUGGESTIONS;\n    }\n    if (triggeredBy === '@') {\n      return loadUserSuggestions(text);\n    }\n    if (triggeredBy === '#') {\n      return loadTagSuggestions(text);\n    }\n    return NO_SUGGESTIONS;\n  };\n\n  const isUploadDisabled =\n    config?.getOptionalBoolean('qeta.storage.disabled') ||\n    disableAttachments ||\n    false;\n\n  return (\n    <ReactMde\n      classes={{\n        reactMde: `qetaMarkdownEditorEdit ${styles.markdownEditor}`,\n        textArea: error\n          ? `qetaMarkdownEditorError ${styles.markdownEditorError}`\n          : undefined,\n        preview: 'qetaMarkdownEditorPreview',\n        toolbar: `${\n          disableToolbar ? styles.hide : ''\n        } qetaMarkdownEditorToolbar`,\n        suggestionsDropdown: styles.suggestionsDropdown,\n      }}\n      disablePreview={disablePreview}\n      value={value}\n      onChange={onChange}\n      selectedTab={selectedTab}\n      onTabChange={setSelectedTab}\n      minEditorHeight={height}\n      minPreviewHeight={height - 10}\n      childProps={{\n        textArea: {\n          required,\n          placeholder,\n          disabled,\n          autoFocus,\n          onBlur: () => {\n            if (onTagsChange) {\n              onTagsChange(findTagMentions(value).map(t => t.slice(1)));\n            }\n          },\n        },\n      }}\n      suggestionTriggerCharacters={['@', '#']}\n      loadSuggestions={loadSuggestions}\n      suggestionsAutoplace\n      generateMarkdownPreview={content =>\n        Promise.resolve(\n          <MarkdownRenderer\n            content={content}\n            className={`qetaMarkdownEditorPreview ${styles.markdownPreview}`}\n            useBlankLinks\n          />,\n        )\n      }\n      paste={\n        isUploadDisabled\n          ? undefined\n          : {\n              saveImage: imageUpload({\n                qetaApi,\n                errorApi,\n                onImageUpload: props.onImageUpload,\n                postId,\n                answerId,\n                collectionId,\n              }),\n            }\n      }\n    />\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"MarkdownEditor.esm.js","sources":["../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport { useState } from 'react';\nimport ReactMde from 'react-mde';\nimport 'react-mde/lib/styles/css/react-mde.css';\nimport 'react-mde/lib/styles/css/react-mde-editor.css';\nimport 'react-mde/lib/styles/css/react-mde-toolbar.css';\nimport { configApiRef, errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { imageUpload } from '../../utils/utils';\nimport { makeStyles } from '@material-ui/core';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { stringifyEntityRef, UserEntity } from '@backstage/catalog-model';\nimport { findTagMentions } from '@drodil/backstage-plugin-qeta-common';\n\nexport type QetaMarkdownEditorClassKey =\n  | 'markdownEditor'\n  | 'markdownEditorError'\n  | 'markdownPreview'\n  | 'suggestionsDropdown';\n\nexport const useStyles = makeStyles(\n  theme => {\n    return {\n      markdownEditor: {\n        backgroundColor: 'initial',\n        color: theme.palette.text.primary,\n        border: `1px solid ${theme.palette.action.disabled}`,\n        borderRadius: theme.shape.borderRadius,\n        '&:hover': {\n          borderColor: theme.palette.action.active,\n        },\n        '&:focus-within': {\n          borderColor: theme.palette.primary.main,\n        },\n        '& .mde-header': {\n          backgroundColor: 'initial',\n          color: theme.palette.text.primary,\n          borderBottom: `1px solid ${theme.palette.action.selected}`,\n          '& .mde-tabs button, .mde-header-item > button': {\n            color: `${theme.palette.text.primary} !important`,\n          },\n        },\n        '& .mde-preview-content': {\n          padding: '10px',\n        },\n        '& .mde-text, .mde-preview': {\n          fontSize: theme.typography.body1.fontSize,\n          fontFamily: theme.typography.body1.fontFamily,\n          lineHeight: theme.typography.body1.lineHeight,\n        },\n        '& .mde-text': {\n          backgroundColor: 'initial',\n          color: theme.palette.text.primary,\n          outline: 'none',\n        },\n        '& .image-tip': {\n          color: theme.palette.text.primary,\n          backgroundColor: 'initial',\n        },\n      },\n      markdownEditorError: {\n        border: `1px solid ${theme.palette.error.main} !important`,\n      },\n      markdownPreview: {\n        '& *': {\n          wordBreak: 'break-word',\n        },\n        '&.inline': {\n          display: 'inline-block',\n        },\n        '& > :first-child': {\n          marginTop: '0px !important',\n        },\n        '& > :last-child': {\n          marginBottom: '0px !important',\n        },\n      },\n      suggestionsDropdown: {\n        position: 'absolute',\n        minWidth: '180px',\n        margin: '20px 0 0',\n        listStyle: 'none',\n        padding: '0',\n        cursor: 'pointer',\n        background: theme.palette.background.paper,\n        border: `1px solid ${theme.palette.divider}`,\n        borderRadius: theme.shape.borderRadius,\n        '& li': {\n          width: '100%',\n          padding: '0.5rem',\n          '&:hover': {\n            backgroundColor: theme.palette.action.hover,\n          },\n        },\n      },\n      hide: {\n        display: 'none',\n      },\n    };\n  },\n  { name: 'QetaMarkdownEditor' },\n);\n\nexport type MarkdownEditorProps = {\n  value: string;\n  onChange: (value: string) => void;\n  onTagsChange?: (tags: string[]) => void;\n  height: number;\n  error?: boolean;\n  placeholder?: string;\n  onImageUpload?: (imageId: number) => void;\n  disableToolbar?: boolean;\n  disableAttachments?: boolean;\n  disablePreview?: boolean;\n  postId?: number;\n  disabled?: boolean;\n  answerId?: number;\n  collectionId?: number;\n  autoFocus?: boolean;\n  required?: boolean;\n};\n\nconst NO_SUGGESTIONS = [{ preview: 'No suggestions', value: '' }];\n\nexport const MarkdownEditor = (props: MarkdownEditorProps) => {\n  const {\n    value,\n    onChange,\n    height,\n    disabled,\n    error,\n    placeholder,\n    disableAttachments,\n    onTagsChange,\n    disableToolbar,\n    disablePreview,\n    postId,\n    answerId,\n    collectionId,\n    autoFocus,\n    required = true,\n  } = props;\n  const [selectedTab, setSelectedTab] = useState<'write' | 'preview'>('write');\n  const styles = useStyles();\n  const errorApi = useApi(errorApiRef);\n  const qetaApi = useApi(qetaApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const config = useApi(configApiRef);\n\n  const loadUserSuggestions = async (text: string) => {\n    if (!text) {\n      return NO_SUGGESTIONS;\n    }\n    const users = await catalogApi.queryEntities({\n      filter: { kind: 'User' },\n      limit: 5,\n      fullTextFilter: {\n        term: text,\n        fields: [\n          'metadata.name',\n          'metadata.title',\n          'spec.profile.displayName',\n          'spec.profile.email',\n        ],\n      },\n    });\n\n    if (users.items.length === 0) {\n      return NO_SUGGESTIONS;\n    }\n\n    return users.items.map(entity => {\n      const user = entity as UserEntity;\n      const preview =\n        user.metadata.title ??\n        user.spec?.profile?.displayName ??\n        user.metadata.name;\n      return {\n        preview,\n        value: `@${stringifyEntityRef(user)}`,\n      };\n    });\n  };\n\n  const loadTagSuggestions = async (text: string) => {\n    if (!text) {\n      return NO_SUGGESTIONS;\n    }\n    const tags = await qetaApi.getTags({ searchQuery: text });\n    if (tags.tags.length === 0) {\n      return NO_SUGGESTIONS;\n    }\n    return tags.tags.map(tag => {\n      return {\n        preview: tag.tag,\n        value: `#${tag.tag}`,\n      };\n    });\n  };\n\n  const loadSuggestions = async (text: string, triggeredBy: string) => {\n    if (!text || !triggeredBy) {\n      return NO_SUGGESTIONS;\n    }\n    if (triggeredBy === '@') {\n      return loadUserSuggestions(text);\n    }\n    if (triggeredBy === '#') {\n      return loadTagSuggestions(text);\n    }\n    return NO_SUGGESTIONS;\n  };\n\n  const isUploadDisabled =\n    config?.getOptionalBoolean('qeta.storage.disabled') ||\n    disableAttachments ||\n    false;\n\n  return (\n    <ReactMde\n      classes={{\n        reactMde: `qetaMarkdownEditorEdit ${styles.markdownEditor}`,\n        textArea: error\n          ? `qetaMarkdownEditorError ${styles.markdownEditorError}`\n          : undefined,\n        preview: 'qetaMarkdownEditorPreview',\n        toolbar: `${\n          disableToolbar ? styles.hide : ''\n        } qetaMarkdownEditorToolbar`,\n        suggestionsDropdown: styles.suggestionsDropdown,\n      }}\n      disablePreview={disablePreview}\n      value={value}\n      onChange={onChange}\n      selectedTab={selectedTab}\n      onTabChange={setSelectedTab}\n      minEditorHeight={height}\n      minPreviewHeight={height - 10}\n      childProps={{\n        textArea: {\n          required,\n          placeholder,\n          disabled,\n          autoFocus,\n          onBlur: () => {\n            if (onTagsChange) {\n              onTagsChange(findTagMentions(value).map(t => t.slice(1)));\n            }\n          },\n        },\n      }}\n      suggestionTriggerCharacters={['@', '#']}\n      loadSuggestions={loadSuggestions}\n      suggestionsAutoplace\n      generateMarkdownPreview={content =>\n        Promise.resolve(\n          <MarkdownRenderer\n            content={content}\n            className={`qetaMarkdownEditorPreview ${styles.markdownPreview}`}\n            useBlankLinks\n          />,\n        )\n      }\n      paste={\n        isUploadDisabled\n          ? undefined\n          : {\n              saveImage: imageUpload({\n                qetaApi,\n                errorApi,\n                onImageUpload: props.onImageUpload,\n                postId,\n                answerId,\n                collectionId,\n              }),\n            }\n      }\n    />\n  );\n};\n"],"names":[],"mappings":"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"}