npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.9.3 → 3.10.0 - Mend

@drodil/backstage-plugin-qeta-react 3.9.3 → 3.10.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 (198) hide show

package/dist/components/CollectionsGrid/CollectionsGridContent.esm.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import React, { useState, useEffect } from 'react';
+import React__default from 'react';
 import { WarningPanel } from '@backstage/core-components';
-import { Grid } from '@material-ui/core';
+import Grid from '@mui/material/Grid';
 import { CollectionsGridItem } from './CollectionsGridItem.esm.js';
 import '@backstage/core-plugin-api';
 import '../../api.esm.js';
@@ -13,18 +13,12 @@ import { NoCollectionsCard } from './NoCollectionsCard.esm.js';
 const CollectionsGridContent = (props) => {
   const { loading, error, response } = props;
-  const [initialLoad, setInitialLoad] = useState(true);
   const { t } = useTranslation();
-  useEffect(() => {
-    if (!loading) {
-      setInitialLoad(false);
-    }
-  }, [initialLoad, loading]);
-  if (loading && initialLoad) {
-    return /* @__PURE__ */ React.createElement(LoadingGrid, null);
+  if (loading) {
+    return /* @__PURE__ */ React__default.createElement(LoadingGrid, null);
   }
   if (error || response === void 0) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React__default.createElement(
       WarningPanel,
       {
         severity: "error",
@@ -34,9 +28,9 @@ const CollectionsGridContent = (props) => {
     );
   }
   if (!response.collections || response.collections.length === 0) {
-    return /* @__PURE__ */ React.createElement(NoCollectionsCard, null);
+    return /* @__PURE__ */ React__default.createElement(NoCollectionsCard, null);
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
     Grid,
     {
       container: true,
@@ -46,7 +40,7 @@ const CollectionsGridContent = (props) => {
       style: { marginTop: "1rem" }
     },
     response.collections.map((p) => {
-      return /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, md: 4, lg: 3, key: p.id }, /* @__PURE__ */ React.createElement(CollectionsGridItem, { collection: p }));
+      return /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, md: 4, lg: 3, key: p.id }, /* @__PURE__ */ React__default.createElement(CollectionsGridItem, { collection: p }));
     })
   ));
 };

package/dist/components/CollectionsGrid/CollectionsGridContent.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CollectionsGridContent.esm.js","sources":["../../../src/components/CollectionsGrid/CollectionsGridContent.tsx"],"sourcesContent":["import { CollectionsResponse } from '@drodil/backstage-plugin-qeta-common';\nimport React, ~~{ useEffect, useState }~~ from 'react';\nimport { WarningPanel } from '@backstage/core-components';\nimport { Grid } from '@material~~-ui~~/~~core~~';\nimport { CollectionsGridItem } from './CollectionsGridItem';\nimport { useTranslation } from '../../hooks';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { NoCollectionsCard } from './NoCollectionsCard';\n\nexport const CollectionsGridContent = (props: {\n loading: boolean;\n error: any;\n response?: CollectionsResponse;\n}) => {\n const { loading, error, response } = props;\n const ~~[initialLoad, setInitialLoad] = useState(true);\n const~~ { t } = useTranslation();\n\n ~~useEffect(() => {\n~~ if (!loading) {\n ~~setInitialLoad(false);\n~~ ~~}\n }, [initialLoad, loading]);\n\n if (loading && initialLoad) {\n~~ return <LoadingGrid />;\n }\n\n if (error \|\| response === undefined) {\n return (\n <WarningPanel\n severity=\"error\"\n title={t('postsList.errorLoading', { itemType: 'collections' })}\n >\n {error?.message}\n </WarningPanel>\n );\n }\n\n if (!response.collections \|\| response.collections.length === 0) {\n return <NoCollectionsCard />;\n }\n\n return (\n <>\n <Grid\n container\n item\n direction=\"row\"\n alignItems=\"stretch\"\n style={{ marginTop: '1rem' }}\n >\n {response.collections.map(p => {\n return (\n <Grid item xs={12} md={4} lg={3} key={p.id}>\n <CollectionsGridItem collection={p} />\n </Grid>\n );\n })}\n </Grid>\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AASa,MAAA,sBAAA,GAAyB,CAAC,KAIjC,KAAA;AACJ,EAAA,MAAM,EAAE,OAAA,EAAS,KAAO,EAAA,QAAA,EAAa,GAAA,KAAA,CAAA;AACrC,~~EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,IAAI,CAAA,CAAA;AACnD,~~EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,~~SAAA,CAAU,MAAM;AACd,IAAA,~~IAAI,~~CAAC,~~OAAS,EAAA;~~AACZ~~,~~MAAA,cAAA,CAAe,KAAK,CAAA,CAAA;AAAA,KACtB;AAAA,GACC,EAAA,CAAC,WAAa,EAAA,OAAO,CAAC,CAAA,CAAA;AAEzB,EAAA,IAAI,WAAW,WAAa,EAAA;AAC1B,~~IAAA,~~2CAAQ~~,WAAY,EAAA,IAAA,CAAA,CAAA;AAAA,GACtB;AAEA,EAAI,IAAA,KAAA,IAAS,aAAa,KAAW,CAAA,EAAA;AACnC,IACE,~~uBAAA~~,~~KAAA~~,CAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,QAAS,EAAA,OAAA;AAAA,QACT,OAAO,CAAE,CAAA,wBAAA,EAA0B,EAAE,QAAA,EAAU,eAAe,CAAA;AAAA,OAAA;AAAA,MAE7D,KAAO,EAAA,OAAA;AAAA,KACV,CAAA;AAAA,GAEJ;AAEA,EAAA,IAAI,CAAC,QAAS,CAAA,WAAA,IAAe,QAAS,CAAA,WAAA,CAAY,WAAW,CAAG,EAAA;AAC9D,IAAA,~~2CAAQ~~,iBAAkB,EAAA,IAAA,CAAA,CAAA;AAAA,GAC5B;AAEA,EAAA,~~uBAEI~~,~~KAAA~~,CAAA,aAAA,~~CAAA~~,~~KAAA~~,CAAA,QAAA,EAAA,IAAA,~~kBAAA~~,~~KAAA~~,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,IAAI,EAAA,IAAA;AAAA,MACJ,SAAU,EAAA,KAAA;AAAA,MACV,UAAW,EAAA,SAAA;AAAA,MACX,KAAA,EAAO,EAAE,SAAA,EAAW,MAAO,EAAA;AAAA,KAAA;AAAA,IAE1B,QAAA,CAAS,WAAY,CAAA,GAAA,CAAI,CAAK,CAAA,KAAA;AAC7B,MAAA,~~2CACG~~,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,IAAI,EAAI,EAAA,CAAA,EAAG,EAAI,EAAA,CAAA,EAAG,KAAK,CAAE,CAAA,EAAA,EAAA,~~sCACrC,~~mBAAoB,EAAA,EAAA,UAAA,EAAY,GAAG,CACtC,CAAA,CAAA;AAAA,KAEH,CAAA;AAAA,GAEL,CAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"CollectionsGridContent.esm.js","sources":["../../../src/components/CollectionsGrid/CollectionsGridContent.tsx"],"sourcesContent":["import { CollectionsResponse } from '@drodil/backstage-plugin-qeta-common';\nimport React from 'react';\nimport { WarningPanel } from '@backstage/core-components';\nimport Grid from '@mui/material/Grid';\nimport { CollectionsGridItem } from './CollectionsGridItem';\nimport { useTranslation } from '../../hooks';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { NoCollectionsCard } from './NoCollectionsCard';\n\nexport const CollectionsGridContent = (props: {\n loading: boolean;\n error: any;\n response?: CollectionsResponse;\n}) => {\n const { loading, error, response } = props;\n const { t } = useTranslation();\n\n if (loading) {\n return <LoadingGrid />;\n }\n\n if (error \|\| response === undefined) {\n return (\n <WarningPanel\n severity=\"error\"\n title={t('postsList.errorLoading', { itemType: 'collections' })}\n >\n {error?.message}\n </WarningPanel>\n );\n }\n\n if (!response.collections \|\| response.collections.length === 0) {\n return <NoCollectionsCard />;\n }\n\n return (\n <>\n <Grid\n container\n item\n direction=\"row\"\n alignItems=\"stretch\"\n style={{ marginTop: '1rem' }}\n >\n {response.collections.map(p => {\n return (\n <Grid item xs={12} md={4} lg={3} key={p.id}>\n <CollectionsGridItem collection={p} />\n </Grid>\n );\n })}\n </Grid>\n </>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AASa,MAAA,sBAAA,GAAyB,CAAC,KAIjC,KAAA;AACJ,EAAA,MAAM,EAAE,OAAA,EAAS,KAAO,EAAA,QAAA,EAAa,GAAA,KAAA,CAAA;AACrC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,oDAAQ,WAAY,EAAA,IAAA,CAAA,CAAA;AAAA,GACtB;AAEA,EAAI,IAAA,KAAA,IAAS,aAAa,KAAW,CAAA,EAAA;AACnC,IACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,QAAS,EAAA,OAAA;AAAA,QACT,OAAO,CAAE,CAAA,wBAAA,EAA0B,EAAE,QAAA,EAAU,eAAe,CAAA;AAAA,OAAA;AAAA,MAE7D,KAAO,EAAA,OAAA;AAAA,KACV,CAAA;AAAA,GAEJ;AAEA,EAAA,IAAI,CAAC,QAAS,CAAA,WAAA,IAAe,QAAS,CAAA,WAAA,CAAY,WAAW,CAAG,EAAA;AAC9D,IAAA,oDAAQ,iBAAkB,EAAA,IAAA,CAAA,CAAA;AAAA,GAC5B;AAEA,EAAA,uBAEIA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,IAAI,EAAA,IAAA;AAAA,MACJ,SAAU,EAAA,KAAA;AAAA,MACV,UAAW,EAAA,SAAA;AAAA,MACX,KAAA,EAAO,EAAE,SAAA,EAAW,MAAO,EAAA;AAAA,KAAA;AAAA,IAE1B,QAAA,CAAS,WAAY,CAAA,GAAA,CAAI,CAAK,CAAA,KAAA;AAC7B,MAAA,oDACG,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,IAAI,EAAI,EAAA,CAAA,EAAG,EAAI,EAAA,CAAA,EAAG,KAAK,CAAE,CAAA,EAAA,EAAA,+CACrC,mBAAoB,EAAA,EAAA,UAAA,EAAY,GAAG,CACtC,CAAA,CAAA;AAAA,KAEH,CAAA;AAAA,GAEL,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/CollectionsGrid/CollectionsGridItem.esm.js CHANGED Viewed

@@ -1,8 +1,15 @@
 import { truncate, removeMarkdownFormatting } from '@drodil/backstage-plugin-qeta-common';
-import React from 'react';
+import React__default from 'react';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import { collectionRouteRef } from '../../routes.esm.js';
-import { Card, CardActionArea, CardMedia, CardContent, Typography, Grid, Tooltip, Button } from '@material-ui/core';
+import Card from '@mui/material/Card';
+import CardContent from '@mui/material/CardContent';
+import CardActionArea from '@mui/material/CardActionArea';
+import Tooltip from '@mui/material/Tooltip';
+import Typography from '@mui/material/Typography';
+import Grid from '@mui/material/Grid';
+import Button from '@mui/material/Button';
+import CardMedia from '@mui/material/CardMedia';
 import DOMPurify from 'dompurify';
 import { useNavigate } from 'react-router-dom';
 import { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities.esm.js';
@@ -20,7 +27,7 @@ const CollectionsGridItem = (props) => {
   const navigate = useNavigate();
   const collections = useCollectionsFollow();
   const href = collectionRoute({ id: collection.id.toString(10) });
-  return /* @__PURE__ */ React.createElement(Card, { style: { height: "100%", display: "flex", flexDirection: "column" } }, /* @__PURE__ */ React.createElement(CardActionArea, { onClick: () => navigate(href) }, collection.headerImage && /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(Card, { style: { height: "100%", display: "flex", flexDirection: "column" } }, /* @__PURE__ */ React__default.createElement(CardActionArea, { onClick: () => navigate(href) }, collection.headerImage && /* @__PURE__ */ React__default.createElement(
     CardMedia,
     {
       component: "img",
@@ -28,14 +35,14 @@ const CollectionsGridItem = (props) => {
       image: collection.headerImage,
       alt: collection.title
     }
-  ), /* @__PURE__ */ React.createElement(CardContent, { style: { paddingBottom: "0.5rem" } }, /* @__PURE__ */ React.createElement(Typography, { gutterBottom: true, variant: "h6", component: "div" }, collection.title), collection.description && /* @__PURE__ */ React.createElement(Typography, { variant: "body2", color: "textSecondary", gutterBottom: true }, DOMPurify.sanitize(
+  ), /* @__PURE__ */ React__default.createElement(CardContent, { style: { paddingBottom: "0.5rem" } }, /* @__PURE__ */ React__default.createElement(Typography, { gutterBottom: true, variant: "h6", component: "div" }, collection.title), collection.description && /* @__PURE__ */ React__default.createElement(Typography, { variant: "body2", color: "textSecondary", gutterBottom: true }, DOMPurify.sanitize(
     truncate(removeMarkdownFormatting(collection.description), 200)
-  )), /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(TagsAndEntities, { entity: collection })), /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, t("common.posts", {
+  )), /* @__PURE__ */ React__default.createElement(Grid, { container: true }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(TagsAndEntities, { entity: collection })), /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption" }, t("common.posts", {
     count: collection.posts?.length ?? 0,
     itemType: "post"
   }), " \xB7 ", t("common.followers", {
     count: collection.followers
-  })))))), /* @__PURE__ */ React.createElement(CardContent, { style: { marginTop: "auto" } }, /* @__PURE__ */ React.createElement(Grid, { container: true, justifyContent: "center" }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Tooltip, { title: t("collectionButton.tooltip") }, /* @__PURE__ */ React.createElement(
+  })))))), /* @__PURE__ */ React__default.createElement(CardContent, { style: { marginTop: "auto" } }, /* @__PURE__ */ React__default.createElement(Grid, { container: true, justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("collectionButton.tooltip") }, /* @__PURE__ */ React__default.createElement(
     Button,
     {
       size: "small",

package/dist/components/CollectionsGrid/CollectionsGridItem.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CollectionsGridItem.esm.js","sources":["../../../src/components/CollectionsGrid/CollectionsGridItem.tsx"],"sourcesContent":["import {\n Collection,\n removeMarkdownFormatting,\n truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport React from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { collectionRouteRef } from '../../routes';\nimport ~~{\n Button,\n~~ Card~~,\n~~ CardActionArea~~,\n CardContent,\n CardMedia,\n Grid,\n~~ Tooltip~~,\n~~ Typography~~,\n}~~ from '@material~~-ui~~/~~core~~';\nimport DOMPurify from 'dompurify';\nimport { useNavigate } from 'react-router-dom';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { useTranslation } from '../../hooks';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\n\nexport interface PostsGridItemProps {\n collection: Collection;\n}\n\nexport const CollectionsGridItem = (props: PostsGridItemProps) => {\n const { collection } = props;\n const { t } = useTranslation();\n\n const collectionRoute = useRouteRef(collectionRouteRef);\n const navigate = useNavigate();\n const collections = useCollectionsFollow();\n const href = collectionRoute({ id: collection.id.toString(10) });\n\n return (\n <Card style={{ height: '100%', display: 'flex', flexDirection: 'column' }}>\n <CardActionArea onClick={() => navigate(href)}>\n {collection.headerImage && (\n <CardMedia\n component=\"img\"\n height=\"140\"\n image={collection.headerImage}\n alt={collection.title}\n />\n )}\n <CardContent style={{ paddingBottom: '0.5rem' }}>\n <Typography gutterBottom variant=\"h6\" component=\"div\">\n {collection.title}\n </Typography>\n {collection.description && (\n <Typography variant=\"body2\" color=\"textSecondary\" gutterBottom>\n {DOMPurify.sanitize(\n truncate(removeMarkdownFormatting(collection.description), 200),\n )}\n </Typography>\n )}\n <Grid container>\n <Grid item xs={12}>\n <TagsAndEntities entity={collection} />\n </Grid>\n <Grid item>\n <Typography variant=\"caption\">\n {t('common.posts', {\n count: collection.posts?.length ?? 0,\n itemType: 'post',\n })}\n {' · '}\n {t('common.followers', {\n count: collection.followers,\n })}\n </Typography>\n </Grid>\n </Grid>\n </CardContent>\n </CardActionArea>\n <CardContent style={{ marginTop: 'auto' }}>\n <Grid container justifyContent=\"center\">\n <Grid item>\n <Tooltip title={t('collectionButton.tooltip')}>\n <Button\n size=\"small\"\n variant=\"outlined\"\n color={\n collections.isFollowingCollection(collection)\n ? 'secondary'\n : 'primary'\n }\n onClick={() => {\n if (collections.isFollowingCollection(collection)) {\n collections.unfollowCollection(collection);\n } else {\n collections.followCollection(collection);\n }\n }}\n >\n {collections.isFollowingCollection(collection)\n ? t('collectionButton.unfollow')\n : t('collectionButton.follow')}\n </Button>\n </Tooltip>\n </Grid>\n </Grid>\n </CardContent>\n </Card>\n );\n};\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;AA4Ba~~,MAAA,mBAAA,GAAsB,CAAC,KAA8B,KAAA;AAChE,EAAM,MAAA,EAAE,YAAe,GAAA,KAAA,CAAA;AACvB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAM,MAAA,eAAA,GAAkB,YAAY,kBAAkB,CAAA,CAAA;AACtD,EAAA,MAAM,WAAW,WAAY,EAAA,CAAA;AAC7B,EAAA,MAAM,cAAc,oBAAqB,EAAA,CAAA;AACzC,EAAM,MAAA,IAAA,GAAO,gBAAgB,EAAE,EAAA,EAAI,WAAW,EAAG,CAAA,QAAA,CAAS,EAAE,CAAA,EAAG,CAAA,CAAA;AAE/D,EAAA,~~2CACG~~,IAAK,EAAA,EAAA,KAAA,EAAO,EAAE,MAAQ,EAAA,MAAA,EAAQ,SAAS,MAAQ,EAAA,aAAA,EAAe,UAC7D,EAAA,~~kBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,kBAAe,OAAS,EAAA,MAAM,SAAS,IAAI,CAAA,EAAA,EACzC,WAAW,WACV,~~oBAAA~~,~~KAAA~~,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,KAAA;AAAA,MACV,MAAO,EAAA,KAAA;AAAA,MACP,OAAO,UAAW,CAAA,WAAA;AAAA,MAClB,KAAK,UAAW,CAAA,KAAA;AAAA,KAAA;AAAA,GAGpB,~~kBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,KAAA,EAAO,EAAE,aAAA,EAAe,QAAS,EAAA,EAAA,~~kBAC3C~~,~~KAAA~~,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,YAAY,EAAA,IAAA,EAAC,OAAQ,EAAA,IAAA,EAAK,SAAU,EAAA,KAAA,EAAA,EAC7C,UAAW,CAAA,KACd,CACC,EAAA,UAAA,CAAW,WACV,~~oBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,KAAA,EAAM,eAAgB,EAAA,YAAA,EAAY,QAC3D,SAAU,CAAA,QAAA;AAAA,IACT,QAAS,CAAA,wBAAA,CAAyB,UAAW,CAAA,WAAW,GAAG,GAAG,CAAA;AAAA,GAElE,CAEF,~~kBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,~~kBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,~~kBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,eAAgB,EAAA,EAAA,MAAA,EAAQ,UAAY,EAAA,CACvC,CACA,~~kBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,~~kBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SACjB,EAAA,EAAA,CAAA,CAAE,cAAgB,EAAA;AAAA,IACjB,KAAA,EAAO,UAAW,CAAA,KAAA,EAAO,MAAU,IAAA,CAAA;AAAA,IACnC,QAAU,EAAA,MAAA;AAAA,GACX,CAAA,EACA,QACA,EAAA,CAAA,CAAE,kBAAoB,EAAA;AAAA,IACrB,OAAO,UAAW,CAAA,SAAA;AAAA,GACnB,CACH,CACF,CACF,CACF,CACF,CACA,~~kBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,KAAA,EAAO,EAAE,SAAA,EAAW,MAAO,EAAA,EAAA,~~kBACrC~~,~~KAAA~~,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,cAAe,EAAA,QAAA,EAAA,~~kBAC5B~~,~~KAAA~~,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAA,~~kBACP~~,~~KAAA~~,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,0BAA0B,CAC1C,EAAA,~~kBAAA~~,~~KAAA~~,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,OAAA;AAAA,MACL,OAAQ,EAAA,UAAA;AAAA,MACR,KACE,EAAA,WAAA,CAAY,qBAAsB,CAAA,UAAU,IACxC,WACA,GAAA,SAAA;AAAA,MAEN,SAAS,MAAM;AACb,QAAI,IAAA,WAAA,CAAY,qBAAsB,CAAA,UAAU,CAAG,EAAA;AACjD,UAAA,WAAA,CAAY,mBAAmB,UAAU,CAAA,CAAA;AAAA,SACpC,MAAA;AACL,UAAA,WAAA,CAAY,iBAAiB,UAAU,CAAA,CAAA;AAAA,SACzC;AAAA,OACF;AAAA,KAAA;AAAA,IAEC,WAAA,CAAY,sBAAsB,UAAU,CAAA,GACzC,EAAE,2BAA2B,CAAA,GAC7B,EAAE,yBAAyB,CAAA;AAAA,GAEnC,CACF,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"CollectionsGridItem.esm.js","sources":["../../../src/components/CollectionsGrid/CollectionsGridItem.tsx"],"sourcesContent":["import {\n Collection,\n removeMarkdownFormatting,\n truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport React from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { collectionRouteRef } from '../../routes';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport CardActionArea from '@mui/material/CardActionArea';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport CardMedia from '@mui/material/CardMedia';\nimport DOMPurify from 'dompurify';\nimport { useNavigate } from 'react-router-dom';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { useTranslation } from '../../hooks';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\n\nexport interface PostsGridItemProps {\n collection: Collection;\n}\n\nexport const CollectionsGridItem = (props: PostsGridItemProps) => {\n const { collection } = props;\n const { t } = useTranslation();\n\n const collectionRoute = useRouteRef(collectionRouteRef);\n const navigate = useNavigate();\n const collections = useCollectionsFollow();\n const href = collectionRoute({ id: collection.id.toString(10) });\n\n return (\n <Card style={{ height: '100%', display: 'flex', flexDirection: 'column' }}>\n <CardActionArea onClick={() => navigate(href)}>\n {collection.headerImage && (\n <CardMedia\n component=\"img\"\n height=\"140\"\n image={collection.headerImage}\n alt={collection.title}\n />\n )}\n <CardContent style={{ paddingBottom: '0.5rem' }}>\n <Typography gutterBottom variant=\"h6\" component=\"div\">\n {collection.title}\n </Typography>\n {collection.description && (\n <Typography variant=\"body2\" color=\"textSecondary\" gutterBottom>\n {DOMPurify.sanitize(\n truncate(removeMarkdownFormatting(collection.description), 200),\n )}\n </Typography>\n )}\n <Grid container>\n <Grid item xs={12}>\n <TagsAndEntities entity={collection} />\n </Grid>\n <Grid item>\n <Typography variant=\"caption\">\n {t('common.posts', {\n count: collection.posts?.length ?? 0,\n itemType: 'post',\n })}\n {' · '}\n {t('common.followers', {\n count: collection.followers,\n })}\n </Typography>\n </Grid>\n </Grid>\n </CardContent>\n </CardActionArea>\n <CardContent style={{ marginTop: 'auto' }}>\n <Grid container justifyContent=\"center\">\n <Grid item>\n <Tooltip title={t('collectionButton.tooltip')}>\n <Button\n size=\"small\"\n variant=\"outlined\"\n color={\n collections.isFollowingCollection(collection)\n ? 'secondary'\n : 'primary'\n }\n onClick={() => {\n if (collections.isFollowingCollection(collection)) {\n collections.unfollowCollection(collection);\n } else {\n collections.followCollection(collection);\n }\n }}\n >\n {collections.isFollowingCollection(collection)\n ? t('collectionButton.unfollow')\n : t('collectionButton.follow')}\n </Button>\n </Tooltip>\n </Grid>\n </Grid>\n </CardContent>\n </Card>\n );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/CollectionsGrid/NoCollectionsCard.esm.js CHANGED Viewed

@@ -1,5 +1,8 @@
-import { Card, CardContent, Grid, Typography } from '@material-ui/core';
-import React from 'react';
+import Card from '@mui/material/Card';
+import CardContent from '@mui/material/CardContent';
+import Typography from '@mui/material/Typography';
+import Grid from '@mui/material/Grid';
+import React__default from 'react';
 import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import 'react-use';
@@ -9,7 +12,7 @@ import 'react-use/lib/useAsync';
 const NoCollectionsCard = () => {
   const { t } = useTranslation();
-  return /* @__PURE__ */ React.createElement(Card, { style: { marginTop: "2rem" } }, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(Card, { style: { marginTop: "2rem" } }, /* @__PURE__ */ React__default.createElement(CardContent, null, /* @__PURE__ */ React__default.createElement(
     Grid,
     {
       container: true,
@@ -17,7 +20,7 @@ const NoCollectionsCard = () => {
       alignItems: "center",
       direction: "column"
     },
-    /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, t(`common.collections`, { count: 0 })))
+    /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h6" }, t(`common.collections`, { count: 0 })))
   )));
 };

package/dist/components/CollectionsGrid/NoCollectionsCard.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NoCollectionsCard.esm.js","sources":["../../../src/components/CollectionsGrid/NoCollectionsCard.tsx"],"sourcesContent":["import { Card, CardContent, ~~Grid,~~ Typography } from '@material~~-ui~~/~~core~~';\nimport React from 'react';\nimport { useTranslation } from '../../hooks';\n\nexport const NoCollectionsCard = () => {\n const { t } = useTranslation();\n\n return (\n <Card style={{ marginTop: '2rem' }}>\n <CardContent>\n <Grid\n container\n justifyContent=\"center\"\n alignItems=\"center\"\n direction=\"column\"\n >\n <Grid item>\n <Typography variant=\"h6\">\n {t(`common.collections`, { count: 0 })}\n </Typography>\n </Grid>\n </Grid>\n </CardContent>\n </Card>\n );\n};\n"],"names":[],"mappings":"~~;;;;;;;;;AAIO~~,MAAM,oBAAoB,MAAM;AACrC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EACE,~~uBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,QAAK,KAAO,EAAA,EAAE,WAAW,MAAO,EAAA,EAAA,~~sCAC9B,~~WACC,EAAA,IAAA,~~kBAAA~~,~~KAAA~~,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,cAAe,EAAA,QAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MACX,SAAU,EAAA,QAAA;AAAA,KAAA;AAAA,~~oBAET~~,~~KAAA~~,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAA,~~sCACP,~~UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,EAAA,CAAA,CAAE,sBAAsB,EAAE,KAAA,EAAO,CAAE,EAAC,CACvC,CACF,CAAA;AAAA,GAEJ,CACF,CAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"NoCollectionsCard.esm.js","sources":["../../../src/components/CollectionsGrid/NoCollectionsCard.tsx"],"sourcesContent":["import Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport React from 'react';\nimport { useTranslation } from '../../hooks';\n\nexport const NoCollectionsCard = () => {\n const { t } = useTranslation();\n\n return (\n <Card style={{ marginTop: '2rem' }}>\n <CardContent>\n <Grid\n container\n justifyContent=\"center\"\n alignItems=\"center\"\n direction=\"column\"\n >\n <Grid item>\n <Typography variant=\"h6\">\n {t(`common.collections`, { count: 0 })}\n </Typography>\n </Grid>\n </Grid>\n </CardContent>\n </Card>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAOO,MAAM,oBAAoB,MAAM;AACrC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,KAAO,EAAA,EAAE,WAAW,MAAO,EAAA,EAAA,+CAC9B,WACC,EAAA,IAAA,kBAAAA,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,SAAU,EAAA,QAAA;AAAA,KAAA;AAAA,oBAETA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAA,+CACP,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,EAAA,CAAA,CAAE,sBAAsB,EAAE,KAAA,EAAO,CAAE,EAAC,CACvC,CACF,CAAA;AAAA,GAEJ,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/CommentSection/CommentList.esm.js CHANGED Viewed

@@ -1,5 +1,8 @@
-import { makeStyles, Box, Typography, Divider } from '@material-ui/core';
-import React from 'react';
+import Typography from '@mui/material/Typography';
+import Divider from '@mui/material/Divider';
+import Box from '@mui/material/Box';
+import makeStyles from '@mui/styles/makeStyles';
+import React__default from 'react';
 import { Link } from '@backstage/core-components';
 import { useApi } from '@backstage/core-plugin-api';
 import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js';
@@ -51,14 +54,14 @@ const CommentList = (props) => {
   if (!entity.comments || entity.comments.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(Box, { marginBottom: 2 }, entity.comments?.map((c) => {
-    return /* @__PURE__ */ React.createElement("div", { key: c.id }, /* @__PURE__ */ React.createElement(Box, { className: `${styles.commentBox} qetaCommentBox` }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(Box, { marginBottom: 2 }, entity.comments?.map((c) => {
+    return /* @__PURE__ */ React__default.createElement("div", { key: c.id }, /* @__PURE__ */ React__default.createElement(Box, { className: `${styles.commentBox} qetaCommentBox` }, /* @__PURE__ */ React__default.createElement(
       MarkdownRenderer,
       {
         content: c.content,
         className: styles.markdown
       }
-    ), /* @__PURE__ */ React.createElement(Typography, { variant: "caption", className: "qetaCommentMetadata" }, " \u2013 ", /* @__PURE__ */ React.createElement(AuthorLink, { entity: c }), " ", /* @__PURE__ */ React.createElement(RelativeTimeWithTooltip, { value: c.created }), (c.own || c.canDelete) && /* @__PURE__ */ React.createElement(React.Fragment, null, " / ", /* @__PURE__ */ React.createElement(
+    ), /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption", className: "qetaCommentMetadata" }, " \u2013 ", /* @__PURE__ */ React__default.createElement(AuthorLink, { entity: c }), " ", /* @__PURE__ */ React__default.createElement(RelativeTimeWithTooltip, { value: c.created }), (c.own || c.canDelete) && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, " / ", /* @__PURE__ */ React__default.createElement(
       Link,
       {
         underline: "none",
@@ -67,7 +70,7 @@ const CommentList = (props) => {
         onClick: () => deleteComment(c.id)
       },
       t("commentList.deleteLink")
-    )))), /* @__PURE__ */ React.createElement(Divider, null));
+    )))), /* @__PURE__ */ React__default.createElement(Divider, null));
   }));
 };

package/dist/components/CommentSection/CommentList.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentList.esm.js","sources":["../../../src/components/CommentSection/CommentList.tsx"],"sourcesContent":["import {\n AnswerResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { ~~Box,~~ Divider, ~~makeStyles,~~ ~~Typography~~ } from '@material~~-ui~~/~~core~~';\nimport React from 'react';\nimport { Link } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip';\nimport { AuthorLink } from '../Links/Links';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../hooks';\n\nexport const useStyles = makeStyles(\n theme => {\n return {\n commentBox: {\n padding: theme.spacing(2),\n '&:hover': {\n backgroundColor: theme.palette.background.paper,\n },\n },\n markdown: {\n display: 'inline',\n '& :first-child': {\n marginTop: 0,\n },\n '& :last-child': {\n display: 'inline',\n },\n },\n };\n },\n { name: 'QetaCommentList' },\n);\n\nexport const CommentList = (props: {\n onCommentDelete: (question: PostResponse, answer?: AnswerResponse) => void;\n question: PostResponse;\n answer?: AnswerResponse;\n}) => {\n const { question, answer, onCommentDelete } = props;\n const entity = answer ?? question;\n const qetaApi = useApi(qetaApiRef);\n const { t } = useTranslation();\n const styles = useStyles();\n\n const deleteComment = (id: number) => {\n if (answer) {\n qetaApi.deleteAnswerComment(question.id, answer.id, id).then(a => {\n onCommentDelete(question, a);\n return;\n });\n }\n qetaApi.deletePostComment(question.id, id).then(q => onCommentDelete(q));\n };\n\n if (!entity.comments \|\| entity.comments.length === 0) {\n return null;\n }\n\n return (\n <Box marginBottom={2}>\n {entity.comments?.map(c => {\n return (\n <div key={c.id}>\n <Box className={`${styles.commentBox} qetaCommentBox`}>\n <MarkdownRenderer\n content={c.content}\n className={styles.markdown}\n />\n <Typography variant=\"caption\" className=\"qetaCommentMetadata\">\n {' – '}\n <AuthorLink entity={c} />{' '}\n <RelativeTimeWithTooltip value={c.created} />\n {(c.own \|\| c.canDelete) && (\n <>\n {' / '}\n <Link\n underline=\"none\"\n to=\"#\"\n className=\"qetaCommentDeleteBtn\"\n onClick={() => deleteComment(c.id)}\n >\n {t('commentList.deleteLink')}\n </Link>\n </>\n )}\n </Typography>\n </Box>\n <Divider />\n </div>\n );\n })}\n </Box>\n );\n};\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;AAcO~~,MAAM,SAAY,GAAA,UAAA;AAAA,EACvB,CAAS,KAAA,KAAA;AACP,IAAO,OAAA;AAAA,MACL,UAAY,EAAA;AAAA,QACV,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,QACxB,SAAW,EAAA;AAAA,UACT,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,KAAA;AAAA,SAC5C;AAAA,OACF;AAAA,MACA,QAAU,EAAA;AAAA,QACR,OAAS,EAAA,QAAA;AAAA,QACT,iBAAmB,EAAA;AAAA,UACjB,SAAW,EAAA,CAAA;AAAA,SACb;AAAA,QACA,gBAAkB,EAAA;AAAA,UAChB,OAAS,EAAA,QAAA;AAAA,SACX;AAAA,OACF;AAAA,KACF,CAAA;AAAA,GACF;AAAA,EACA,EAAE,MAAM,iBAAkB,EAAA;AAC5B,EAAA;AAEa,MAAA,WAAA,GAAc,CAAC,KAItB,KAAA;AACJ,EAAA,MAAM,EAAE,QAAA,EAAU,MAAQ,EAAA,eAAA,EAAoB,GAAA,KAAA,CAAA;AAC9C,EAAA,MAAM,SAAS,MAAU,IAAA,QAAA,CAAA;AACzB,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AACjC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAEzB,EAAM,MAAA,aAAA,GAAgB,CAAC,EAAe,KAAA;AACpC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAQ,OAAA,CAAA,mBAAA,CAAoB,SAAS,EAAI,EAAA,MAAA,CAAO,IAAI,EAAE,CAAA,CAAE,KAAK,CAAK,CAAA,KAAA;AAChE,QAAA,eAAA,CAAgB,UAAU,CAAC,CAAA,CAAA;AAC3B,QAAA,OAAA;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AACA,IAAQ,OAAA,CAAA,iBAAA,CAAkB,SAAS,EAAI,EAAA,EAAE,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,eAAgB,CAAA,CAAC,CAAC,CAAA,CAAA;AAAA,GACzE,CAAA;AAEA,EAAA,IAAI,CAAC,MAAO,CAAA,QAAA,IAAY,MAAO,CAAA,QAAA,CAAS,WAAW,CAAG,EAAA;AACpD,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,~~2CACG~~,GAAI,EAAA,EAAA,YAAA,EAAc,KAChB,MAAO,CAAA,QAAA,EAAU,IAAI,CAAK,CAAA,KAAA;AACzB,IACE,~~uBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,GAAA,EAAK,CAAE,CAAA,EAAA,EAAA,~~kBACT~~,~~KAAA~~,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,CAAA,EAAG,MAAO,CAAA,UAAU,CAClC,eAAA,CAAA,EAAA,~~kBAAA~~,~~KAAA~~,CAAA,aAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,SAAS,CAAE,CAAA,OAAA;AAAA,QACX,WAAW,MAAO,CAAA,QAAA;AAAA,OAAA;AAAA,KACpB,~~kBACC~~,~~KAAA~~,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,SAAA,EAAU,WAAU,qBACrC,EAAA,EAAA,UAAA,~~kBACA~~,~~KAAA~~,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,MAAQ,EAAA,CAAA,EAAG,GAAG,GAC1B,~~kBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,uBAAwB,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,OAAA,EAAS,CACzC,EAAA,CAAA,CAAA,CAAE,GAAO,IAAA,CAAA,CAAE,SACX,~~qBAAA~~,~~KAAA~~,CAAA,aAAA,~~CAAA~~,~~KAAA~~,CAAA,QAAA,EAAA,IAAA,EACG,KACD,~~kBAAA~~,~~KAAA~~,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,MAAA;AAAA,QACV,EAAG,EAAA,GAAA;AAAA,QACH,SAAU,EAAA,sBAAA;AAAA,QACV,OAAS,EAAA,MAAM,aAAc,CAAA,CAAA,CAAE,EAAE,CAAA;AAAA,OAAA;AAAA,MAEhC,EAAE,wBAAwB,CAAA;AAAA,KAE/B,CAEJ,CACF,CACA,~~kBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,aAAQ,CACX,CAAA,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"CommentList.esm.js","sources":["../../../src/components/CommentSection/CommentList.tsx"],"sourcesContent":["import {\n AnswerResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport Typography from '@mui/material/Typography';\nimport Divider from '@mui/material/Divider';\nimport Box from '@mui/material/Box';\nimport makeStyles from '@mui/styles/makeStyles';\nimport React from 'react';\nimport { Link } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip';\nimport { AuthorLink } from '../Links/Links';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../hooks';\n\nexport const useStyles = makeStyles(\n theme => {\n return {\n commentBox: {\n padding: theme.spacing(2),\n '&:hover': {\n backgroundColor: theme.palette.background.paper,\n },\n },\n markdown: {\n display: 'inline',\n '& :first-child': {\n marginTop: 0,\n },\n '& :last-child': {\n display: 'inline',\n },\n },\n };\n },\n { name: 'QetaCommentList' },\n);\n\nexport const CommentList = (props: {\n onCommentDelete: (question: PostResponse, answer?: AnswerResponse) => void;\n question: PostResponse;\n answer?: AnswerResponse;\n}) => {\n const { question, answer, onCommentDelete } = props;\n const entity = answer ?? question;\n const qetaApi = useApi(qetaApiRef);\n const { t } = useTranslation();\n const styles = useStyles();\n\n const deleteComment = (id: number) => {\n if (answer) {\n qetaApi.deleteAnswerComment(question.id, answer.id, id).then(a => {\n onCommentDelete(question, a);\n return;\n });\n }\n qetaApi.deletePostComment(question.id, id).then(q => onCommentDelete(q));\n };\n\n if (!entity.comments \|\| entity.comments.length === 0) {\n return null;\n }\n\n return (\n <Box marginBottom={2}>\n {entity.comments?.map(c => {\n return (\n <div key={c.id}>\n <Box className={`${styles.commentBox} qetaCommentBox`}>\n <MarkdownRenderer\n content={c.content}\n className={styles.markdown}\n />\n <Typography variant=\"caption\" className=\"qetaCommentMetadata\">\n {' – '}\n <AuthorLink entity={c} />{' '}\n <RelativeTimeWithTooltip value={c.created} />\n {(c.own \|\| c.canDelete) && (\n <>\n {' / '}\n <Link\n underline=\"none\"\n to=\"#\"\n className=\"qetaCommentDeleteBtn\"\n onClick={() => deleteComment(c.id)}\n >\n {t('commentList.deleteLink')}\n </Link>\n </>\n )}\n </Typography>\n </Box>\n <Divider />\n </div>\n );\n })}\n </Box>\n );\n};\n"],"names":["React"],"mappings":"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"}

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

@@ -1,5 +1,7 @@
-import React, { useState, useEffect } from 'react';
-import { Box, Grid, Button } from '@material-ui/core';
+import React__default, { useState, useEffect } from 'react';
+import Box from '@mui/material/Box';
+import Grid from '@mui/material/Grid';
+import Button from '@mui/material/Button';
 import { qetaCreateCommentPermission } from '@drodil/backstage-plugin-qeta-common';
 import { useForm, Controller } from 'react-hook-form';
 import { useAnalytics, useApi, configApiRef } from '@backstage/core-plugin-api';
@@ -12,16 +14,16 @@ import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
-import AddCommentIcon from '@material-ui/icons/AddComment';
+import AddCommentIcon from '@mui/icons-material/AddComment';
 const CommentSection = (props) => {
   const { answer, post, onCommentPost, onCommentDelete } = props;
   const analytics = useAnalytics();
   const qetaApi = useApi(qetaApiRef);
   const configApi = useApi(configApiRef);
-  const [posting, setPosting] = React.useState(false);
+  const [posting, setPosting] = React__default.useState(false);
   const [formVisible, setFormVisible] = useState(false);
-  const [edited, setEdited] = React.useState(false);
+  const [edited, setEdited] = React__default.useState(false);
   const { t } = useTranslation();
   const { handleSubmit, control, reset } = useForm({});
   const postComment = (data) => {
@@ -49,31 +51,31 @@ const CommentSection = (props) => {
   useEffect(() => {
     return confirmNavigationIfEdited(edited);
   }, [edited]);
-  return /* @__PURE__ */ React.createElement(Box, { marginLeft: 9, className: `${props.className} qetaCommentSection` }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(Box, { marginLeft: 9, className: `${props.className} qetaCommentSection` }, /* @__PURE__ */ React__default.createElement(
     CommentList,
     {
       question: post,
       answer,
       onCommentDelete
     }
-  ), /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ React__default.createElement(
     RequirePermission,
     {
       permission: qetaCreateCommentPermission,
-      errorPage: /* @__PURE__ */ React.createElement(React.Fragment, null)
+      errorPage: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null)
     },
-    !formVisible && /* @__PURE__ */ React.createElement(Grid, { container: true, justifyContent: "flex-end" }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
+    !formVisible && /* @__PURE__ */ React__default.createElement(Grid, { container: true, justifyContent: "flex-end" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(
       Button,
       {
         size: "small",
         variant: "outlined",
         className: "qetaAddCommentBtn",
-        startIcon: /* @__PURE__ */ React.createElement(AddCommentIcon, null),
+        startIcon: /* @__PURE__ */ React__default.createElement(AddCommentIcon, null),
         onClick: () => setFormVisible(true)
       },
       t("commentSection.addComment")
     ))),
-    formVisible && /* @__PURE__ */ React.createElement(
+    formVisible && /* @__PURE__ */ React__default.createElement(
       "form",
       {
         onSubmit: handleSubmit(postComment),
@@ -82,7 +84,7 @@ const CommentSection = (props) => {
         },
         className: "qetaCommentForm"
       },
-      /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 11 }, /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React__default.createElement(Grid, { container: true }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 11 }, /* @__PURE__ */ React__default.createElement(
         Controller,
         {
           control,
@@ -90,7 +92,7 @@ const CommentSection = (props) => {
           rules: {
             required: true
           },
-          render: ({ field: { onChange, value } }) => /* @__PURE__ */ React.createElement(
+          render: ({ field: { onChange, value } }) => /* @__PURE__ */ React__default.createElement(
             MarkdownEditor,
             {
               config: configApi,
@@ -105,7 +107,7 @@ const CommentSection = (props) => {
           ),
           name: "content"
         }
-      )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 1 }, /* @__PURE__ */ React.createElement(
+      )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 1 }, /* @__PURE__ */ React__default.createElement(
         Button,
         {
           variant: "contained",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentSection.esm.js","sources":["../../../src/components/CommentSection/CommentSection.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\nimport React, { useEffect, useState } from 'react';\nimport { Box, ~~Button,~~ Grid } from '@material~~-ui~~/~~core~~';\nimport {\n AnswerResponse,\n PostResponse,\n qetaCreateCommentPermission,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Controller, useForm } from 'react-hook-form';\nimport { configApiRef, useAnalytics, useApi } from '@backstage/core-plugin-api';\nimport { CommentList } from './CommentList';\nimport { qetaApiRef } from '../../api';\nimport { confirmNavigationIfEdited } from '../../utils/utils';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { useTranslation } from '../../hooks';\nimport AddCommentIcon from '@~~material-ui~~/icons/AddComment';\n\nexport const CommentSection = (props: {\n onCommentPost: (question: PostResponse, answer?: AnswerResponse) => void;\n onCommentDelete: (question: PostResponse, answer?: AnswerResponse) => void;\n post: PostResponse;\n answer?: AnswerResponse;\n className?: string;\n}) => {\n const { answer, post, onCommentPost, onCommentDelete } = props;\n const analytics = useAnalytics();\n const qetaApi = useApi(qetaApiRef);\n const configApi = useApi(configApiRef);\n const [posting, setPosting] = React.useState(false);\n const [formVisible, setFormVisible] = useState(false);\n const [edited, setEdited] = React.useState(false);\n const { t } = useTranslation();\n const { handleSubmit, control, reset } = useForm<{ content: string }>({});\n\n const postComment = (data: { content: string }) => {\n setPosting(true);\n if (answer) {\n qetaApi.commentAnswer(post.id, answer.id, data.content).then(a => {\n setFormVisible(false);\n analytics.captureEvent('comment', 'answer');\n reset();\n setPosting(false);\n setEdited(false);\n onCommentPost(post, a);\n });\n return;\n }\n\n qetaApi.commentPost(post.id, data.content).then(q => {\n setFormVisible(false);\n analytics.captureEvent('comment', post.type);\n reset();\n setPosting(false);\n setEdited(false);\n onCommentPost(q);\n });\n };\n\n useEffect(() => {\n return confirmNavigationIfEdited(edited);\n }, [edited]);\n\n return (\n <Box marginLeft={9} className={`${props.className} qetaCommentSection`}>\n <CommentList\n question={post}\n answer={answer}\n onCommentDelete={onCommentDelete}\n />\n <RequirePermission\n permission={qetaCreateCommentPermission}\n errorPage={<></>}\n >\n {!formVisible && (\n <Grid container justifyContent=\"flex-end\">\n <Grid item>\n <Button\n size=\"small\"\n variant=\"outlined\"\n className=\"qetaAddCommentBtn\"\n startIcon={<AddCommentIcon />}\n onClick={() => setFormVisible(true)}\n >\n {t('commentSection.addComment')}\n </Button>\n </Grid>\n </Grid>\n )}\n {formVisible && (\n <form\n onSubmit={handleSubmit(postComment)}\n onChange={() => {\n setEdited(true);\n }}\n className=\"qetaCommentForm\"\n >\n <Grid container>\n <Grid item xs={11}>\n <Controller\n control={control}\n defaultValue=\"\"\n rules={{\n required: true,\n }}\n render={({ field: { onChange, value } }) => (\n <MarkdownEditor\n config={configApi}\n autoFocus\n value={value}\n onChange={onChange}\n height={100}\n disablePreview\n disableAttachments\n disableToolbar\n />\n )}\n name=\"content\"\n />\n </Grid>\n <Grid item xs={1}>\n <Button\n variant=\"contained\"\n size=\"small\"\n className=\"qetaCommentBtn\"\n type=\"submit\"\n color=\"primary\"\n disabled={posting}\n >\n {t('commentSection.post')}\n </Button>\n </Grid>\n </Grid>\n </form>\n )}\n </RequirePermission>\n </Box>\n );\n};\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;AAkBa~~,MAAA,cAAA,GAAiB,CAAC,KAMzB,KAAA;AACJ,EAAA,MAAM,EAAE,MAAA,EAAQ,IAAM,EAAA,aAAA,EAAe,iBAAoB,GAAA,KAAA,CAAA;AACzD,EAAA,MAAM,YAAY,YAAa,EAAA,CAAA;AAC/B,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AACjC,EAAM,MAAA,SAAA,GAAY,OAAO,YAAY,CAAA,CAAA;AACrC,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,CAAI,~~GAAA~~,~~KAAA~~,CAAM,SAAS,KAAK,CAAA,CAAA;AAClD,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AACpD,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,CAAI,~~GAAA~~,~~KAAA~~,CAAM,SAAS,KAAK,CAAA,CAAA;AAChD,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,EAAE,YAAc,EAAA,OAAA,EAAS,OAAU,GAAA,OAAA,CAA6B,EAAE,CAAA,CAAA;AAExE,EAAM,MAAA,WAAA,GAAc,CAAC,IAA8B,KAAA;AACjD,IAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AACf,IAAA,IAAI,MAAQ,EAAA;AACV,MAAQ,OAAA,CAAA,aAAA,CAAc,KAAK,EAAI,EAAA,MAAA,CAAO,IAAI,IAAK,CAAA,OAAO,CAAE,CAAA,IAAA,CAAK,CAAK,CAAA,KAAA;AAChE,QAAA,cAAA,CAAe,KAAK,CAAA,CAAA;AACpB,QAAU,SAAA,CAAA,YAAA,CAAa,WAAW,QAAQ,CAAA,CAAA;AAC1C,QAAM,KAAA,EAAA,CAAA;AACN,QAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAChB,QAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AACf,QAAA,aAAA,CAAc,MAAM,CAAC,CAAA,CAAA;AAAA,OACtB,CAAA,CAAA;AACD,MAAA,OAAA;AAAA,KACF;AAEA,IAAA,OAAA,CAAQ,YAAY,IAAK,CAAA,EAAA,EAAI,KAAK,OAAO,CAAA,CAAE,KAAK,CAAK,CAAA,KAAA;AACnD,MAAA,cAAA,CAAe,KAAK,CAAA,CAAA;AACpB,MAAU,SAAA,CAAA,YAAA,CAAa,SAAW,EAAA,IAAA,CAAK,IAAI,CAAA,CAAA;AAC3C,MAAM,KAAA,EAAA,CAAA;AACN,MAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAChB,MAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AACf,MAAA,aAAA,CAAc,CAAC,CAAA,CAAA;AAAA,KAChB,CAAA,CAAA;AAAA,GACH,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAO,0BAA0B,MAAM,CAAA,CAAA;AAAA,GACzC,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EACE,~~uBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,OAAI,UAAY,EAAA,CAAA,EAAG,WAAW,CAAG,EAAA,KAAA,CAAM,SAAS,CAC/C,mBAAA,CAAA,EAAA,~~kBAAA~~,~~KAAA~~,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA,IAAA;AAAA,MACV,MAAA;AAAA,MACA,eAAA;AAAA,KAAA;AAAA,GAEF,~~kBAAA~~,~~KAAA~~,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,UAAY,EAAA,2BAAA;AAAA,MACZ,~~2BAAa~~,~~KAAA~~,CAAA,aAAA,~~CAAA~~,~~KAAA~~,CAAA,QAAA,EAAA,IAAA,CAAA;AAAA,KAAA;AAAA,IAEZ,CAAC,WACA,~~oBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,cAAA,EAAe,UAC7B,EAAA,~~kBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,~~kBAAA~~,~~KAAA~~,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,OAAA;AAAA,QACL,OAAQ,EAAA,UAAA;AAAA,QACR,SAAU,EAAA,mBAAA;AAAA,QACV,SAAA,~~sCAAY,~~cAAe,EAAA,IAAA,CAAA;AAAA,QAC3B,OAAA,EAAS,MAAM,cAAA,CAAe,IAAI,CAAA;AAAA,OAAA;AAAA,MAEjC,EAAE,2BAA2B,CAAA;AAAA,KAElC,CACF,CAAA;AAAA,IAED,WACC,~~oBAAA~~,~~KAAA~~,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,QAAA,EAAU,aAAa,WAAW,CAAA;AAAA,QAClC,UAAU,MAAM;AACd,UAAA,SAAA,CAAU,IAAI,CAAA,CAAA;AAAA,SAChB;AAAA,QACA,SAAU,EAAA,iBAAA;AAAA,OAAA;AAAA,~~sBAEV~~,~~KAAA~~,CAAA,aAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAA,~~sCACZ,~~IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,~~kBAAA~~,~~KAAA~~,CAAA,aAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,OAAA;AAAA,UACA,YAAa,EAAA,EAAA;AAAA,UACb,KAAO,EAAA;AAAA,YACL,QAAU,EAAA,IAAA;AAAA,WACZ;AAAA,UACA,MAAA,EAAQ,CAAC,EAAE,KAAA,EAAO,EAAE,QAAU,EAAA,KAAA,IAC5B,~~qBAAA~~,~~KAAA~~,CAAA,aAAA;AAAA,YAAC,cAAA;AAAA,YAAA;AAAA,cACC,MAAQ,EAAA,SAAA;AAAA,cACR,SAAS,EAAA,IAAA;AAAA,cACT,KAAA;AAAA,cACA,QAAA;AAAA,cACA,MAAQ,EAAA,GAAA;AAAA,cACR,cAAc,EAAA,IAAA;AAAA,cACd,kBAAkB,EAAA,IAAA;AAAA,cAClB,cAAc,EAAA,IAAA;AAAA,aAAA;AAAA,WAChB;AAAA,UAEF,IAAK,EAAA,SAAA;AAAA,SAAA;AAAA,OAET,CACA,~~kBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,CACb,EAAA,~~kBAAA~~,~~KAAA~~,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,WAAA;AAAA,UACR,IAAK,EAAA,OAAA;AAAA,UACL,SAAU,EAAA,gBAAA;AAAA,UACV,IAAK,EAAA,QAAA;AAAA,UACL,KAAM,EAAA,SAAA;AAAA,UACN,QAAU,EAAA,OAAA;AAAA,SAAA;AAAA,QAET,EAAE,qBAAqB,CAAA;AAAA,OAE5B,CACF,CAAA;AAAA,KACF;AAAA,GAGN,CAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"CommentSection.esm.js","sources":["../../../src/components/CommentSection/CommentSection.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\nimport React, { useEffect, useState } from 'react';\nimport Box from '@mui/material/Box';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport {\n AnswerResponse,\n PostResponse,\n qetaCreateCommentPermission,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Controller, useForm } from 'react-hook-form';\nimport { configApiRef, useAnalytics, useApi } from '@backstage/core-plugin-api';\nimport { CommentList } from './CommentList';\nimport { qetaApiRef } from '../../api';\nimport { confirmNavigationIfEdited } from '../../utils/utils';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { useTranslation } from '../../hooks';\nimport AddCommentIcon from '@mui/icons-material/AddComment';\n\nexport const CommentSection = (props: {\n onCommentPost: (question: PostResponse, answer?: AnswerResponse) => void;\n onCommentDelete: (question: PostResponse, answer?: AnswerResponse) => void;\n post: PostResponse;\n answer?: AnswerResponse;\n className?: string;\n}) => {\n const { answer, post, onCommentPost, onCommentDelete } = props;\n const analytics = useAnalytics();\n const qetaApi = useApi(qetaApiRef);\n const configApi = useApi(configApiRef);\n const [posting, setPosting] = React.useState(false);\n const [formVisible, setFormVisible] = useState(false);\n const [edited, setEdited] = React.useState(false);\n const { t } = useTranslation();\n const { handleSubmit, control, reset } = useForm<{ content: string }>({});\n\n const postComment = (data: { content: string }) => {\n setPosting(true);\n if (answer) {\n qetaApi.commentAnswer(post.id, answer.id, data.content).then(a => {\n setFormVisible(false);\n analytics.captureEvent('comment', 'answer');\n reset();\n setPosting(false);\n setEdited(false);\n onCommentPost(post, a);\n });\n return;\n }\n\n qetaApi.commentPost(post.id, data.content).then(q => {\n setFormVisible(false);\n analytics.captureEvent('comment', post.type);\n reset();\n setPosting(false);\n setEdited(false);\n onCommentPost(q);\n });\n };\n\n useEffect(() => {\n return confirmNavigationIfEdited(edited);\n }, [edited]);\n\n return (\n <Box marginLeft={9} className={`${props.className} qetaCommentSection`}>\n <CommentList\n question={post}\n answer={answer}\n onCommentDelete={onCommentDelete}\n />\n <RequirePermission\n permission={qetaCreateCommentPermission}\n errorPage={<></>}\n >\n {!formVisible && (\n <Grid container justifyContent=\"flex-end\">\n <Grid item>\n <Button\n size=\"small\"\n variant=\"outlined\"\n className=\"qetaAddCommentBtn\"\n startIcon={<AddCommentIcon />}\n onClick={() => setFormVisible(true)}\n >\n {t('commentSection.addComment')}\n </Button>\n </Grid>\n </Grid>\n )}\n {formVisible && (\n <form\n onSubmit={handleSubmit(postComment)}\n onChange={() => {\n setEdited(true);\n }}\n className=\"qetaCommentForm\"\n >\n <Grid container>\n <Grid item xs={11}>\n <Controller\n control={control}\n defaultValue=\"\"\n rules={{\n required: true,\n }}\n render={({ field: { onChange, value } }) => (\n <MarkdownEditor\n config={configApi}\n autoFocus\n value={value}\n onChange={onChange}\n height={100}\n disablePreview\n disableAttachments\n disableToolbar\n />\n )}\n name=\"content\"\n />\n </Grid>\n <Grid item xs={1}>\n <Button\n variant=\"contained\"\n size=\"small\"\n className=\"qetaCommentBtn\"\n type=\"submit\"\n color=\"primary\"\n disabled={posting}\n >\n {t('commentSection.post')}\n </Button>\n </Grid>\n </Grid>\n </form>\n )}\n </RequirePermission>\n </Box>\n );\n};\n"],"names":["React"],"mappings":"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"}

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

@@ -1,7 +1,11 @@
-import { Modal, Backdrop, Box, Typography, Button } from '@material-ui/core';
-import { Alert } from '@material-ui/lab';
-import DeleteIcon from '@material-ui/icons/Delete';
-import React from 'react';
+import Typography from '@mui/material/Typography';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import Alert from '@mui/material/Alert';
+import DeleteIcon from '@mui/icons-material/Delete';
+import Modal from '@mui/material/Modal';
+import Backdrop from '@mui/material/Backdrop';
+import React__default from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import { useNavigate } from 'react-router-dom';
 import { qetaApiRef } from '../../api.esm.js';
@@ -17,7 +21,7 @@ const DeleteModal = (props) => {
   const navigate = useNavigate();
   const { entity, open, question, onClose } = props;
   const styles = useStyles();
-  const [error, setError] = React.useState(false);
+  const [error, setError] = React__default.useState(false);
   const { t } = useTranslation();
   const isQuestion = "title" in entity;
   const isCollection = "owner" in entity;
@@ -52,7 +56,7 @@ const DeleteModal = (props) => {
       });
     }
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     Modal,
     {
       open,
@@ -61,12 +65,9 @@ const DeleteModal = (props) => {
       "aria-labelledby": "modal-modal-title",
       "aria-describedby": "modal-modal-description",
       closeAfterTransition: true,
-      BackdropComponent: Backdrop,
-      BackdropProps: {
-        timeout: 500
-      }
+      slots: { backdrop: Backdrop }
     },
-    /* @__PURE__ */ React.createElement(Box, { className: `qetaDeleteModalContent ${styles.deleteModal}` }, error && /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, t("deleteModal.errorDeleting")), /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(Box, { className: `qetaDeleteModalContent ${styles.deleteModal}` }, error && /* @__PURE__ */ React__default.createElement(Alert, { severity: "error" }, t("deleteModal.errorDeleting")), /* @__PURE__ */ React__default.createElement(
       Typography,
       {
         id: "modal-modal-title",
@@ -75,16 +76,16 @@ const DeleteModal = (props) => {
         component: "h2"
       },
       title
-    ), /* @__PURE__ */ React.createElement(
+    ), /* @__PURE__ */ React__default.createElement(
       Button,
       {
         onClick: handleDelete,
         className: "qetaDeleteModalDeleteBtn",
-        startIcon: /* @__PURE__ */ React.createElement(DeleteIcon, null),
+        startIcon: /* @__PURE__ */ React__default.createElement(DeleteIcon, null),
         color: "secondary"
       },
       t("deleteModal.deleteButton")
-    ), /* @__PURE__ */ React.createElement(Button, { onClick: onClose, className: "qetaDeleteModalCancelBtn" }, t("deleteModal.cancelButton")))
+    ), /* @__PURE__ */ React__default.createElement(Button, { onClick: onClose, className: "qetaDeleteModalCancelBtn" }, t("deleteModal.cancelButton")))
   );
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DeleteModal.esm.js","sources":["../../../src/components/DeleteModal/DeleteModal.tsx"],"sourcesContent":["import {\n AnswerResponse,\n CollectionResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { ~~Backdrop,~~ Box, ~~Button,~~ ~~Modal,~~ ~~Typography~~ } from '@material~~-ui~~/~~core~~';\nimport { Alert } from '@material~~-ui~~/~~lab~~';\nimport Delete from '@~~material-ui~~/icons/Delete';\nimport React from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { qetaApiRef } from '../../api';\nimport { useBasePath } from '../../hooks/useBasePath';\nimport { useStyles, useTranslation } from '../../hooks';\n\nexport const DeleteModal = (props: {\n entity: PostResponse \| AnswerResponse \| CollectionResponse;\n open: boolean;\n onClose: () => void;\n question?: PostResponse;\n}) => {\n const qetaApi = useApi(qetaApiRef);\n const base_path = useBasePath();\n const navigate = useNavigate();\n const { entity, open, question, onClose } = props;\n const styles = useStyles();\n const [error, setError] = React.useState(false);\n const { t } = useTranslation();\n const isQuestion = 'title' in entity;\n const isCollection = 'owner' in entity;\n\n // eslint-disable-next-line no-nested-ternary\n const title = isCollection\n ? t('deleteModal.title.collection')\n : isQuestion\n ? t('deleteModal.title.question')\n : t('deleteModal.title.answer');\n\n const handleDelete = () => {\n if (isCollection) {\n qetaApi\n .deleteCollection(entity.id)\n .catch(_ => setError(true))\n .then(ret => {\n if (ret) {\n onClose();\n navigate(`${base_path}/qeta`);\n } else {\n setError(true);\n }\n });\n } else if (isQuestion) {\n qetaApi\n .deletePost(entity.id)\n .catch(_ => setError(true))\n .then(ret => {\n if (ret) {\n onClose();\n navigate(`${base_path}/qeta`);\n } else {\n setError(true);\n }\n });\n } else if (question) {\n qetaApi\n .deleteAnswer(question.id, entity.id)\n .catch(_ => setError(true))\n .then(ret => {\n if (ret) {\n onClose();\n window.location.reload();\n } else {\n setError(true);\n }\n });\n }\n };\n\n return (\n <Modal\n open={open}\n onClose={onClose}\n className=\"qetaDeleteModal\"\n aria-labelledby=\"modal-modal-title\"\n aria-describedby=\"modal-modal-description\"\n closeAfterTransition\n ~~BackdropComponent~~={~~Backdrop}\n BackdropProps=~~{~~{\n timeout~~: ~~500,\n~~ }}\n >\n <Box className={`qetaDeleteModalContent ${styles.deleteModal}`}>\n {error && (\n <Alert severity=\"error\">{t('deleteModal.errorDeleting')}</Alert>\n )}\n <Typography\n id=\"modal-modal-title\"\n className=\"qetaDeleteModalTitle\"\n variant=\"h6\"\n component=\"h2\"\n >\n {title}\n </Typography>\n <Button\n onClick={handleDelete}\n className=\"qetaDeleteModalDeleteBtn\"\n startIcon={<Delete />}\n color=\"secondary\"\n >\n {t('deleteModal.deleteButton')}\n </Button>\n <Button onClick={onClose} className=\"qetaDeleteModalCancelBtn\">\n {t('deleteModal.cancelButton')}\n </Button>\n </Box>\n </Modal>\n );\n};\n"],"names":["Delete"],"mappings":"~~;;;;;;;;;;;;;AAea~~,MAAA,WAAA,GAAc,CAAC,KAKtB,KAAA;AACJ,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AACjC,EAAA,MAAM,YAAY,WAAY,EAAA,CAAA;AAC9B,EAAA,MAAM,WAAW,WAAY,EAAA,CAAA;AAC7B,EAAA,MAAM,EAAE,MAAA,EAAQ,IAAM,EAAA,QAAA,EAAU,SAAY,GAAA,KAAA,CAAA;AAC5C,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,~~GAAA~~,~~KAAA~~,CAAM,SAAS,KAAK,CAAA,CAAA;AAC9C,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,aAAa,OAAW,IAAA,MAAA,CAAA;AAC9B,EAAA,MAAM,eAAe,OAAW,IAAA,MAAA,CAAA;AAGhC,EAAM,MAAA,KAAA,GAAQ,YACV,GAAA,CAAA,CAAE,8BAA8B,CAAA,GAChC,aACA,CAAE,CAAA,4BAA4B,CAC9B,GAAA,CAAA,CAAE,0BAA0B,CAAA,CAAA;AAEhC,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,IAAI,YAAc,EAAA;AAChB,MACG,OAAA,CAAA,gBAAA,CAAiB,MAAO,CAAA,EAAE,CAC1B,CAAA,KAAA,CAAM,CAAK,CAAA,KAAA,QAAA,CAAS,IAAI,CAAC,CACzB,CAAA,IAAA,CAAK,CAAO,GAAA,KAAA;AACX,QAAA,IAAI,GAAK,EAAA;AACP,UAAQ,OAAA,EAAA,CAAA;AACR,UAAS,QAAA,CAAA,CAAA,EAAG,SAAS,CAAO,KAAA,CAAA,CAAA,CAAA;AAAA,SACvB,MAAA;AACL,UAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAAA,SACf;AAAA,OACD,CAAA,CAAA;AAAA,eACM,UAAY,EAAA;AACrB,MACG,OAAA,CAAA,UAAA,CAAW,MAAO,CAAA,EAAE,CACpB,CAAA,KAAA,CAAM,CAAK,CAAA,KAAA,QAAA,CAAS,IAAI,CAAC,CACzB,CAAA,IAAA,CAAK,CAAO,GAAA,KAAA;AACX,QAAA,IAAI,GAAK,EAAA;AACP,UAAQ,OAAA,EAAA,CAAA;AACR,UAAS,QAAA,CAAA,CAAA,EAAG,SAAS,CAAO,KAAA,CAAA,CAAA,CAAA;AAAA,SACvB,MAAA;AACL,UAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAAA,SACf;AAAA,OACD,CAAA,CAAA;AAAA,eACM,QAAU,EAAA;AACnB,MAAA,OAAA,CACG,YAAa,CAAA,QAAA,CAAS,EAAI,EAAA,MAAA,CAAO,EAAE,CAAA,CACnC,KAAM,CAAA,CAAA,CAAA,KAAK,QAAS,CAAA,IAAI,CAAC,CAAA,CACzB,KAAK,CAAO,GAAA,KAAA;AACX,QAAA,IAAI,GAAK,EAAA;AACP,UAAQ,OAAA,EAAA,CAAA;AACR,UAAA,MAAA,CAAO,SAAS,MAAO,EAAA,CAAA;AAAA,SAClB,MAAA;AACL,UAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAAA,SACf;AAAA,OACD,CAAA,CAAA;AAAA,KACL;AAAA,GACF,CAAA;AAEA,EACE,~~uBAAA~~,~~KAAA~~,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAU,EAAA,iBAAA;AAAA,MACV,iBAAgB,EAAA,mBAAA;AAAA,MAChB,kBAAiB,EAAA,yBAAA;AAAA,MACjB,oBAAoB,EAAA,IAAA;AAAA,MACpB,~~iBAAmB~~,~~EAAA~~,QAAA~~;AAAA~~,~~MACnB~~,~~aAAe~~,EAAA;AAAA,~~QACb,OAAS,EAAA,GAAA;AAAA,OACX;AAAA,~~KAAA;AAAA,~~oBAEC~~,~~KAAA~~,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,CAAA,uBAAA,EAA0B,OAAO,WAAW,CAAA,CAAA,EAAA,EACzD,KACC,~~oBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,SAAM,QAAS,EAAA,OAAA,EAAA,EAAS,CAAE,CAAA,2BAA2B,CAAE,CAE1D,~~kBAAA~~,~~KAAA~~,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,EAAG,EAAA,mBAAA;AAAA,QACH,SAAU,EAAA,sBAAA;AAAA,QACV,OAAQ,EAAA,IAAA;AAAA,QACR,SAAU,EAAA,IAAA;AAAA,OAAA;AAAA,MAET,KAAA;AAAA,KAEH,~~kBAAA~~,~~KAAA~~,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAS,EAAA,YAAA;AAAA,QACT,SAAU,EAAA,0BAAA;AAAA,QACV,SAAA,~~sCAAYA,~~UAAO,EAAA,IAAA,CAAA;AAAA,QACnB,KAAM,EAAA,WAAA;AAAA,OAAA;AAAA,MAEL,EAAE,0BAA0B,CAAA;AAAA,KAC/B,~~kBACC~~,~~KAAA~~,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,OAAS,EAAA,OAAA,EAAS,WAAU,0BACjC,EAAA,EAAA,CAAA,CAAE,0BAA0B,CAC/B,CACF,CAAA;AAAA,GACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"DeleteModal.esm.js","sources":["../../../src/components/DeleteModal/DeleteModal.tsx"],"sourcesContent":["import {\n AnswerResponse,\n CollectionResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Alert from '@mui/material/Alert';\nimport Delete from '@mui/icons-material/Delete';\nimport Modal from '@mui/material/Modal';\nimport Backdrop from '@mui/material/Backdrop';\nimport React from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { qetaApiRef } from '../../api';\nimport { useBasePath } from '../../hooks/useBasePath';\nimport { useStyles, useTranslation } from '../../hooks';\n\nexport const DeleteModal = (props: {\n entity: PostResponse \| AnswerResponse \| CollectionResponse;\n open: boolean;\n onClose: () => void;\n question?: PostResponse;\n}) => {\n const qetaApi = useApi(qetaApiRef);\n const base_path = useBasePath();\n const navigate = useNavigate();\n const { entity, open, question, onClose } = props;\n const styles = useStyles();\n const [error, setError] = React.useState(false);\n const { t } = useTranslation();\n const isQuestion = 'title' in entity;\n const isCollection = 'owner' in entity;\n\n // eslint-disable-next-line no-nested-ternary\n const title = isCollection\n ? t('deleteModal.title.collection')\n : isQuestion\n ? t('deleteModal.title.question')\n : t('deleteModal.title.answer');\n\n const handleDelete = () => {\n if (isCollection) {\n qetaApi\n .deleteCollection(entity.id)\n .catch(_ => setError(true))\n .then(ret => {\n if (ret) {\n onClose();\n navigate(`${base_path}/qeta`);\n } else {\n setError(true);\n }\n });\n } else if (isQuestion) {\n qetaApi\n .deletePost(entity.id)\n .catch(_ => setError(true))\n .then(ret => {\n if (ret) {\n onClose();\n navigate(`${base_path}/qeta`);\n } else {\n setError(true);\n }\n });\n } else if (question) {\n qetaApi\n .deleteAnswer(question.id, entity.id)\n .catch(_ => setError(true))\n .then(ret => {\n if (ret) {\n onClose();\n window.location.reload();\n } else {\n setError(true);\n }\n });\n }\n };\n\n return (\n <Modal\n open={open}\n onClose={onClose}\n className=\"qetaDeleteModal\"\n aria-labelledby=\"modal-modal-title\"\n aria-describedby=\"modal-modal-description\"\n closeAfterTransition\n slots={{ backdrop: Backdrop }}\n >\n <Box className={`qetaDeleteModalContent ${styles.deleteModal}`}>\n {error && (\n <Alert severity=\"error\">{t('deleteModal.errorDeleting')}</Alert>\n )}\n <Typography\n id=\"modal-modal-title\"\n className=\"qetaDeleteModalTitle\"\n variant=\"h6\"\n component=\"h2\"\n >\n {title}\n </Typography>\n <Button\n onClick={handleDelete}\n className=\"qetaDeleteModalDeleteBtn\"\n startIcon={<Delete />}\n color=\"secondary\"\n >\n {t('deleteModal.deleteButton')}\n </Button>\n <Button onClick={onClose} className=\"qetaDeleteModalCancelBtn\">\n {t('deleteModal.cancelButton')}\n </Button>\n </Box>\n </Modal>\n );\n};\n"],"names":["React","Delete"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
-import { Grid, TextField, IconButton } from '@material-ui/core';
-import React, { useEffect } from 'react';
+import Grid from '@mui/material/Grid';
+import React__default, { useEffect } from 'react';
 import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
 import '@backstage/core-plugin-api';
 import '../../api.esm.js';
@@ -9,13 +9,15 @@ import 'react-use/lib/useAsync';
 import useDebounce from 'react-use/lib/useDebounce';
 import { QetaPagination } from '../QetaPagination/QetaPagination.esm.js';
 import { EntitiesGridContent } from './EntitiesGridContent.esm.js';
+import { SearchBar } from '../SearchBar/SearchBar.esm.js';
+import Typography from '@mui/material/Typography';
 const EntitiesGrid = () => {
-  const [page, setPage] = React.useState(1);
-  const [pageCount, setPageCount] = React.useState(1);
-  const [entitiesPerPage, setEntitiesPerPage] = React.useState(25);
-  const [searchQuery, setSearchQuery] = React.useState("");
-  const [filters, setFilters] = React.useState({
+  const [page, setPage] = React__default.useState(1);
+  const [pageCount, setPageCount] = React__default.useState(1);
+  const [entitiesPerPage, setEntitiesPerPage] = React__default.useState(25);
+  const [searchQuery, setSearchQuery] = React__default.useState("");
+  const [filters, setFilters] = React__default.useState({
     order: "desc",
     searchQuery: ""
   });
@@ -50,25 +52,20 @@ const EntitiesGrid = () => {
       setPageCount(Math.ceil(response.total / entitiesPerPage));
     }
   }, [response, entitiesPerPage]);
-  return /* @__PURE__ */ React.createElement(Grid, { container: true, className: "qetaEntitiesContainer" }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
-    TextField,
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Grid, { container: true, className: "qetaEntitiesContainer" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, md: 4 }, /* @__PURE__ */ React__default.createElement(
+    SearchBar,
     {
-      id: "search-bar",
-      className: "text qetaEntitiesContainerSearchInput",
-      onChange: (event) => onSearchQueryChange(event.target.value),
-      label: t("entitiesPage.search.label"),
-      variant: "outlined",
-      placeholder: t("entitiesPage.search.placeholder"),
-      size: "small"
+      onSearch: onSearchQueryChange,
+      label: t("entitiesPage.search.label")
     }
-  ), /* @__PURE__ */ React.createElement(IconButton, { type: "submit", "aria-label": "search" })), /* @__PURE__ */ React.createElement(
+  ))), /* @__PURE__ */ React__default.createElement(Grid, { container: true, justifyContent: "space-between" }, response && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h6", className: "qetaEntitiesContainerTitle" }, t("entitiesPage.entities", { count: response.total }))), /* @__PURE__ */ React__default.createElement(
     EntitiesGridContent,
     {
       response,
       loading,
       error
     }
-  ), response && response?.total > 0 && /* @__PURE__ */ React.createElement(
+  ), response && response?.total > 0 && /* @__PURE__ */ React__default.createElement(
     QetaPagination,
     {
       pageSize: entitiesPerPage,
@@ -77,7 +74,7 @@ const EntitiesGrid = () => {
       page,
       pageCount
     }
-  ));
+  )));
 };
 export { EntitiesGrid };