@drodil/backstage-plugin-qeta-react 3.9.2 → 3.10.0

package/dist/components/PostsContainer/PostsContainer.esm.js

@@ -1,14 +1,18 @@
-import { Box, Typography, Grid, TextField, Button, Collapse } from '@material-ui/core';
-import React from 'react';
+import Collapse from '@mui/material/Collapse';
+import Typography from '@mui/material/Typography';
+import Box from '@mui/material/Box';
+import Grid from '@mui/material/Grid';
+import Button from '@mui/material/Button';
+import React__default from 'react';
 import { FilterPanel } from '../FilterPanel/FilterPanel.esm.js';
 import { PostList } from './PostList.esm.js';
-import FilterList from '@material-ui/icons/FilterList';
+import FilterList from '@mui/icons-material/FilterList';
 import { AskQuestionButton } from '../Buttons/AskQuestionButton.esm.js';
 import { EntityRefLink } from '@backstage/plugin-catalog-react';
 import { TagFollowButton } from '../Buttons/TagFollowButton.esm.js';
 import { EntityFollowButton } from '../Buttons/EntityFollowButton.esm.js';
 import { WriteArticleButton } from '../Buttons/WriteArticleButton.esm.js';
-import '@material-ui/icons/PlaylistAdd';
+import '@mui/icons-material/PlaylistAdd';
 import '@backstage/plugin-permission-react';
 import '@drodil/backstage-plugin-qeta-common';
 import '@backstage/core-components';
@@ -19,12 +23,19 @@ import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
-import '@material-ui/icons/AddCircle';
-import '@material-ui/icons/RemoveCircle';
-import '@material-ui/icons/Visibility';
-import '@material-ui/icons/VisibilityOff';
+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 '@mui/material/IconButton';
+import '@mui/material/Tooltip';
+import '@mui/icons-material/Visibility';
+import '@mui/icons-material/VisibilityOff';
 import { capitalize } from 'lodash';
 import { usePaginatedPosts } from '../../hooks/usePaginatedPosts.esm.js';
+import { SearchBar } from '../SearchBar/SearchBar.esm.js';
 
 const PostsContainer = (props) => {
   const {
@@ -62,22 +73,22 @@ const PostsContainer = (props) => {
   let btn = void 0;
   if (author) {
     shownTitle = t(`postsContainer.title.by`, { itemType });
-    link = /* @__PURE__ */ React.createElement(EntityRefLink, { entityRef: author, hideIcon: true, defaultKind: "user" });
+    link = /* @__PURE__ */ React__default.createElement(EntityRefLink, { entityRef: author, hideIcon: true, defaultKind: "user" });
   } else if (entity) {
     shownTitle = t(`postsContainer.title.about`, { itemType });
-    link = /* @__PURE__ */ React.createElement(EntityRefLink, { entityRef: entity });
-    btn = /* @__PURE__ */ React.createElement(EntityFollowButton, { entityRef: entity });
+    link = /* @__PURE__ */ React__default.createElement(EntityRefLink, { entityRef: entity });
+    btn = /* @__PURE__ */ React__default.createElement(EntityFollowButton, { entityRef: entity });
   } else if (tags) {
     shownTitle = `#${tags.join(", #")}`;
     if (tags.length === 1) {
-      btn = /* @__PURE__ */ React.createElement(TagFollowButton, { tag: tags[0] });
+      btn = /* @__PURE__ */ React__default.createElement(TagFollowButton, { tag: tags[0] });
     }
   } else if (favorite) {
     shownTitle = t("postsContainer.title.favorite", {
       itemType: itemType.toLowerCase()
     });
   }
-  return /* @__PURE__ */ React.createElement(Box, { className: "qetaPostsContainer" }, showTitle && /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(Box, { className: "qetaPostsContainer" }, showTitle && /* @__PURE__ */ React__default.createElement(
     Typography,
     {
       variant: "h5",
@@ -89,58 +100,53 @@ const PostsContainer = (props) => {
     link,
     " ",
     btn
-  ), /* @__PURE__ */ React.createElement(Grid, { container: true, justifyContent: "space-between" }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, md: 4 }, /* @__PURE__ */ React.createElement(
-    TextField,
+  ), /* @__PURE__ */ React__default.createElement(Grid, { container: true, justifyContent: "space-between" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, md: 4 }, /* @__PURE__ */ React__default.createElement(
+    SearchBar,
     {
-      id: "search-bar",
-      fullWidth: true,
-      onChange: onSearchQueryChange,
-      label: t("postsContainer.search.label", { itemType }),
-      className: "qetaPostsContainerSearchInput",
-      variant: "outlined",
-      placeholder: t("postsContainer.search.placeholder"),
-      size: "small",
-      style: { marginBottom: "5px" }
+      onSearch: onSearchQueryChange,
+      label: t("postsContainer.search.label", {
+        itemType: itemType.toLowerCase()
+      })
     }
-  )), showAskButton && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
+  )), showAskButton && /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(
     AskQuestionButton,
     {
       entity: entity ?? filters.entity,
       entityPage: entity !== void 0,
       tags
     }
-  )), showWriteButton && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
+  )), showWriteButton && /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(
     WriteArticleButton,
     {
       entity: entity ?? filters.entity,
       entityPage: entity !== void 0,
       tags
     }
-  ))), /* @__PURE__ */ React.createElement(Grid, { container: true, justifyContent: "space-between" }, response && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
+  ))), /* @__PURE__ */ React__default.createElement(Grid, { container: true, justifyContent: "space-between" }, response && /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(
     Typography,
     {
       variant: "h6",
       className: "qetaPostsContainerQuestionCount"
     },
     t("common.posts", { count: response?.total ?? 0, itemType })
-  )), response && (showFilters ?? true) && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
+  )), response && (showFilters ?? true) && /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(
     Button,
     {
       onClick: () => {
         setShowFilterPanel(!showFilterPanel);
       },
       className: "qetaPostsContainerFilterPanelBtn",
-      startIcon: /* @__PURE__ */ React.createElement(FilterList, null)
+      startIcon: /* @__PURE__ */ React__default.createElement(FilterList, null)
     },
     t("filterPanel.filterButton")
-  ))), (showFilters ?? true) && /* @__PURE__ */ React.createElement(Collapse, { in: showFilterPanel }, /* @__PURE__ */ React.createElement(
+  ))), (showFilters ?? true) && /* @__PURE__ */ React__default.createElement(Collapse, { in: showFilterPanel }, /* @__PURE__ */ React__default.createElement(
     FilterPanel,
     {
       onChange: onFilterChange,
       filters,
       type
     }
-  )), /* @__PURE__ */ React.createElement(
+  )), /* @__PURE__ */ React__default.createElement(
     PostList,
     {
       loading,

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

@@ -1 +1 @@
-{"version":3,"file":"PostsContainer.esm.js","sources":["../../../src/components/PostsContainer/PostsContainer.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Collapse,\n  Grid,\n  TextField,\n  Typography,\n} from '@material-ui/core';\nimport React from 'react';\nimport { FilterPanel, PostFilters } from '../FilterPanel/FilterPanel';\nimport { PostList } from './PostList';\nimport FilterList from '@material-ui/icons/FilterList';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { TagFollowButton } from '../Buttons/TagFollowButton';\nimport { EntityFollowButton } from '../Buttons/EntityFollowButton';\nimport { WriteArticleButton } from '../Buttons';\nimport { capitalize } from 'lodash';\nimport {\n  PaginatedPostsProps,\n  usePaginatedPosts,\n} from '../../hooks/usePaginatedPosts';\nimport { useTranslation } from '../../hooks';\n\nexport const PostsContainer = (\n  props: PaginatedPostsProps & { entity?: string },\n) => {\n  const {\n    type,\n    tags,\n    author,\n    entity,\n    showFilters,\n    showTitle,\n    title,\n    favorite,\n    showAskButton,\n    showWriteButton,\n    showNoQuestionsBtn,\n  } = props;\n  const {\n    onSearchQueryChange,\n    filters,\n    response,\n    loading,\n    error,\n    setShowFilterPanel,\n    showFilterPanel,\n    onFilterChange,\n    onPageChange,\n    onPageSizeChange,\n    page,\n    postsPerPage,\n    pageCount,\n  } = usePaginatedPosts(props);\n  const { t } = useTranslation();\n\n  const itemType = capitalize(t(`common.${type ?? 'post'}`, {}));\n  let shownTitle = title;\n  let link = undefined;\n  let btn = undefined;\n  if (author) {\n    shownTitle = t(`postsContainer.title.by`, { itemType });\n    link = <EntityRefLink entityRef={author} hideIcon defaultKind=\"user\" />;\n  } else if (entity) {\n    shownTitle = t(`postsContainer.title.about`, { itemType });\n    link = <EntityRefLink entityRef={entity} />;\n    btn = <EntityFollowButton entityRef={entity} />;\n  } else if (tags) {\n    shownTitle = `#${tags.join(', #')}`;\n    if (tags.length === 1) {\n      btn = <TagFollowButton tag={tags[0]} />;\n    }\n  } else if (favorite) {\n    shownTitle = t('postsContainer.title.favorite', {\n      itemType: itemType.toLowerCase(),\n    });\n  }\n\n  return (\n    <Box className=\"qetaPostsContainer\">\n      {showTitle && (\n        <Typography\n          variant=\"h5\"\n          className=\"qetaPostsContainerTitle\"\n          style={{ marginBottom: '1.5rem' }}\n        >\n          {shownTitle} {link} {btn}\n        </Typography>\n      )}\n      <Grid container justifyContent=\"space-between\">\n        <Grid item xs={12} md={4}>\n          <TextField\n            id=\"search-bar\"\n            fullWidth\n            onChange={onSearchQueryChange}\n            label={t('postsContainer.search.label', { itemType })}\n            className=\"qetaPostsContainerSearchInput\"\n            variant=\"outlined\"\n            placeholder={t('postsContainer.search.placeholder')}\n            size=\"small\"\n            style={{ marginBottom: '5px' }}\n          />\n        </Grid>\n        {showAskButton && (\n          <Grid item>\n            <AskQuestionButton\n              entity={entity ?? filters.entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          </Grid>\n        )}\n        {showWriteButton && (\n          <Grid item>\n            <WriteArticleButton\n              entity={entity ?? filters.entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          </Grid>\n        )}\n      </Grid>\n      <Grid container justifyContent=\"space-between\">\n        {response && (\n          <Grid item>\n            <Typography\n              variant=\"h6\"\n              className=\"qetaPostsContainerQuestionCount\"\n            >\n              {t('common.posts', { count: response?.total ?? 0, itemType })}\n            </Typography>\n          </Grid>\n        )}\n        {response && (showFilters ?? true) && (\n          <Grid item>\n            <Button\n              onClick={() => {\n                setShowFilterPanel(!showFilterPanel);\n              }}\n              className=\"qetaPostsContainerFilterPanelBtn\"\n              startIcon={<FilterList />}\n            >\n              {t('filterPanel.filterButton')}\n            </Button>\n          </Grid>\n        )}\n      </Grid>\n      {(showFilters ?? true) && (\n        <Collapse in={showFilterPanel}>\n          <FilterPanel<PostFilters>\n            onChange={onFilterChange}\n            filters={filters}\n            type={type}\n          />\n        </Collapse>\n      )}\n      <PostList\n        loading={loading}\n        error={error}\n        response={response}\n        onPageChange={onPageChange}\n        onPageSizeChange={onPageSizeChange}\n        entity={entity}\n        page={page}\n        pageSize={postsPerPage}\n        pageCount={pageCount}\n        showNoQuestionsBtn={showNoQuestionsBtn}\n        entityPage={entity !== undefined}\n        tags={tags}\n        type={type}\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PostsContainer.esm.js","sources":["../../../src/components/PostsContainer/PostsContainer.tsx"],"sourcesContent":["import Collapse from '@mui/material/Collapse';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport React from 'react';\nimport { FilterPanel, PostFilters } from '../FilterPanel/FilterPanel';\nimport { PostList } from './PostList';\nimport FilterList from '@mui/icons-material/FilterList';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { TagFollowButton } from '../Buttons/TagFollowButton';\nimport { EntityFollowButton } from '../Buttons/EntityFollowButton';\nimport { WriteArticleButton } from '../Buttons';\nimport { capitalize } from 'lodash';\nimport {\n  PaginatedPostsProps,\n  usePaginatedPosts,\n} from '../../hooks/usePaginatedPosts';\nimport { useTranslation } from '../../hooks';\nimport { SearchBar } from '../SearchBar/SearchBar';\n\nexport const PostsContainer = (\n  props: PaginatedPostsProps & { entity?: string },\n) => {\n  const {\n    type,\n    tags,\n    author,\n    entity,\n    showFilters,\n    showTitle,\n    title,\n    favorite,\n    showAskButton,\n    showWriteButton,\n    showNoQuestionsBtn,\n  } = props;\n  const {\n    onSearchQueryChange,\n    filters,\n    response,\n    loading,\n    error,\n    setShowFilterPanel,\n    showFilterPanel,\n    onFilterChange,\n    onPageChange,\n    onPageSizeChange,\n    page,\n    postsPerPage,\n    pageCount,\n  } = usePaginatedPosts(props);\n  const { t } = useTranslation();\n\n  const itemType = capitalize(t(`common.${type ?? 'post'}`, {}));\n  let shownTitle = title;\n  let link = undefined;\n  let btn = undefined;\n  if (author) {\n    shownTitle = t(`postsContainer.title.by`, { itemType });\n    link = <EntityRefLink entityRef={author} hideIcon defaultKind=\"user\" />;\n  } else if (entity) {\n    shownTitle = t(`postsContainer.title.about`, { itemType });\n    link = <EntityRefLink entityRef={entity} />;\n    btn = <EntityFollowButton entityRef={entity} />;\n  } else if (tags) {\n    shownTitle = `#${tags.join(', #')}`;\n    if (tags.length === 1) {\n      btn = <TagFollowButton tag={tags[0]} />;\n    }\n  } else if (favorite) {\n    shownTitle = t('postsContainer.title.favorite', {\n      itemType: itemType.toLowerCase(),\n    });\n  }\n\n  return (\n    <Box className=\"qetaPostsContainer\">\n      {showTitle && (\n        <Typography\n          variant=\"h5\"\n          className=\"qetaPostsContainerTitle\"\n          style={{ marginBottom: '1.5rem' }}\n        >\n          {shownTitle} {link} {btn}\n        </Typography>\n      )}\n      <Grid container justifyContent=\"space-between\">\n        <Grid item xs={12} md={4}>\n          <SearchBar\n            onSearch={onSearchQueryChange}\n            label={t('postsContainer.search.label', {\n              itemType: itemType.toLowerCase(),\n            })}\n          />\n        </Grid>\n        {showAskButton && (\n          <Grid item>\n            <AskQuestionButton\n              entity={entity ?? filters.entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          </Grid>\n        )}\n        {showWriteButton && (\n          <Grid item>\n            <WriteArticleButton\n              entity={entity ?? filters.entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          </Grid>\n        )}\n      </Grid>\n      <Grid container justifyContent=\"space-between\">\n        {response && (\n          <Grid item>\n            <Typography\n              variant=\"h6\"\n              className=\"qetaPostsContainerQuestionCount\"\n            >\n              {t('common.posts', { count: response?.total ?? 0, itemType })}\n            </Typography>\n          </Grid>\n        )}\n        {response && (showFilters ?? true) && (\n          <Grid item>\n            <Button\n              onClick={() => {\n                setShowFilterPanel(!showFilterPanel);\n              }}\n              className=\"qetaPostsContainerFilterPanelBtn\"\n              startIcon={<FilterList />}\n            >\n              {t('filterPanel.filterButton')}\n            </Button>\n          </Grid>\n        )}\n      </Grid>\n      {(showFilters ?? true) && (\n        <Collapse in={showFilterPanel}>\n          <FilterPanel<PostFilters>\n            onChange={onFilterChange}\n            filters={filters}\n            type={type}\n          />\n        </Collapse>\n      )}\n      <PostList\n        loading={loading}\n        error={error}\n        response={response}\n        onPageChange={onPageChange}\n        onPageSizeChange={onPageSizeChange}\n        entity={entity}\n        page={page}\n        pageSize={postsPerPage}\n        pageCount={pageCount}\n        showNoQuestionsBtn={showNoQuestionsBtn}\n        entityPage={entity !== undefined}\n        tags={tags}\n        type={type}\n      />\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/PostsGrid/PostsGrid.esm.js

@@ -1,10 +1,10 @@
-import React from 'react';
+import React__default from 'react';
 import { EntityRefLink } from '@backstage/plugin-catalog-react';
 import { AskQuestionButton } from '../Buttons/AskQuestionButton.esm.js';
 import { EntityFollowButton } from '../Buttons/EntityFollowButton.esm.js';
 import { TagFollowButton } from '../Buttons/TagFollowButton.esm.js';
 import { WriteArticleButton } from '../Buttons/WriteArticleButton.esm.js';
-import '@material-ui/icons/PlaylistAdd';
+import '@mui/icons-material/PlaylistAdd';
 import '@backstage/plugin-permission-react';
 import '@drodil/backstage-plugin-qeta-common';
 import '@backstage/core-components';
@@ -15,16 +15,27 @@ import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
-import { Box, Typography, Grid, TextField, Button, Collapse } from '@material-ui/core';
-import '@material-ui/icons/AddCircle';
-import '@material-ui/icons/RemoveCircle';
-import '@material-ui/icons/Visibility';
-import '@material-ui/icons/VisibilityOff';
-import FilterList from '@material-ui/icons/FilterList';
+import Grid from '@mui/material/Grid';
+import Button from '@mui/material/Button';
+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 '@mui/material/IconButton';
+import '@mui/material/Tooltip';
+import '@mui/icons-material/Visibility';
+import '@mui/icons-material/VisibilityOff';
+import Collapse from '@mui/material/Collapse';
+import Typography from '@mui/material/Typography';
+import Box from '@mui/material/Box';
+import FilterList from '@mui/icons-material/FilterList';
 import { FilterPanel } from '../FilterPanel/FilterPanel.esm.js';
 import { PostsGridContent } from './PostsGridContent.esm.js';
 import { capitalize } from 'lodash';
 import { usePaginatedPosts } from '../../hooks/usePaginatedPosts.esm.js';
+import { SearchBar } from '../SearchBar/SearchBar.esm.js';
 
 const PostsGrid = (props) => {
   const {
@@ -64,20 +75,20 @@ const PostsGrid = (props) => {
   let btn = void 0;
   if (author) {
     shownTitle = t(`postsContainer.title.by`, { itemType });
-    link = /* @__PURE__ */ React.createElement(EntityRefLink, { entityRef: author, hideIcon: true, defaultKind: "user" });
+    link = /* @__PURE__ */ React__default.createElement(EntityRefLink, { entityRef: author, hideIcon: true, defaultKind: "user" });
   } else if (entity) {
     shownTitle = t(`postsContainer.title.about`, { itemType });
-    link = /* @__PURE__ */ React.createElement(EntityRefLink, { entityRef: entity });
-    btn = /* @__PURE__ */ React.createElement(EntityFollowButton, { entityRef: entity });
+    link = /* @__PURE__ */ React__default.createElement(EntityRefLink, { entityRef: entity });
+    btn = /* @__PURE__ */ React__default.createElement(EntityFollowButton, { entityRef: entity });
   } else if (tags) {
     shownTitle = `#${tags.join(", #")}`;
     if (tags.length === 1) {
-      btn = /* @__PURE__ */ React.createElement(TagFollowButton, { tag: tags[0] });
+      btn = /* @__PURE__ */ React__default.createElement(TagFollowButton, { tag: tags[0] });
     }
   } else if (favorite) {
     shownTitle = t("postsContainer.title.favorite", { itemType });
   }
-  return /* @__PURE__ */ React.createElement(Box, { className: "qetaPostsGrid" }, showTitle && /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(Box, { className: "qetaPostsGrid" }, showTitle && /* @__PURE__ */ React__default.createElement(
     Typography,
     {
       variant: "h5",
@@ -89,56 +100,51 @@ const PostsGrid = (props) => {
     link,
     " ",
     btn
-  ), /* @__PURE__ */ React.createElement(Grid, { container: true, justifyContent: "space-between" }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, md: 4 }, /* @__PURE__ */ React.createElement(
-    TextField,
+  ), /* @__PURE__ */ React__default.createElement(Grid, { container: true, justifyContent: "space-between" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, md: 4 }, /* @__PURE__ */ React__default.createElement(
+    SearchBar,
     {
-      id: "search-bar",
-      fullWidth: true,
-      onChange: onSearchQueryChange,
-      label: t("postsContainer.search.label", { itemType }),
-      className: "qetaPostsGridSearchInput",
-      variant: "outlined",
-      placeholder: t("postsContainer.search.placeholder"),
-      size: "small",
-      style: { marginBottom: "5px" }
+      onSearch: onSearchQueryChange,
+      label: t("postsContainer.search.label", {
+        itemType: itemType.toLowerCase()
+      })
     }
-  )), showAskButton && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
+  )), showAskButton && /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(
     AskQuestionButton,
     {
       entity: entity ?? filters.entity,
       entityPage: entity !== void 0,
       tags
     }
-  )), showWriteButton && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
+  )), showWriteButton && /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(
     WriteArticleButton,
     {
       entity: entity ?? filters.entity,
       entityPage: entity !== void 0,
       tags
     }
-  ))), /* @__PURE__ */ React.createElement(Grid, { container: true, justifyContent: "space-between" }, response && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
+  ))), /* @__PURE__ */ React__default.createElement(Grid, { container: true, justifyContent: "space-between" }, response && /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(
     Typography,
     {
       variant: "h6",
       className: "qetaPostsContainerQuestionCount"
     },
     t("common.posts", { count: response?.total ?? 0, itemType })
-  )), response && (showFilters ?? true) && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
+  )), response && (showFilters ?? true) && /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(
     Button,
     {
       onClick: () => setShowFilterPanel(!showFilterPanel),
       className: "qetaPostsContainerFilterPanelBtn",
-      startIcon: /* @__PURE__ */ React.createElement(FilterList, null)
+      startIcon: /* @__PURE__ */ React__default.createElement(FilterList, null)
     },
     t("filterPanel.filterButton")
-  ))), (showFilters ?? true) && /* @__PURE__ */ React.createElement(Collapse, { in: showFilterPanel }, /* @__PURE__ */ React.createElement(
+  ))), (showFilters ?? true) && /* @__PURE__ */ React__default.createElement(Collapse, { in: showFilterPanel }, /* @__PURE__ */ React__default.createElement(
     FilterPanel,
     {
       onChange: onFilterChange,
       filters,
       type
     }
-  )), /* @__PURE__ */ React.createElement(
+  )), /* @__PURE__ */ React__default.createElement(
     PostsGridContent,
     {
       loading,

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

@@ -1 +1 @@
-{"version":3,"file":"PostsGrid.esm.js","sources":["../../../src/components/PostsGrid/PostsGrid.tsx"],"sourcesContent":["import React from 'react';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport {\n  AskQuestionButton,\n  EntityFollowButton,\n  TagFollowButton,\n  WriteArticleButton,\n} from '../Buttons';\nimport {\n  Box,\n  Button,\n  Collapse,\n  Grid,\n  TextField,\n  Typography,\n} from '@material-ui/core';\nimport FilterList from '@material-ui/icons/FilterList';\nimport { FilterPanel, PostFilters } from '../FilterPanel/FilterPanel';\nimport { PostsGridContent } from './PostsGridContent';\nimport { capitalize } from 'lodash';\nimport {\n  PaginatedPostsProps,\n  usePaginatedPosts,\n} from '../../hooks/usePaginatedPosts';\nimport { useTranslation } from '../../hooks';\n\nexport type PostGridProps = PaginatedPostsProps & { allowRanking?: boolean };\n\nexport const PostsGrid = (props: PostGridProps) => {\n  const {\n    type,\n    tags,\n    author,\n    entity,\n    showFilters,\n    showTitle,\n    title,\n    favorite,\n    showAskButton,\n    showWriteButton,\n    showNoQuestionsBtn,\n    allowRanking,\n  } = props;\n  const { t } = useTranslation();\n  const {\n    onSearchQueryChange,\n    filters,\n    response,\n    loading,\n    error,\n    setShowFilterPanel,\n    showFilterPanel,\n    onFilterChange,\n    onPageSizeChange,\n    postsPerPage,\n    page,\n    pageCount,\n    onPageChange,\n    retry,\n  } = usePaginatedPosts(props);\n\n  const itemType = capitalize(t(`common.${type ?? 'post'}`, {}));\n  let shownTitle = title;\n  let link = undefined;\n  let btn = undefined;\n  if (author) {\n    shownTitle = t(`postsContainer.title.by`, { itemType });\n    link = <EntityRefLink entityRef={author} hideIcon defaultKind=\"user\" />;\n  } else if (entity) {\n    shownTitle = t(`postsContainer.title.about`, { itemType });\n    link = <EntityRefLink entityRef={entity} />;\n    btn = <EntityFollowButton entityRef={entity} />;\n  } else if (tags) {\n    shownTitle = `#${tags.join(', #')}`;\n    if (tags.length === 1) {\n      btn = <TagFollowButton tag={tags[0]} />;\n    }\n  } else if (favorite) {\n    shownTitle = t('postsContainer.title.favorite', { itemType });\n  }\n\n  return (\n    <Box className=\"qetaPostsGrid\">\n      {showTitle && (\n        <Typography\n          variant=\"h5\"\n          className=\"qetaPostsGridTitle\"\n          style={{ marginBottom: '1.5rem' }}\n        >\n          {shownTitle} {link} {btn}\n        </Typography>\n      )}\n      <Grid container justifyContent=\"space-between\">\n        <Grid item xs={12} md={4}>\n          <TextField\n            id=\"search-bar\"\n            fullWidth\n            onChange={onSearchQueryChange}\n            label={t('postsContainer.search.label', { itemType })}\n            className=\"qetaPostsGridSearchInput\"\n            variant=\"outlined\"\n            placeholder={t('postsContainer.search.placeholder')}\n            size=\"small\"\n            style={{ marginBottom: '5px' }}\n          />\n        </Grid>\n        {showAskButton && (\n          <Grid item>\n            <AskQuestionButton\n              entity={entity ?? filters.entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          </Grid>\n        )}\n        {showWriteButton && (\n          <Grid item>\n            <WriteArticleButton\n              entity={entity ?? filters.entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          </Grid>\n        )}\n      </Grid>\n      <Grid container justifyContent=\"space-between\">\n        {response && (\n          <Grid item>\n            <Typography\n              variant=\"h6\"\n              className=\"qetaPostsContainerQuestionCount\"\n            >\n              {t('common.posts', { count: response?.total ?? 0, itemType })}\n            </Typography>\n          </Grid>\n        )}\n        {response && (showFilters ?? true) && (\n          <Grid item>\n            <Button\n              onClick={() => setShowFilterPanel(!showFilterPanel)}\n              className=\"qetaPostsContainerFilterPanelBtn\"\n              startIcon={<FilterList />}\n            >\n              {t('filterPanel.filterButton')}\n            </Button>\n          </Grid>\n        )}\n      </Grid>\n      {(showFilters ?? true) && (\n        <Collapse in={showFilterPanel}>\n          <FilterPanel<PostFilters>\n            onChange={onFilterChange}\n            filters={filters}\n            type={type}\n          />\n        </Collapse>\n      )}\n      <PostsGridContent\n        loading={loading}\n        error={error}\n        response={response}\n        entity={entity}\n        showNoQuestionsBtn={showNoQuestionsBtn}\n        onPageSizeChange={onPageSizeChange}\n        pageSize={postsPerPage}\n        entityPage={entity !== undefined}\n        tags={tags}\n        type={type}\n        page={page}\n        pageCount={pageCount}\n        onPageChange={onPageChange}\n        onRankUpdate={() => retry()}\n        collectionId={props.collectionId}\n        allowRanking={allowRanking}\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PostsGrid.esm.js","sources":["../../../src/components/PostsGrid/PostsGrid.tsx"],"sourcesContent":["import React from 'react';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport {\n  AskQuestionButton,\n  EntityFollowButton,\n  TagFollowButton,\n  WriteArticleButton,\n} from '../Buttons';\nimport Collapse from '@mui/material/Collapse';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport FilterList from '@mui/icons-material/FilterList';\nimport { FilterPanel, PostFilters } from '../FilterPanel/FilterPanel';\nimport { PostsGridContent } from './PostsGridContent';\nimport { capitalize } from 'lodash';\nimport {\n  PaginatedPostsProps,\n  usePaginatedPosts,\n} from '../../hooks/usePaginatedPosts';\nimport { useTranslation } from '../../hooks';\nimport { SearchBar } from '../SearchBar/SearchBar';\n\nexport type PostGridProps = PaginatedPostsProps & { allowRanking?: boolean };\n\nexport const PostsGrid = (props: PostGridProps) => {\n  const {\n    type,\n    tags,\n    author,\n    entity,\n    showFilters,\n    showTitle,\n    title,\n    favorite,\n    showAskButton,\n    showWriteButton,\n    showNoQuestionsBtn,\n    allowRanking,\n  } = props;\n  const { t } = useTranslation();\n  const {\n    onSearchQueryChange,\n    filters,\n    response,\n    loading,\n    error,\n    setShowFilterPanel,\n    showFilterPanel,\n    onFilterChange,\n    onPageSizeChange,\n    postsPerPage,\n    page,\n    pageCount,\n    onPageChange,\n    retry,\n  } = usePaginatedPosts(props);\n\n  const itemType = capitalize(t(`common.${type ?? 'post'}`, {}));\n  let shownTitle = title;\n  let link = undefined;\n  let btn = undefined;\n  if (author) {\n    shownTitle = t(`postsContainer.title.by`, { itemType });\n    link = <EntityRefLink entityRef={author} hideIcon defaultKind=\"user\" />;\n  } else if (entity) {\n    shownTitle = t(`postsContainer.title.about`, { itemType });\n    link = <EntityRefLink entityRef={entity} />;\n    btn = <EntityFollowButton entityRef={entity} />;\n  } else if (tags) {\n    shownTitle = `#${tags.join(', #')}`;\n    if (tags.length === 1) {\n      btn = <TagFollowButton tag={tags[0]} />;\n    }\n  } else if (favorite) {\n    shownTitle = t('postsContainer.title.favorite', { itemType });\n  }\n\n  return (\n    <Box className=\"qetaPostsGrid\">\n      {showTitle && (\n        <Typography\n          variant=\"h5\"\n          className=\"qetaPostsGridTitle\"\n          style={{ marginBottom: '1.5rem' }}\n        >\n          {shownTitle} {link} {btn}\n        </Typography>\n      )}\n      <Grid container justifyContent=\"space-between\">\n        <Grid item xs={12} md={4}>\n          <SearchBar\n            onSearch={onSearchQueryChange}\n            label={t('postsContainer.search.label', {\n              itemType: itemType.toLowerCase(),\n            })}\n          />\n        </Grid>\n        {showAskButton && (\n          <Grid item>\n            <AskQuestionButton\n              entity={entity ?? filters.entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          </Grid>\n        )}\n        {showWriteButton && (\n          <Grid item>\n            <WriteArticleButton\n              entity={entity ?? filters.entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          </Grid>\n        )}\n      </Grid>\n      <Grid container justifyContent=\"space-between\">\n        {response && (\n          <Grid item>\n            <Typography\n              variant=\"h6\"\n              className=\"qetaPostsContainerQuestionCount\"\n            >\n              {t('common.posts', { count: response?.total ?? 0, itemType })}\n            </Typography>\n          </Grid>\n        )}\n        {response && (showFilters ?? true) && (\n          <Grid item>\n            <Button\n              onClick={() => setShowFilterPanel(!showFilterPanel)}\n              className=\"qetaPostsContainerFilterPanelBtn\"\n              startIcon={<FilterList />}\n            >\n              {t('filterPanel.filterButton')}\n            </Button>\n          </Grid>\n        )}\n      </Grid>\n      {(showFilters ?? true) && (\n        <Collapse in={showFilterPanel}>\n          <FilterPanel<PostFilters>\n            onChange={onFilterChange}\n            filters={filters}\n            type={type}\n          />\n        </Collapse>\n      )}\n      <PostsGridContent\n        loading={loading}\n        error={error}\n        response={response}\n        entity={entity}\n        showNoQuestionsBtn={showNoQuestionsBtn}\n        onPageSizeChange={onPageSizeChange}\n        pageSize={postsPerPage}\n        entityPage={entity !== undefined}\n        tags={tags}\n        type={type}\n        page={page}\n        pageCount={pageCount}\n        onPageChange={onPageChange}\n        onRankUpdate={() => retry()}\n        collectionId={props.collectionId}\n        allowRanking={allowRanking}\n      />\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/PostsGrid/PostsGridContent.esm.js

@@ -1,7 +1,8 @@
-import React, { useState, useRef, useEffect } from 'react';
+import React__default, { useRef } from 'react';
 import { WarningPanel } from '@backstage/core-components';
 import { NoPostsCard } from '../PostsContainer/NoPostsCard.esm.js';
-import { Box, Grid } from '@material-ui/core';
+import Box from '@mui/material/Box';
+import Grid from '@mui/material/Grid';
 import { PostsGridItem } from './PostsGridItem.esm.js';
 import '@backstage/core-plugin-api';
 import '../../api.esm.js';
@@ -28,14 +29,8 @@ const PostsGridContent = (props) => {
     page,
     pageCount
   } = props;
-  const [initialLoad, setInitialLoad] = useState(true);
   const { t } = useTranslation();
   const gridRef = useRef(null);
-  useEffect(() => {
-    if (!loading) {
-      setInitialLoad(false);
-    }
-  }, [initialLoad, loading]);
   const handlePageChange = (_event, value) => {
     if (gridRef.current) {
       gridRef.current.scrollIntoView();
@@ -49,14 +44,11 @@ const PostsGridContent = (props) => {
     onPageSizeChange(Number.parseInt(event.target.value, 10));
   };
   if (loading) {
-    if (initialLoad) {
-      return /* @__PURE__ */ React.createElement(LoadingGrid, null);
-    }
-    return null;
+    return /* @__PURE__ */ React__default.createElement(LoadingGrid, null);
   }
   const itemType = type ?? "post";
   if (error || response === void 0) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React__default.createElement(
       WarningPanel,
       {
         severity: "error",
@@ -66,7 +58,7 @@ const PostsGridContent = (props) => {
     );
   }
   if (!response.posts || response.posts.length === 0) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React__default.createElement(
       NoPostsCard,
       {
         showNoPostsBtn: showNoQuestionsBtn,
@@ -77,7 +69,7 @@ const PostsGridContent = (props) => {
       }
     );
   }
-  return /* @__PURE__ */ React.createElement("div", { ref: gridRef }, /* @__PURE__ */ React.createElement(Box, { sx: { mt: 2 }, className: "qetaPostsGrid" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { ref: gridRef }, /* @__PURE__ */ React__default.createElement(Box, { sx: { mt: 2 }, className: "qetaPostsGrid" }, /* @__PURE__ */ React__default.createElement(
     Grid,
     {
       container: true,
@@ -86,7 +78,7 @@ const PostsGridContent = (props) => {
       style: { marginTop: "1rem" }
     },
     response.posts.map((p) => {
-      return /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, key: p.id }, /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, key: p.id }, /* @__PURE__ */ React__default.createElement(
         PostsGridItem,
         {
           post: p,
@@ -98,7 +90,7 @@ const PostsGridContent = (props) => {
         }
       ));
     })
-  ), /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ React__default.createElement(
     QetaPagination,
     {
       pageSize,

package/dist/components/PostsGrid/PostsGridContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostsGridContent.esm.js","sources":["../../../src/components/PostsGrid/PostsGridContent.tsx"],"sourcesContent":["import { PostsResponse, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { WarningPanel } from '@backstage/core-components';\nimport { NoPostsCard } from '../PostsContainer/NoPostsCard';\nimport { Box, Grid } from '@material-ui/core';\nimport { PostsGridItem } from './PostsGridItem';\nimport { useTranslation } from '../../hooks';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\n\nexport const PostsGridContent = (props: {\n  loading: boolean;\n  error: any;\n  response?: PostsResponse;\n  entity?: string;\n  tags?: string[];\n  showNoQuestionsBtn?: boolean;\n  onPageSizeChange: (size: number) => void;\n  pageSize: number;\n  entityPage?: boolean;\n  type?: PostType;\n  onPageChange: (page: number) => void;\n  page: number;\n  pageCount: number;\n  allowRanking?: boolean;\n  onRankUpdate?: () => void;\n  collectionId?: number;\n}) => {\n  const {\n    loading,\n    error,\n    response,\n    entity,\n    showNoQuestionsBtn = true,\n    onPageSizeChange,\n    pageSize,\n    entityPage,\n    tags,\n    type,\n    onPageChange,\n    page,\n    pageCount,\n  } = props;\n  const [initialLoad, setInitialLoad] = useState(true);\n  const { t } = useTranslation();\n  const gridRef = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    if (!loading) {\n      setInitialLoad(false);\n    }\n  }, [initialLoad, loading]);\n\n  const handlePageChange = (\n    _event: React.ChangeEvent<unknown>,\n    value: number,\n  ) => {\n    if (gridRef.current) {\n      gridRef.current.scrollIntoView();\n    }\n    onPageChange(value);\n  };\n\n  const handlePageSizeChange = (\n    event: React.ChangeEvent<{ value: unknown }>,\n  ) => {\n    if (gridRef.current) {\n      gridRef.current.scrollIntoView();\n    }\n    onPageSizeChange(Number.parseInt(event.target.value as string, 10));\n  };\n\n  if (loading) {\n    if (initialLoad) {\n      return <LoadingGrid />;\n    }\n    return null;\n  }\n\n  const itemType = (type ?? 'post') as any;\n\n  if (error || response === undefined) {\n    return (\n      <WarningPanel\n        severity=\"error\"\n        title={t('postsList.errorLoading', { itemType })}\n      >\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  if (!response.posts || response.posts.length === 0) {\n    return (\n      <NoPostsCard\n        showNoPostsBtn={showNoQuestionsBtn}\n        entity={entity}\n        entityPage={entityPage}\n        tags={tags}\n        type={type}\n      />\n    );\n  }\n\n  return (\n    <div ref={gridRef}>\n      <Box sx={{ mt: 2 }} className=\"qetaPostsGrid\">\n        <Grid\n          container\n          direction=\"row\"\n          alignItems=\"stretch\"\n          style={{ marginTop: '1rem' }}\n        >\n          {response.posts.map(p => {\n            return (\n              <Grid item xs={12} key={p.id}>\n                <PostsGridItem\n                  post={p}\n                  type={type}\n                  entity={entity}\n                  allowRanking={props.allowRanking}\n                  onRankUpdate={props.onRankUpdate}\n                  collectionId={props.collectionId}\n                />\n              </Grid>\n            );\n          })}\n        </Grid>\n        <QetaPagination\n          pageSize={pageSize}\n          handlePageChange={handlePageChange}\n          handlePageSizeChange={handlePageSizeChange}\n          page={page}\n          pageCount={pageCount}\n          tooltip={t('postsList.postsPerPage', { itemType })}\n        />\n      </Box>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PostsGridContent.esm.js","sources":["../../../src/components/PostsGrid/PostsGridContent.tsx"],"sourcesContent":["import { PostsResponse, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport React, { useRef } from 'react';\nimport { WarningPanel } from '@backstage/core-components';\nimport { NoPostsCard } from '../PostsContainer/NoPostsCard';\nimport Box from '@mui/material/Box';\nimport Grid from '@mui/material/Grid';\nimport { PostsGridItem } from './PostsGridItem';\nimport { useTranslation } from '../../hooks';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { SelectChangeEvent } from '@mui/material/Select';\n\nexport const PostsGridContent = (props: {\n  loading: boolean;\n  error: any;\n  response?: PostsResponse;\n  entity?: string;\n  tags?: string[];\n  showNoQuestionsBtn?: boolean;\n  onPageSizeChange: (size: number) => void;\n  pageSize: number;\n  entityPage?: boolean;\n  type?: PostType;\n  onPageChange: (page: number) => void;\n  page: number;\n  pageCount: number;\n  allowRanking?: boolean;\n  onRankUpdate?: () => void;\n  collectionId?: number;\n}) => {\n  const {\n    loading,\n    error,\n    response,\n    entity,\n    showNoQuestionsBtn = true,\n    onPageSizeChange,\n    pageSize,\n    entityPage,\n    tags,\n    type,\n    onPageChange,\n    page,\n    pageCount,\n  } = props;\n  const { t } = useTranslation();\n  const gridRef = useRef<HTMLDivElement | null>(null);\n\n  const handlePageChange = (\n    _event: React.ChangeEvent<unknown>,\n    value: number,\n  ) => {\n    if (gridRef.current) {\n      gridRef.current.scrollIntoView();\n    }\n    onPageChange(value);\n  };\n\n  const handlePageSizeChange = (event: SelectChangeEvent<number>) => {\n    if (gridRef.current) {\n      gridRef.current.scrollIntoView();\n    }\n    onPageSizeChange(Number.parseInt(event.target.value as string, 10));\n  };\n\n  if (loading) {\n    return <LoadingGrid />;\n  }\n\n  const itemType = (type ?? 'post') as any;\n\n  if (error || response === undefined) {\n    return (\n      <WarningPanel\n        severity=\"error\"\n        title={t('postsList.errorLoading', { itemType })}\n      >\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  if (!response.posts || response.posts.length === 0) {\n    return (\n      <NoPostsCard\n        showNoPostsBtn={showNoQuestionsBtn}\n        entity={entity}\n        entityPage={entityPage}\n        tags={tags}\n        type={type}\n      />\n    );\n  }\n\n  return (\n    <div ref={gridRef}>\n      <Box sx={{ mt: 2 }} className=\"qetaPostsGrid\">\n        <Grid\n          container\n          direction=\"row\"\n          alignItems=\"stretch\"\n          style={{ marginTop: '1rem' }}\n        >\n          {response.posts.map(p => {\n            return (\n              <Grid item xs={12} key={p.id}>\n                <PostsGridItem\n                  post={p}\n                  type={type}\n                  entity={entity}\n                  allowRanking={props.allowRanking}\n                  onRankUpdate={props.onRankUpdate}\n                  collectionId={props.collectionId}\n                />\n              </Grid>\n            );\n          })}\n        </Grid>\n        <QetaPagination\n          pageSize={pageSize}\n          handlePageChange={handlePageChange}\n          handlePageSizeChange={handlePageSizeChange}\n          page={page}\n          pageCount={pageCount}\n          tooltip={t('postsList.postsPerPage', { itemType })}\n        />\n      </Box>\n    </div>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/PostsGrid/PostsGridItem.esm.js

@@ -1,9 +1,17 @@
 import { truncate, removeMarkdownFormatting } from '@drodil/backstage-plugin-qeta-common';
-import React, { useState, useEffect } from 'react';
+import React__default, { useState, useEffect } from 'react';
 import { useSignal } from '@backstage/plugin-signals-react';
 import { useApi, useRouteRef } from '@backstage/core-plugin-api';
 import { questionRouteRef, articleRouteRef, userRouteRef } from '../../routes.esm.js';
-import { Card, CardActionArea, CardMedia, CardContent, Typography, Box, Avatar, Tooltip, IconButton } from '@material-ui/core';
+import Card from '@mui/material/Card';
+import CardContent from '@mui/material/CardContent';
+import CardActionArea from '@mui/material/CardActionArea';
+import IconButton from '@mui/material/IconButton';
+import Tooltip from '@mui/material/Tooltip';
+import Typography from '@mui/material/Typography';
+import Box from '@mui/material/Box';
+import Avatar from '@mui/material/Avatar';
+import CardMedia from '@mui/material/CardMedia';
 import DOMPurify from 'dompurify';
 import { useNavigate } from 'react-router-dom';
 import { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities.esm.js';
@@ -15,10 +23,10 @@ import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import { useStyles } from '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 import { useEntityAuthor } from '../../hooks/useEntityAuthor.esm.js';
-import VerticalAlignTopIcon from '@material-ui/icons/VerticalAlignTop';
-import VerticalAlignBottomIcon from '@material-ui/icons/VerticalAlignBottom';
-import KeyboardArrowUpIcon from '@material-ui/icons/KeyboardArrowUp';
-import KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';
+import VerticalAlignTopIcon from '@mui/icons-material/VerticalAlignTop';
+import VerticalAlignBottomIcon from '@mui/icons-material/VerticalAlignBottom';
+import KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp';
+import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
 
 const PostsGridItem = (props) => {
   const { post, entity, allowRanking, onRankUpdate, collectionId } = props;
@@ -51,7 +59,7 @@ const PostsGridItem = (props) => {
       }
     });
   };
-  return /* @__PURE__ */ React.createElement(Card, { style: { height: "100%" } }, /* @__PURE__ */ React.createElement(CardActionArea, { onClick: () => navigate(href) }, post.headerImage && /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(Card, { style: { height: "100%" } }, /* @__PURE__ */ React__default.createElement(CardActionArea, { onClick: () => navigate(href) }, post.headerImage && /* @__PURE__ */ React__default.createElement(
     CardMedia,
     {
       component: "img",
@@ -59,9 +67,9 @@ const PostsGridItem = (props) => {
       image: post.headerImage,
       alt: post.title
     }
-  ), /* @__PURE__ */ React.createElement(CardContent, { style: { paddingBottom: "0.5rem" } }, /* @__PURE__ */ React.createElement(Typography, { gutterBottom: true, variant: "h6", component: "div" }, post.title), /* @__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" }, post.title), /* @__PURE__ */ React__default.createElement(Typography, { variant: "body2", color: "textSecondary", gutterBottom: true }, DOMPurify.sanitize(
     truncate(removeMarkdownFormatting(post.content), 400)
-  )))), /* @__PURE__ */ React.createElement(CardContent, { style: { paddingTop: "0.5rem" } }, /* @__PURE__ */ React.createElement(TagsAndEntities, { entity: post }), /* @__PURE__ */ React.createElement(Box, { style: { paddingLeft: "0.2rem", paddingTop: "0.5rem" } }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, /* @__PURE__ */ React.createElement(
+  )))), /* @__PURE__ */ React__default.createElement(CardContent, { style: { paddingTop: "0.5rem" } }, /* @__PURE__ */ React__default.createElement(TagsAndEntities, { entity: post }), /* @__PURE__ */ React__default.createElement(Box, { style: { paddingLeft: "0.2rem", paddingTop: "0.5rem" } }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption" }, /* @__PURE__ */ React__default.createElement(
     Avatar,
     {
       src: user?.spec?.profile?.picture,
@@ -70,7 +78,7 @@ const PostsGridItem = (props) => {
       variant: "rounded"
     },
     initials
-  ), post.author === "anonymous" ? t("common.anonymousAuthor") : /* @__PURE__ */ React.createElement(Link, { to: `${userRoute()}/${post.author}` }, name), " ", /* @__PURE__ */ React.createElement(Link, { to: href, className: "qetaPostListItemQuestionBtn" }, /* @__PURE__ */ React.createElement(RelativeTimeWithTooltip, { value: post.created })), " \xB7 ", t("common.views", { count: views }))), allowRanking && /* @__PURE__ */ React.createElement(
+  ), post.author === "anonymous" ? t("common.anonymousAuthor") : /* @__PURE__ */ React__default.createElement(Link, { to: `${userRoute()}/${post.author}` }, name), " ", /* @__PURE__ */ React__default.createElement(Link, { to: href, className: "qetaPostListItemQuestionBtn" }, /* @__PURE__ */ React__default.createElement(RelativeTimeWithTooltip, { value: post.created })), " \xB7 ", t("common.views", { count: views }))), allowRanking && /* @__PURE__ */ React__default.createElement(
     Box,
     {
       style: {
@@ -79,10 +87,10 @@ const PostsGridItem = (props) => {
         float: "right"
       }
     },
-    /* @__PURE__ */ React.createElement(Tooltip, { title: t("ranking.top") }, /* @__PURE__ */ React.createElement(IconButton, { size: "small", onClick: () => rank("top") }, /* @__PURE__ */ React.createElement(VerticalAlignTopIcon, null))),
-    /* @__PURE__ */ React.createElement(Tooltip, { title: t("ranking.up") }, /* @__PURE__ */ React.createElement(IconButton, { size: "small", onClick: () => rank("up") }, /* @__PURE__ */ React.createElement(KeyboardArrowUpIcon, null))),
-    /* @__PURE__ */ React.createElement(Tooltip, { title: t("ranking.down") }, /* @__PURE__ */ React.createElement(IconButton, { size: "small", onClick: () => rank("down") }, /* @__PURE__ */ React.createElement(KeyboardArrowDownIcon, null))),
-    /* @__PURE__ */ React.createElement(Tooltip, { title: t("ranking.bottom") }, /* @__PURE__ */ React.createElement(IconButton, { size: "small", onClick: () => rank("bottom") }, /* @__PURE__ */ React.createElement(VerticalAlignBottomIcon, null)))
+    /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("ranking.top") }, /* @__PURE__ */ React__default.createElement(IconButton, { size: "small", onClick: () => rank("top") }, /* @__PURE__ */ React__default.createElement(VerticalAlignTopIcon, null))),
+    /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("ranking.up") }, /* @__PURE__ */ React__default.createElement(IconButton, { size: "small", onClick: () => rank("up") }, /* @__PURE__ */ React__default.createElement(KeyboardArrowUpIcon, null))),
+    /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("ranking.down") }, /* @__PURE__ */ React__default.createElement(IconButton, { size: "small", onClick: () => rank("down") }, /* @__PURE__ */ React__default.createElement(KeyboardArrowDownIcon, null))),
+    /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("ranking.bottom") }, /* @__PURE__ */ React__default.createElement(IconButton, { size: "small", onClick: () => rank("bottom") }, /* @__PURE__ */ React__default.createElement(VerticalAlignBottomIcon, null)))
   )));
 };