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

package/dist/components/FollowedLists/FollowedCollectionsList.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FollowedCollectionsList.esm.js","sources":["../../../src/components/FollowedLists/FollowedCollectionsList.tsx"],"sourcesContent":["import { Box, Divider, List, ListItem, ListSubheader } from '@material-ui/core';\nimport React from 'react';\nimport { useStyles, useTranslation } from '../../hooks';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\nimport { CollectionChip } from '../TagsAndEntities/CollectionChip';\n\nexport const FollowedCollectionsList = () => {\n  const classes = useStyles();\n  const collections = useCollectionsFollow();\n  const { t } = useTranslation();\n\n  if (collections.collections.length === 0 || collections.loading) {\n    return null;\n  }\n\n  return (\n    <Box\n      className={`qetaQuestionHighlightList ${classes.postHighlightListContainer}`}\n      display={{ md: 'none', lg: 'block' }}\n    >\n      <List\n        component=\"nav\"\n        aria-labelledby=\"nested-list-subheader\"\n        className={`qetaQuestionHighlightListList ${classes.postHighlightList}`}\n        subheader={\n          <ListSubheader\n            disableSticky\n            component=\"p\"\n            id=\"nested-list-subheader\"\n            color=\"primary\"\n          >\n            {t('rightMenu.followedCollections')}\n          </ListSubheader>\n        }\n      >\n        <Divider />\n        <ListItem style={{ display: 'block' }}>\n          {collections.collections.map(collection => (\n            <CollectionChip key={collection.id} collection={collection} />\n          ))}\n        </ListItem>\n      </List>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAMO,MAAM,0BAA0B,MAAM;AAC3C,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAA,MAAM,cAAc,oBAAqB,EAAA,CAAA;AACzC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,IAAI,WAAY,CAAA,WAAA,CAAY,MAAW,KAAA,CAAA,IAAK,YAAY,OAAS,EAAA;AAC/D,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAA6B,0BAAA,EAAA,OAAA,CAAQ,0BAA0B,CAAA,CAAA;AAAA,MAC1E,OAAS,EAAA,EAAE,EAAI,EAAA,MAAA,EAAQ,IAAI,OAAQ,EAAA;AAAA,KAAA;AAAA,oBAEnC,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,KAAA;AAAA,QACV,iBAAgB,EAAA,uBAAA;AAAA,QAChB,SAAA,EAAW,CAAiC,8BAAA,EAAA,OAAA,CAAQ,iBAAiB,CAAA,CAAA;AAAA,QACrE,SACE,kBAAA,KAAA,CAAA,aAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,aAAa,EAAA,IAAA;AAAA,YACb,SAAU,EAAA,GAAA;AAAA,YACV,EAAG,EAAA,uBAAA;AAAA,YACH,KAAM,EAAA,SAAA;AAAA,WAAA;AAAA,UAEL,EAAE,+BAA+B,CAAA;AAAA,SACpC;AAAA,OAAA;AAAA,0CAGD,OAAQ,EAAA,IAAA,CAAA;AAAA,0CACR,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,OAAS,EAAA,OAAA,MACzB,WAAY,CAAA,WAAA,CAAY,GAAI,CAAA,CAAA,UAAA,yCAC1B,cAAe,EAAA,EAAA,GAAA,EAAK,WAAW,EAAI,EAAA,UAAA,EAAwB,CAC7D,CACH,CAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FollowedCollectionsList.esm.js","sources":["../../../src/components/FollowedLists/FollowedCollectionsList.tsx"],"sourcesContent":["import Divider from '@mui/material/Divider';\nimport Box from '@mui/material/Box';\nimport ListItem from '@mui/material/ListItem';\nimport List from '@mui/material/List';\nimport ListSubheader from '@mui/material/ListSubheader';\nimport React from 'react';\nimport { useTranslation } from '../../hooks';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\nimport { CollectionChip } from '../TagsAndEntities/CollectionChip';\n\nexport const FollowedCollectionsList = () => {\n  const collections = useCollectionsFollow();\n  const { t } = useTranslation();\n\n  if (collections.collections.length === 0 || collections.loading) {\n    return null;\n  }\n\n  return (\n    <Box display={{ md: 'none', lg: 'block' }}>\n      <List\n        component=\"nav\"\n        aria-labelledby=\"nested-list-subheader\"\n        subheader={\n          <ListSubheader\n            disableSticky\n            component=\"p\"\n            id=\"nested-list-subheader\"\n            color=\"primary\"\n          >\n            {t('rightMenu.followedCollections')}\n          </ListSubheader>\n        }\n      >\n        <Divider />\n        <ListItem style={{ display: 'block' }}>\n          {collections.collections.map(collection => (\n            <CollectionChip key={collection.id} collection={collection} />\n          ))}\n        </ListItem>\n      </List>\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AAUO,MAAM,0BAA0B,MAAM;AAC3C,EAAA,MAAM,cAAc,oBAAqB,EAAA,CAAA;AACzC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,IAAI,WAAY,CAAA,WAAA,CAAY,MAAW,KAAA,CAAA,IAAK,YAAY,OAAS,EAAA;AAC/D,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,OAAS,EAAA,EAAE,IAAI,MAAQ,EAAA,EAAA,EAAI,SAC9B,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,KAAA;AAAA,MACV,iBAAgB,EAAA,uBAAA;AAAA,MAChB,SACE,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACC,aAAa,EAAA,IAAA;AAAA,UACb,SAAU,EAAA,GAAA;AAAA,UACV,EAAG,EAAA,uBAAA;AAAA,UACH,KAAM,EAAA,SAAA;AAAA,SAAA;AAAA,QAEL,EAAE,+BAA+B,CAAA;AAAA,OACpC;AAAA,KAAA;AAAA,iDAGD,OAAQ,EAAA,IAAA,CAAA;AAAA,iDACR,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,OAAS,EAAA,OAAA,MACzB,WAAY,CAAA,WAAA,CAAY,GAAI,CAAA,CAAA,UAAA,kDAC1B,cAAe,EAAA,EAAA,GAAA,EAAK,WAAW,EAAI,EAAA,UAAA,EAAwB,CAC7D,CACH,CAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/FollowedLists/FollowedEntitiesList.esm.js

@@ -1,48 +1,42 @@
-import { Box, List, ListSubheader, Divider, ListItem } from '@material-ui/core';
-import React from 'react';
+import Divider from '@mui/material/Divider';
+import Box from '@mui/material/Box';
+import ListItem from '@mui/material/ListItem';
+import List from '@mui/material/List';
+import ListSubheader from '@mui/material/ListSubheader';
+import React__default from 'react';
 import { EntityChip } from '../TagsAndEntities/EntityChip.esm.js';
 import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import { useEntityFollow } from '../../hooks/useEntityFollow.esm.js';
-import { useStyles } from '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 
 const FollowedEntitiesList = () => {
-  const classes = useStyles();
   const entities = useEntityFollow();
   const { t } = useTranslation();
   if (entities.entities.length === 0 || entities.loading) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(
-    Box,
+  return /* @__PURE__ */ React__default.createElement(Box, { display: { md: "none", lg: "block" } }, /* @__PURE__ */ React__default.createElement(
+    List,
     {
-      className: `qetaPostHighlightList ${classes.postHighlightListContainer}`,
-      display: { md: "none", lg: "block" }
+      component: "nav",
+      "aria-labelledby": "nested-list-subheader",
+      subheader: /* @__PURE__ */ React__default.createElement(
+        ListSubheader,
+        {
+          disableSticky: true,
+          component: "p",
+          id: "nested-list-subheader",
+          color: "primary"
+        },
+        t("rightMenu.followedEntities")
+      )
     },
-    /* @__PURE__ */ React.createElement(
-      List,
-      {
-        component: "nav",
-        "aria-labelledby": "nested-list-subheader",
-        className: `qetaPostHighlightListList ${classes.postHighlightList}`,
-        subheader: /* @__PURE__ */ React.createElement(
-          ListSubheader,
-          {
-            disableSticky: true,
-            component: "p",
-            id: "nested-list-subheader",
-            color: "primary"
-          },
-          t("rightMenu.followedEntities")
-        )
-      },
-      /* @__PURE__ */ React.createElement(Divider, null),
-      /* @__PURE__ */ React.createElement(ListItem, { style: { display: "block" } }, entities.entities.map((entity) => /* @__PURE__ */ React.createElement(EntityChip, { key: entity, entity })))
-    )
-  );
+    /* @__PURE__ */ React__default.createElement(Divider, null),
+    /* @__PURE__ */ React__default.createElement(ListItem, { style: { display: "block" } }, entities.entities.map((entity) => /* @__PURE__ */ React__default.createElement(EntityChip, { key: entity, entity })))
+  ));
 };
 
 export { FollowedEntitiesList };

package/dist/components/FollowedLists/FollowedEntitiesList.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FollowedEntitiesList.esm.js","sources":["../../../src/components/FollowedLists/FollowedEntitiesList.tsx"],"sourcesContent":["import { Box, Divider, List, ListItem, ListSubheader } from '@material-ui/core';\nimport React from 'react';\nimport { EntityChip } from '../TagsAndEntities/EntityChip';\nimport { useEntityFollow, useStyles, useTranslation } from '../../hooks';\n\nexport const FollowedEntitiesList = () => {\n  const classes = useStyles();\n  const entities = useEntityFollow();\n  const { t } = useTranslation();\n\n  if (entities.entities.length === 0 || entities.loading) {\n    return null;\n  }\n\n  return (\n    <Box\n      className={`qetaPostHighlightList ${classes.postHighlightListContainer}`}\n      display={{ md: 'none', lg: 'block' }}\n    >\n      <List\n        component=\"nav\"\n        aria-labelledby=\"nested-list-subheader\"\n        className={`qetaPostHighlightListList ${classes.postHighlightList}`}\n        subheader={\n          <ListSubheader\n            disableSticky\n            component=\"p\"\n            id=\"nested-list-subheader\"\n            color=\"primary\"\n          >\n            {t('rightMenu.followedEntities')}\n          </ListSubheader>\n        }\n      >\n        <Divider />\n        <ListItem style={{ display: 'block' }}>\n          {entities.entities.map(entity => (\n            <EntityChip key={entity} entity={entity} />\n          ))}\n        </ListItem>\n      </List>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAKO,MAAM,uBAAuB,MAAM;AACxC,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAA,MAAM,WAAW,eAAgB,EAAA,CAAA;AACjC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,IAAI,QAAS,CAAA,QAAA,CAAS,MAAW,KAAA,CAAA,IAAK,SAAS,OAAS,EAAA;AACtD,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAyB,sBAAA,EAAA,OAAA,CAAQ,0BAA0B,CAAA,CAAA;AAAA,MACtE,OAAS,EAAA,EAAE,EAAI,EAAA,MAAA,EAAQ,IAAI,OAAQ,EAAA;AAAA,KAAA;AAAA,oBAEnC,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,KAAA;AAAA,QACV,iBAAgB,EAAA,uBAAA;AAAA,QAChB,SAAA,EAAW,CAA6B,0BAAA,EAAA,OAAA,CAAQ,iBAAiB,CAAA,CAAA;AAAA,QACjE,SACE,kBAAA,KAAA,CAAA,aAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,aAAa,EAAA,IAAA;AAAA,YACb,SAAU,EAAA,GAAA;AAAA,YACV,EAAG,EAAA,uBAAA;AAAA,YACH,KAAM,EAAA,SAAA;AAAA,WAAA;AAAA,UAEL,EAAE,4BAA4B,CAAA;AAAA,SACjC;AAAA,OAAA;AAAA,0CAGD,OAAQ,EAAA,IAAA,CAAA;AAAA,0CACR,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,OAAA,EAAS,SACzB,EAAA,EAAA,QAAA,CAAS,QAAS,CAAA,GAAA,CAAI,4BACpB,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,KAAK,MAAQ,EAAA,MAAA,EAAgB,CAC1C,CACH,CAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FollowedEntitiesList.esm.js","sources":["../../../src/components/FollowedLists/FollowedEntitiesList.tsx"],"sourcesContent":["import Divider from '@mui/material/Divider';\nimport Box from '@mui/material/Box';\nimport ListItem from '@mui/material/ListItem';\nimport List from '@mui/material/List';\nimport ListSubheader from '@mui/material/ListSubheader';\nimport React from 'react';\nimport { EntityChip } from '../TagsAndEntities/EntityChip';\nimport { useEntityFollow, useTranslation } from '../../hooks';\n\nexport const FollowedEntitiesList = () => {\n  const entities = useEntityFollow();\n  const { t } = useTranslation();\n\n  if (entities.entities.length === 0 || entities.loading) {\n    return null;\n  }\n\n  return (\n    <Box display={{ md: 'none', lg: 'block' }}>\n      <List\n        component=\"nav\"\n        aria-labelledby=\"nested-list-subheader\"\n        subheader={\n          <ListSubheader\n            disableSticky\n            component=\"p\"\n            id=\"nested-list-subheader\"\n            color=\"primary\"\n          >\n            {t('rightMenu.followedEntities')}\n          </ListSubheader>\n        }\n      >\n        <Divider />\n        <ListItem style={{ display: 'block' }}>\n          {entities.entities.map(entity => (\n            <EntityChip key={entity} entity={entity} />\n          ))}\n        </ListItem>\n      </List>\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AASO,MAAM,uBAAuB,MAAM;AACxC,EAAA,MAAM,WAAW,eAAgB,EAAA,CAAA;AACjC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,IAAI,QAAS,CAAA,QAAA,CAAS,MAAW,KAAA,CAAA,IAAK,SAAS,OAAS,EAAA;AACtD,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,OAAS,EAAA,EAAE,IAAI,MAAQ,EAAA,EAAA,EAAI,SAC9B,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,KAAA;AAAA,MACV,iBAAgB,EAAA,uBAAA;AAAA,MAChB,SACE,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACC,aAAa,EAAA,IAAA;AAAA,UACb,SAAU,EAAA,GAAA;AAAA,UACV,EAAG,EAAA,uBAAA;AAAA,UACH,KAAM,EAAA,SAAA;AAAA,SAAA;AAAA,QAEL,EAAE,4BAA4B,CAAA;AAAA,OACjC;AAAA,KAAA;AAAA,iDAGD,OAAQ,EAAA,IAAA,CAAA;AAAA,iDACR,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,OAAA,EAAS,SACzB,EAAA,EAAA,QAAA,CAAS,QAAS,CAAA,GAAA,CAAI,4BACpBA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,KAAK,MAAQ,EAAA,MAAA,EAAgB,CAC1C,CACH,CAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/FollowedLists/FollowedTagsList.esm.js

@@ -1,48 +1,42 @@
-import { Box, List, ListSubheader, Divider, ListItem } from '@material-ui/core';
-import React from 'react';
+import Divider from '@mui/material/Divider';
+import Box from '@mui/material/Box';
+import ListItem from '@mui/material/ListItem';
+import List from '@mui/material/List';
+import ListSubheader from '@mui/material/ListSubheader';
+import React__default from 'react';
 import { TagChip } from '../TagsAndEntities/TagChip.esm.js';
 import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import 'react-use';
 import { useTagsFollow } from '../../hooks/useTagsFollow.esm.js';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import { useStyles } from '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 
 const FollowedTagsList = () => {
-  const classes = useStyles();
   const tags = useTagsFollow();
   const { t } = useTranslation();
   if (tags.tags.length === 0 || tags.loading) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(
-    Box,
+  return /* @__PURE__ */ React__default.createElement(Box, { display: { md: "none", lg: "block" } }, /* @__PURE__ */ React__default.createElement(
+    List,
     {
-      className: `qetaQuestionHighlightList ${classes.postHighlightListContainer}`,
-      display: { md: "none", lg: "block" }
+      component: "nav",
+      "aria-labelledby": "nested-list-subheader",
+      subheader: /* @__PURE__ */ React__default.createElement(
+        ListSubheader,
+        {
+          disableSticky: true,
+          component: "p",
+          id: "nested-list-subheader",
+          color: "primary"
+        },
+        t("rightMenu.followedTags")
+      )
     },
-    /* @__PURE__ */ React.createElement(
-      List,
-      {
-        component: "nav",
-        "aria-labelledby": "nested-list-subheader",
-        className: `qetaQuestionHighlightListList ${classes.postHighlightList}`,
-        subheader: /* @__PURE__ */ React.createElement(
-          ListSubheader,
-          {
-            disableSticky: true,
-            component: "p",
-            id: "nested-list-subheader",
-            color: "primary"
-          },
-          t("rightMenu.followedTags")
-        )
-      },
-      /* @__PURE__ */ React.createElement(Divider, null),
-      /* @__PURE__ */ React.createElement(ListItem, { style: { display: "block" } }, tags.tags.map((tag) => /* @__PURE__ */ React.createElement(TagChip, { key: tag, tag })))
-    )
-  );
+    /* @__PURE__ */ React__default.createElement(Divider, null),
+    /* @__PURE__ */ React__default.createElement(ListItem, { style: { display: "block" } }, tags.tags.map((tag) => /* @__PURE__ */ React__default.createElement(TagChip, { key: tag, tag })))
+  ));
 };
 
 export { FollowedTagsList };

package/dist/components/FollowedLists/FollowedTagsList.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FollowedTagsList.esm.js","sources":["../../../src/components/FollowedLists/FollowedTagsList.tsx"],"sourcesContent":["import { Box, Divider, List, ListItem, ListSubheader } from '@material-ui/core';\nimport React from 'react';\nimport { TagChip } from '../TagsAndEntities/TagChip';\nimport { useStyles, useTagsFollow, useTranslation } from '../../hooks';\n\nexport const FollowedTagsList = () => {\n  const classes = useStyles();\n  const tags = useTagsFollow();\n  const { t } = useTranslation();\n\n  if (tags.tags.length === 0 || tags.loading) {\n    return null;\n  }\n\n  return (\n    <Box\n      className={`qetaQuestionHighlightList ${classes.postHighlightListContainer}`}\n      display={{ md: 'none', lg: 'block' }}\n    >\n      <List\n        component=\"nav\"\n        aria-labelledby=\"nested-list-subheader\"\n        className={`qetaQuestionHighlightListList ${classes.postHighlightList}`}\n        subheader={\n          <ListSubheader\n            disableSticky\n            component=\"p\"\n            id=\"nested-list-subheader\"\n            color=\"primary\"\n          >\n            {t('rightMenu.followedTags')}\n          </ListSubheader>\n        }\n      >\n        <Divider />\n        <ListItem style={{ display: 'block' }}>\n          {tags.tags.map(tag => (\n            <TagChip key={tag} tag={tag} />\n          ))}\n        </ListItem>\n      </List>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAKO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAA,MAAM,OAAO,aAAc,EAAA,CAAA;AAC3B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,IAAI,IAAK,CAAA,IAAA,CAAK,MAAW,KAAA,CAAA,IAAK,KAAK,OAAS,EAAA;AAC1C,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAA6B,0BAAA,EAAA,OAAA,CAAQ,0BAA0B,CAAA,CAAA;AAAA,MAC1E,OAAS,EAAA,EAAE,EAAI,EAAA,MAAA,EAAQ,IAAI,OAAQ,EAAA;AAAA,KAAA;AAAA,oBAEnC,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,KAAA;AAAA,QACV,iBAAgB,EAAA,uBAAA;AAAA,QAChB,SAAA,EAAW,CAAiC,8BAAA,EAAA,OAAA,CAAQ,iBAAiB,CAAA,CAAA;AAAA,QACrE,SACE,kBAAA,KAAA,CAAA,aAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,aAAa,EAAA,IAAA;AAAA,YACb,SAAU,EAAA,GAAA;AAAA,YACV,EAAG,EAAA,uBAAA;AAAA,YACH,KAAM,EAAA,SAAA;AAAA,WAAA;AAAA,UAEL,EAAE,wBAAwB,CAAA;AAAA,SAC7B;AAAA,OAAA;AAAA,0CAGD,OAAQ,EAAA,IAAA,CAAA;AAAA,0CACR,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,OAAA,EAAS,SACzB,EAAA,EAAA,IAAA,CAAK,IAAK,CAAA,GAAA,CAAI,yBACZ,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAK,GAAK,EAAA,GAAA,EAAU,CAC9B,CACH,CAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FollowedTagsList.esm.js","sources":["../../../src/components/FollowedLists/FollowedTagsList.tsx"],"sourcesContent":["import Divider from '@mui/material/Divider';\nimport Box from '@mui/material/Box';\nimport ListItem from '@mui/material/ListItem';\nimport List from '@mui/material/List';\nimport ListSubheader from '@mui/material/ListSubheader';\nimport React from 'react';\nimport { TagChip } from '../TagsAndEntities/TagChip';\nimport { useTagsFollow, useTranslation } from '../../hooks';\n\nexport const FollowedTagsList = () => {\n  const tags = useTagsFollow();\n  const { t } = useTranslation();\n\n  if (tags.tags.length === 0 || tags.loading) {\n    return null;\n  }\n\n  return (\n    <Box display={{ md: 'none', lg: 'block' }}>\n      <List\n        component=\"nav\"\n        aria-labelledby=\"nested-list-subheader\"\n        subheader={\n          <ListSubheader\n            disableSticky\n            component=\"p\"\n            id=\"nested-list-subheader\"\n            color=\"primary\"\n          >\n            {t('rightMenu.followedTags')}\n          </ListSubheader>\n        }\n      >\n        <Divider />\n        <ListItem style={{ display: 'block' }}>\n          {tags.tags.map(tag => (\n            <TagChip key={tag} tag={tag} />\n          ))}\n        </ListItem>\n      </List>\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AASO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,OAAO,aAAc,EAAA,CAAA;AAC3B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,IAAI,IAAK,CAAA,IAAA,CAAK,MAAW,KAAA,CAAA,IAAK,KAAK,OAAS,EAAA;AAC1C,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,OAAS,EAAA,EAAE,IAAI,MAAQ,EAAA,EAAA,EAAI,SAC9B,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,KAAA;AAAA,MACV,iBAAgB,EAAA,uBAAA;AAAA,MAChB,SACE,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACC,aAAa,EAAA,IAAA;AAAA,UACb,SAAU,EAAA,GAAA;AAAA,UACV,EAAG,EAAA,uBAAA;AAAA,UACH,KAAM,EAAA,SAAA;AAAA,SAAA;AAAA,QAEL,EAAE,wBAAwB,CAAA;AAAA,OAC7B;AAAA,KAAA;AAAA,iDAGD,OAAQ,EAAA,IAAA,CAAA;AAAA,iDACR,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,OAAA,EAAS,SACzB,EAAA,EAAA,IAAA,CAAK,IAAK,CAAA,GAAA,CAAI,yBACZA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAK,GAAK,EAAA,GAAA,EAAU,CAC9B,CACH,CAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/HeaderImageInput/HeaderImageInput.esm.js

@@ -1,11 +1,13 @@
-import { Grid, TextField, Button, Typography } from '@material-ui/core';
+import Typography from '@mui/material/Typography';
+import Grid from '@mui/material/Grid';
+import Button from '@mui/material/Button';
+import TextField from '@mui/material/TextField';
 import { imageUpload } from '../../utils/utils.esm.js';
-import React from 'react';
+import React__default from 'react';
 import { useApi, configApiRef, errorApiRef } from '@backstage/core-plugin-api';
 import { qetaApiRef } from '../../api.esm.js';
 import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 import { useFormStyles } from '../../hooks/useFormStyles.esm.js';
 
@@ -17,7 +19,7 @@ const HeaderImageInput = (props) => {
   const { t } = useTranslation();
   const styles = useFormStyles();
   const isUploadDisabled = configApi.getOptionalBoolean("qeta.storage.disabled") || false;
-  return /* @__PURE__ */ React.createElement(Grid, { container: true, alignItems: "center" }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: isUploadDisabled ? 12 : 10 }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(Grid, { container: true, alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: isUploadDisabled ? 12 : 10 }, /* @__PURE__ */ React__default.createElement(
     TextField,
     {
       value: url ?? "",
@@ -29,7 +31,7 @@ const HeaderImageInput = (props) => {
       onChange: (e) => onChange(e.target.value),
       helperText: t("fileInput.helperText")
     }
-  )), !isUploadDisabled && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 2 }, /* @__PURE__ */ React.createElement(
+  )), !isUploadDisabled && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 2 }, /* @__PURE__ */ React__default.createElement(
     "input",
     {
       accept: "image/*",
@@ -53,7 +55,7 @@ const HeaderImageInput = (props) => {
         }
       }
     }
-  ), /* @__PURE__ */ React.createElement("label", { htmlFor: "headerImage" }, /* @__PURE__ */ React.createElement(Button, { variant: "contained", color: "primary", component: "span" }, t("fileInput.uploadHeaderImage")))), url && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle1" }, t("fileInput.preview")), /* @__PURE__ */ React.createElement("img", { className: styles.headerImage, src: url, alt: "header" })));
+  ), /* @__PURE__ */ React__default.createElement("label", { htmlFor: "headerImage" }, /* @__PURE__ */ React__default.createElement(Button, { variant: "contained", color: "primary", component: "span" }, t("fileInput.uploadHeaderImage")))), url && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle1" }, t("fileInput.preview")), /* @__PURE__ */ React__default.createElement("img", { className: styles.headerImage, src: url, alt: "header" })));
 };
 
 export { HeaderImageInput };

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderImageInput.esm.js","sources":["../../../src/components/HeaderImageInput/HeaderImageInput.tsx"],"sourcesContent":["import { Button, Grid, TextField, Typography } from '@material-ui/core';\nimport { imageUpload } from '../../utils/utils';\nimport React from 'react';\nimport { configApiRef, errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../hooks';\nimport { useFormStyles } from '../../hooks/useFormStyles';\n\nexport const HeaderImageInput = (props: {\n  url?: string;\n  onChange: (url?: string) => void;\n  onImageUpload: (imageId: number) => void;\n  postId?: number;\n  collectionId?: number;\n}) => {\n  const { url, onChange, onImageUpload, postId, collectionId } = props;\n  const configApi = useApi(configApiRef);\n  const qetaApi = useApi(qetaApiRef);\n  const errorApi = useApi(errorApiRef);\n  const { t } = useTranslation();\n  const styles = useFormStyles();\n\n  const isUploadDisabled =\n    configApi.getOptionalBoolean('qeta.storage.disabled') || false;\n\n  return (\n    <Grid container alignItems=\"center\">\n      <Grid item xs={isUploadDisabled ? 12 : 10}>\n        <TextField\n          value={url ?? ''}\n          fullWidth\n          label={t('fileInput.label')}\n          placeholder=\"https://\"\n          margin=\"normal\"\n          variant=\"outlined\"\n          onChange={e => onChange(e.target.value)}\n          helperText={t('fileInput.helperText')}\n        />\n      </Grid>\n      {!isUploadDisabled && (\n        <Grid item xs={2}>\n          <input\n            accept=\"image/*\"\n            style={{ display: 'none' }}\n            id=\"headerImage\"\n            type=\"file\"\n            onChange={async event => {\n              if (!event.target.files || event.target.files.length === 0) {\n                return;\n              }\n              const buffer = await event.target.files[0].arrayBuffer();\n\n              const uri = await imageUpload({\n                qetaApi,\n                errorApi,\n                onImageUpload,\n                postId,\n                collectionId,\n              })(buffer).next();\n              if (typeof uri.value === 'string') {\n                onChange(uri.value);\n              }\n            }}\n          />\n          <label htmlFor=\"headerImage\">\n            <Button variant=\"contained\" color=\"primary\" component=\"span\">\n              {t('fileInput.uploadHeaderImage')}\n            </Button>\n          </label>\n        </Grid>\n      )}\n      {url && (\n        <Grid item xs={12}>\n          <Typography variant=\"subtitle1\">{t('fileInput.preview')}</Typography>\n          <img className={styles.headerImage} src={url} alt=\"header\" />\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"HeaderImageInput.esm.js","sources":["../../../src/components/HeaderImageInput/HeaderImageInput.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport TextField from '@mui/material/TextField';\nimport { imageUpload } from '../../utils/utils';\nimport React from 'react';\nimport { configApiRef, errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../hooks';\nimport { useFormStyles } from '../../hooks/useFormStyles';\n\nexport const HeaderImageInput = (props: {\n  url?: string;\n  onChange: (url?: string) => void;\n  onImageUpload: (imageId: number) => void;\n  postId?: number;\n  collectionId?: number;\n}) => {\n  const { url, onChange, onImageUpload, postId, collectionId } = props;\n  const configApi = useApi(configApiRef);\n  const qetaApi = useApi(qetaApiRef);\n  const errorApi = useApi(errorApiRef);\n  const { t } = useTranslation();\n  const styles = useFormStyles();\n\n  const isUploadDisabled =\n    configApi.getOptionalBoolean('qeta.storage.disabled') || false;\n\n  return (\n    <Grid container alignItems=\"center\">\n      <Grid item xs={isUploadDisabled ? 12 : 10}>\n        <TextField\n          value={url ?? ''}\n          fullWidth\n          label={t('fileInput.label')}\n          placeholder=\"https://\"\n          margin=\"normal\"\n          variant=\"outlined\"\n          onChange={e => onChange(e.target.value)}\n          helperText={t('fileInput.helperText')}\n        />\n      </Grid>\n      {!isUploadDisabled && (\n        <Grid item xs={2}>\n          <input\n            accept=\"image/*\"\n            style={{ display: 'none' }}\n            id=\"headerImage\"\n            type=\"file\"\n            onChange={async event => {\n              if (!event.target.files || event.target.files.length === 0) {\n                return;\n              }\n              const buffer = await event.target.files[0].arrayBuffer();\n\n              const uri = await imageUpload({\n                qetaApi,\n                errorApi,\n                onImageUpload,\n                postId,\n                collectionId,\n              })(buffer).next();\n              if (typeof uri.value === 'string') {\n                onChange(uri.value);\n              }\n            }}\n          />\n          <label htmlFor=\"headerImage\">\n            <Button variant=\"contained\" color=\"primary\" component=\"span\">\n              {t('fileInput.uploadHeaderImage')}\n            </Button>\n          </label>\n        </Grid>\n      )}\n      {url && (\n        <Grid item xs={12}>\n          <Typography variant=\"subtitle1\">{t('fileInput.preview')}</Typography>\n          <img className={styles.headerImage} src={url} alt=\"header\" />\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/HomePageCards/ImpactCard.esm.js

@@ -1,11 +1,13 @@
-import React from 'react';
-import { Box, Card, CardContent, Typography } from '@material-ui/core';
+import React__default from 'react';
+import Card from '@mui/material/Card';
+import CardContent from '@mui/material/CardContent';
+import Typography from '@mui/material/Typography';
+import Box from '@mui/material/Box';
 import numeral from 'numeral';
 import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
 import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 
 const ImpactCard = () => {
@@ -18,7 +20,7 @@ const ImpactCard = () => {
   if (loading || error || !response) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(Box, { display: { md: "none", lg: "block" } }, /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, t("impactCard.title")), /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, response.impact >= 1e3 ? numeral(response.impact).format("0.0 a") : response.impact, /* @__PURE__ */ React.createElement(Typography, { variant: "caption", style: { marginLeft: "1rem" } }, t("impactCard.views"))), /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, t("impactCard.contributions", {
+  return /* @__PURE__ */ React__default.createElement(Box, { display: { md: "none", lg: "block" } }, /* @__PURE__ */ React__default.createElement(Card, null, /* @__PURE__ */ React__default.createElement(CardContent, null, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5" }, t("impactCard.title")), /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5" }, response.impact >= 1e3 ? numeral(response.impact).format("0.0 a") : response.impact, /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption", style: { marginLeft: "1rem" } }, t("impactCard.views"))), /* @__PURE__ */ React__default.createElement(Typography, { variant: "body2" }, t("impactCard.contributions", {
     lastWeek: response.lastWeekImpact.toString(10)
   })))));
 };

package/dist/components/HomePageCards/ImpactCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImpactCard.esm.js","sources":["../../../src/components/HomePageCards/ImpactCard.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Card, CardContent, Typography } from '@material-ui/core';\nimport numeral from 'numeral';\nimport { useQetaApi, useTranslation } from '../../hooks';\n\nexport const ImpactCard = () => {\n  const { t } = useTranslation();\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(api => api.getUserImpact(), []);\n\n  if (loading || error || !response) {\n    return null;\n  }\n\n  return (\n    <Box display={{ md: 'none', lg: 'block' }}>\n      <Card>\n        <CardContent>\n          <Typography variant=\"h5\">{t('impactCard.title')}</Typography>\n          <Typography variant=\"h5\">\n            {response.impact >= 1000\n              ? numeral(response.impact).format('0.0 a')\n              : response.impact}\n            <Typography variant=\"caption\" style={{ marginLeft: '1rem' }}>\n              {t('impactCard.views')}\n            </Typography>\n          </Typography>\n          <Typography variant=\"body2\">\n            {t('impactCard.contributions', {\n              lastWeek: response.lastWeekImpact.toString(10),\n            })}\n          </Typography>\n        </CardContent>\n      </Card>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAKO,MAAM,aAAa,MAAM;AAC9B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,MACE,UAAW,CAAA,CAAA,GAAA,KAAO,IAAI,aAAc,EAAA,EAAG,EAAE,CAAA,CAAA;AAE7C,EAAI,IAAA,OAAA,IAAW,KAAS,IAAA,CAAC,QAAU,EAAA;AACjC,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,OAAA,EAAS,EAAE,EAAA,EAAI,MAAQ,EAAA,EAAA,EAAI,OAAQ,EAAA,EAAA,kBACrC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,sCACE,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAM,EAAA,EAAA,CAAA,CAAE,kBAAkB,CAAE,CAChD,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,EAAA,QAAA,CAAS,MAAU,IAAA,GAAA,GAChB,QAAQ,QAAS,CAAA,MAAM,CAAE,CAAA,MAAA,CAAO,OAAO,CAAA,GACvC,QAAS,CAAA,MAAA,kBACZ,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,SAAA,EAAU,KAAO,EAAA,EAAE,YAAY,MAAO,EAAA,EAAA,EACvD,CAAE,CAAA,kBAAkB,CACvB,CACF,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OACjB,EAAA,EAAA,CAAA,CAAE,0BAA4B,EAAA;AAAA,IAC7B,QAAU,EAAA,QAAA,CAAS,cAAe,CAAA,QAAA,CAAS,EAAE,CAAA;AAAA,GAC9C,CACH,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ImpactCard.esm.js","sources":["../../../src/components/HomePageCards/ImpactCard.tsx"],"sourcesContent":["import React from 'react';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport numeral from 'numeral';\nimport { useQetaApi, useTranslation } from '../../hooks';\n\nexport const ImpactCard = () => {\n  const { t } = useTranslation();\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(api => api.getUserImpact(), []);\n\n  if (loading || error || !response) {\n    return null;\n  }\n\n  return (\n    <Box display={{ md: 'none', lg: 'block' }}>\n      <Card>\n        <CardContent>\n          <Typography variant=\"h5\">{t('impactCard.title')}</Typography>\n          <Typography variant=\"h5\">\n            {response.impact >= 1000\n              ? numeral(response.impact).format('0.0 a')\n              : response.impact}\n            <Typography variant=\"caption\" style={{ marginLeft: '1rem' }}>\n              {t('impactCard.views')}\n            </Typography>\n          </Typography>\n          <Typography variant=\"body2\">\n            {t('impactCard.contributions', {\n              lastWeek: response.lastWeekImpact.toString(10),\n            })}\n          </Typography>\n        </CardContent>\n      </Card>\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAQO,MAAM,aAAa,MAAM;AAC9B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,MACE,UAAW,CAAA,CAAA,GAAA,KAAO,IAAI,aAAc,EAAA,EAAG,EAAE,CAAA,CAAA;AAE7C,EAAI,IAAA,OAAA,IAAW,KAAS,IAAA,CAAC,QAAU,EAAA;AACjC,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,OAAA,EAAS,EAAE,EAAA,EAAI,MAAQ,EAAA,EAAA,EAAI,OAAQ,EAAA,EAAA,kBACrCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,+CACE,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAM,EAAA,EAAA,CAAA,CAAE,kBAAkB,CAAE,CAChD,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,EAAA,QAAA,CAAS,MAAU,IAAA,GAAA,GAChB,QAAQ,QAAS,CAAA,MAAM,CAAE,CAAA,MAAA,CAAO,OAAO,CAAA,GACvC,QAAS,CAAA,MAAA,kBACZA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,SAAA,EAAU,KAAO,EAAA,EAAE,YAAY,MAAO,EAAA,EAAA,EACvD,CAAE,CAAA,kBAAkB,CACvB,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OACjB,EAAA,EAAA,CAAA,CAAE,0BAA4B,EAAA;AAAA,IAC7B,QAAU,EAAA,QAAA,CAAS,cAAe,CAAA,QAAA,CAAS,EAAE,CAAA;AAAA,GAC9C,CACH,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/HomePageCards/PostsCard.esm.js

@@ -1,34 +1,63 @@
-import { Card, CardHeader, Grid, Divider } from '@material-ui/core';
-import React from 'react';
+import Card from '@mui/material/Card';
+import CardHeader from '@mui/material/CardHeader';
+import Divider from '@mui/material/Divider';
+import Grid from '@mui/material/Grid';
+import React__default from 'react';
+import '@mui/material/Collapse';
+import '@mui/material/Typography';
+import '@mui/material/Box';
+import '@mui/material/Button';
+import '@mui/material/IconButton';
+import '@mui/material/Tooltip';
+import '@mui/material/FormControl';
+import '@mui/material/FormControlLabel';
+import '@mui/material/Radio';
+import '@mui/material/RadioGroup';
+import '@mui/material/FormGroup';
+import '@mui/material/FormLabel';
+import '@mui/material/Checkbox';
 import '@backstage/catalog-model';
+import '@mui/material/TextField';
+import '@mui/material/MenuItem';
 import 'file-type';
 import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
 import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import '@backstage/core-plugin-api/alpha';
 import '../../translation.esm.js';
-import '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
-import '@material-ui/lab';
+import '@mui/material/Autocomplete';
 import '@backstage/plugin-catalog-react';
 import 'lodash';
 import '@drodil/backstage-plugin-qeta-common';
-import '@material-ui/icons/FiberManualRecord';
-import '@material-ui/icons/Adjust';
+import '@mui/icons-material/FiberManualRecord';
+import '@mui/icons-material/Adjust';
 import '@backstage/core-components';
 import { PostListItem } from '../PostsContainer/PostListItem.esm.js';
-import '@material-ui/icons/HelpOutline';
+import '@mui/material/CardContent';
+import '@mui/icons-material/HelpOutline';
 import '../../routes.esm.js';
-import '@material-ui/icons/Create';
+import '@mui/icons-material/Create';
 import 'react-router-dom';
-import '@material-ui/icons/FilterList';
+import '@mui/material/Select';
+import '@mui/material/Pagination';
+import '@mui/material/Skeleton';
+import '@mui/icons-material/FilterList';
 import '@backstage/plugin-permission-react';
-import '@material-ui/icons/Visibility';
-import '@material-ui/icons/VisibilityOff';
-import '@material-ui/icons/PlaylistAdd';
-import '@material-ui/icons/AddCircle';
-import '@material-ui/icons/RemoveCircle';
+import '@mui/icons-material/Visibility';
+import '@mui/icons-material/VisibilityOff';
+import '@mui/icons-material/PlaylistAdd';
+import '@mui/material/Dialog';
+import '@mui/material/DialogActions';
+import '@mui/material/DialogContent';
+import '@mui/material/DialogTitle';
+import '@mui/icons-material/AddCircle';
+import '@mui/icons-material/RemoveCircle';
 import 'react-use/lib/useDebounce';
+import '@mui/material/Paper';
+import '@mui/material/InputBase';
+import '@mui/icons-material/Search';
+import '@mui/icons-material/Close';
 
 const PostsCard = (props) => {
   const { value: response } = useQetaApi(
@@ -39,8 +68,8 @@ const PostsCard = (props) => {
   if (posts.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardHeader, { style: { paddingBottom: "8px" }, title: props.title }), /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 2 }, posts.map((question) => {
-    return /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, key: question.id }, /* @__PURE__ */ React.createElement(PostListItem, { post: question, type: props.postType }), /* @__PURE__ */ React.createElement(Divider, null));
+  return /* @__PURE__ */ React__default.createElement(Card, null, /* @__PURE__ */ React__default.createElement(CardHeader, { style: { paddingBottom: "8px" }, title: props.title }), /* @__PURE__ */ React__default.createElement(Grid, { container: true, spacing: 2 }, posts.map((question) => {
+    return /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, key: question.id }, /* @__PURE__ */ React__default.createElement(PostListItem, { post: question, type: props.postType }), /* @__PURE__ */ React__default.createElement(Divider, null));
   })));
 };
 

package/dist/components/HomePageCards/PostsCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostsCard.esm.js","sources":["../../../src/components/HomePageCards/PostsCard.tsx"],"sourcesContent":["import { Card, CardHeader, Divider, Grid } from '@material-ui/core';\nimport React from 'react';\nimport { PostsQuery, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { PostListItem } from '../PostsContainer';\nimport { useQetaApi } from '../../hooks';\n\nexport const PostsCard = (props: {\n  type: string;\n  title: string;\n  options?: PostsQuery;\n  icon?: React.ReactNode;\n  postType?: PostType;\n}) => {\n  const { value: response } = useQetaApi(\n    api => api.getPosts({ limit: 3, type: props.postType, ...props.options }),\n    [],\n  );\n\n  const posts = response?.posts ?? [];\n  if (posts.length === 0) {\n    return null;\n  }\n\n  return (\n    <Card>\n      <CardHeader style={{ paddingBottom: '8px' }} title={props.title} />\n      <Grid container spacing={2}>\n        {posts.map(question => {\n          return (\n            <Grid item xs={12} key={question.id}>\n              <PostListItem post={question} type={props.postType} />\n              <Divider />\n            </Grid>\n          );\n        })}\n      </Grid>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMa,MAAA,SAAA,GAAY,CAAC,KAMpB,KAAA;AACJ,EAAM,MAAA,EAAE,KAAO,EAAA,QAAA,EAAa,GAAA,UAAA;AAAA,IAC1B,CAAO,GAAA,KAAA,GAAA,CAAI,QAAS,CAAA,EAAE,KAAO,EAAA,CAAA,EAAG,IAAM,EAAA,KAAA,CAAM,QAAU,EAAA,GAAG,KAAM,CAAA,OAAA,EAAS,CAAA;AAAA,IACxE,EAAC;AAAA,GACH,CAAA;AAEA,EAAM,MAAA,KAAA,GAAQ,QAAU,EAAA,KAAA,IAAS,EAAC,CAAA;AAClC,EAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACtB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,4BACE,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAO,EAAE,aAAA,EAAe,OAAS,EAAA,KAAA,EAAO,MAAM,KAAO,EAAA,CAAA,sCAChE,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,OAAS,EAAA,CAAA,EAAA,EACtB,KAAM,CAAA,GAAA,CAAI,CAAY,QAAA,KAAA;AACrB,IAAA,2CACG,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAI,KAAK,QAAS,CAAA,EAAA,EAAA,sCAC9B,YAAa,EAAA,EAAA,IAAA,EAAM,UAAU,IAAM,EAAA,KAAA,CAAM,UAAU,CACpD,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAQ,CACX,CAAA,CAAA;AAAA,GAEH,CACH,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PostsCard.esm.js","sources":["../../../src/components/HomePageCards/PostsCard.tsx"],"sourcesContent":["import Card from '@mui/material/Card';\nimport CardHeader from '@mui/material/CardHeader';\nimport Divider from '@mui/material/Divider';\nimport Grid from '@mui/material/Grid';\nimport React from 'react';\nimport { PostsQuery, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { PostListItem } from '../PostsContainer';\nimport { useQetaApi } from '../../hooks';\n\nexport const PostsCard = (props: {\n  type: string;\n  title: string;\n  options?: PostsQuery;\n  icon?: React.ReactNode;\n  postType?: PostType;\n}) => {\n  const { value: response } = useQetaApi(\n    api => api.getPosts({ limit: 3, type: props.postType, ...props.options }),\n    [],\n  );\n\n  const posts = response?.posts ?? [];\n  if (posts.length === 0) {\n    return null;\n  }\n\n  return (\n    <Card>\n      <CardHeader style={{ paddingBottom: '8px' }} title={props.title} />\n      <Grid container spacing={2}>\n        {posts.map(question => {\n          return (\n            <Grid item xs={12} key={question.id}>\n              <PostListItem post={question} type={props.postType} />\n              <Divider />\n            </Grid>\n          );\n        })}\n      </Grid>\n    </Card>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASa,MAAA,SAAA,GAAY,CAAC,KAMpB,KAAA;AACJ,EAAM,MAAA,EAAE,KAAO,EAAA,QAAA,EAAa,GAAA,UAAA;AAAA,IAC1B,CAAO,GAAA,KAAA,GAAA,CAAI,QAAS,CAAA,EAAE,KAAO,EAAA,CAAA,EAAG,IAAM,EAAA,KAAA,CAAM,QAAU,EAAA,GAAG,KAAM,CAAA,OAAA,EAAS,CAAA;AAAA,IACxE,EAAC;AAAA,GACH,CAAA;AAEA,EAAM,MAAA,KAAA,GAAQ,QAAU,EAAA,KAAA,IAAS,EAAC,CAAA;AAClC,EAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACtB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,4BACEA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAO,EAAE,aAAA,EAAe,OAAS,EAAA,KAAA,EAAO,MAAM,KAAO,EAAA,CAAA,+CAChE,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,OAAS,EAAA,CAAA,EAAA,EACtB,KAAM,CAAA,GAAA,CAAI,CAAY,QAAA,KAAA;AACrB,IAAA,oDACG,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAI,KAAK,QAAS,CAAA,EAAA,EAAA,+CAC9B,YAAa,EAAA,EAAA,IAAA,EAAM,UAAU,IAAM,EAAA,KAAA,CAAM,UAAU,CACpD,kBAAAA,cAAA,CAAA,aAAA,CAAC,aAAQ,CACX,CAAA,CAAA;AAAA,GAEH,CACH,CACF,CAAA,CAAA;AAEJ;;;;"}