@drodil/backstage-plugin-qeta 3.39.0 → 3.40.0

package/dist/alpha.esm.js

@@ -4,7 +4,7 @@ import { convertLegacyRouteRef, compatWrapper, convertLegacyRouteRefs } from '@b
 import { qetaApiRef, qetaRouteRef } from '@drodil/backstage-plugin-qeta-react';
 export { qetaTranslationRef } from '@drodil/backstage-plugin-qeta-react';
 import { discoveryApiRef, fetchApiRef, configApiRef } from '@backstage/core-plugin-api';
-import { QetaClient } from '@drodil/backstage-plugin-qeta-common';
+import { QetaClient, getSupportedEntityKinds } from '@drodil/backstage-plugin-qeta-common';
 import ContactSupportIcon from '@material-ui/icons/ContactSupport';
 import { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';
 import { SearchResultListItemBlueprint, SearchFilterResultTypeBlueprint } from '@backstage/plugin-search-react/alpha';
@@ -103,10 +103,7 @@ const EntityPostsContent = EntityContentBlueprint.makeWithOverrides({
       title: config.title ?? "Q&A",
       filter: (entity) => {
         const configApi = apis.get(configApiRef);
-        const supportedKinds = (configApi?.getOptionalStringArray("qeta.entities.kinds") ?? configApi?.getOptionalStringArray("qeta.entityKinds") ?? [
-          "system",
-          "component"
-        ])?.map((k) => k.toLowerCase());
+        const supportedKinds = getSupportedEntityKinds(configApi);
         const entityKind = entity.kind.toLowerCase();
         return supportedKinds?.includes(entityKind);
       },

package/dist/alpha.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.tsx"],"sourcesContent":["import {\n  ApiBlueprint,\n  coreExtensionData,\n  createExtensionBlueprint,\n  createExtensionInput,\n  createFrontendPlugin,\n  NavItemBlueprint,\n  PageBlueprint,\n} from '@backstage/frontend-plugin-api';\nimport {\n  compatWrapper,\n  convertLegacyRouteRef,\n  convertLegacyRouteRefs,\n} from '@backstage/core-compat-api';\nimport { qetaApiRef, qetaRouteRef } from '@drodil/backstage-plugin-qeta-react';\nimport {\n  configApiRef,\n  discoveryApiRef,\n  fetchApiRef,\n} from '@backstage/core-plugin-api';\nimport { QetaClient } from '@drodil/backstage-plugin-qeta-common';\nimport ContactSupportIcon from '@material-ui/icons/ContactSupport';\nimport { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';\nimport { Entity } from '@backstage/catalog-model';\nimport {\n  SearchFilterResultTypeBlueprint,\n  SearchResultListItemBlueprint,\n} from '@backstage/plugin-search-react/alpha';\n\nconst qetaApi = ApiBlueprint.make({\n  params: defineParams =>\n    defineParams({\n      api: qetaApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory({ discoveryApi, fetchApi }) {\n        return new QetaClient({ discoveryApi, fetchApi });\n      },\n    }),\n});\n\nexport const QetaPageIntroElementBlueprint = createExtensionBlueprint({\n  kind: 'intro-element',\n  attachTo: { id: 'page:qeta', input: 'introElement' },\n  output: [coreExtensionData.reactElement],\n  factory(params: { element: JSX.Element }) {\n    return [coreExtensionData.reactElement(params.element)];\n  },\n});\n\nexport const QetaPageHeaderElementBlueprint = createExtensionBlueprint({\n  kind: 'header-element',\n  attachTo: { id: 'page:qeta', input: 'headerElements' },\n  output: [coreExtensionData.reactElement],\n  factory(params: { element: JSX.Element }) {\n    return [coreExtensionData.reactElement(params.element)];\n  },\n});\n\nconst qetaPage = PageBlueprint.makeWithOverrides({\n  config: {\n    schema: {\n      subtitle: z => z.string().optional(),\n      themeId: z => z.string().optional(),\n      headerTooltip: z => z.string().optional(),\n      headerType: z => z.string().optional(),\n      headerTypeLink: z => z.string().optional(),\n    },\n  },\n  inputs: {\n    introElement: createExtensionInput([coreExtensionData.reactElement], {\n      singleton: true,\n      optional: true,\n    }),\n    headerElements: createExtensionInput([coreExtensionData.reactElement], {\n      singleton: false,\n      optional: true,\n    }),\n  },\n  factory: (originalFactory, { config, inputs }) => {\n    const introElement = inputs.introElement?.get(\n      coreExtensionData.reactElement,\n    );\n    const headerElements = inputs.headerElements.map(e =>\n      e.get(coreExtensionData.reactElement),\n    );\n    return originalFactory({\n      path: config.path ?? '/qeta',\n      routeRef: convertLegacyRouteRef(qetaRouteRef),\n      loader: () =>\n        import('./components/QetaPage').then(m =>\n          compatWrapper(\n            <m.QetaPage\n              {...config}\n              introElement={introElement}\n              headerElements={headerElements}\n            />,\n          ),\n        ),\n    });\n  },\n});\n\nconst EntityPostsContent = EntityContentBlueprint.makeWithOverrides({\n  name: 'entity-posts-content',\n  config: {\n    schema: {\n      showFilters: z => z.boolean().optional(),\n      showTitle: z => z.boolean().optional(),\n      showAskButton: z => z.boolean().optional(),\n      showWriteButton: z => z.boolean().optional(),\n      showLinkButton: z => z.boolean().optional(),\n      showNoQuestionsBtn: z => z.boolean().optional(),\n      initialPageSize: z => z.number().optional(),\n      type: z => z.enum(['question', 'article', 'link']).optional(),\n      view: z => z.enum(['list', 'grid']).optional(),\n    },\n  },\n  factory: (originalFactory, { config, apis }) => {\n    return originalFactory({\n      path: config.path ?? '/qeta',\n      title: config.title ?? 'Q&A',\n      filter: (entity: Entity) => {\n        const configApi = apis.get(configApiRef);\n        const supportedKinds = (\n          configApi?.getOptionalStringArray('qeta.entities.kinds') ??\n          configApi?.getOptionalStringArray('qeta.entityKinds') ?? [\n            'system',\n            'component',\n          ]\n        )?.map(k => k.toLowerCase());\n        const entityKind = entity.kind.toLowerCase();\n        return supportedKinds?.includes(entityKind);\n      },\n      loader: async () =>\n        import('./components/EntityPostsContent/EntityPostsContent.tsx').then(\n          m => compatWrapper(<m.EntityPostsContent {...config} />),\n        ),\n    });\n  },\n});\n\nconst qetaNavItem = NavItemBlueprint.make({\n  params: {\n    title: 'Q&A',\n    routeRef: convertLegacyRouteRef(qetaRouteRef),\n    icon: ContactSupportIcon,\n  },\n});\n\nconst qetaSearchResultItem = SearchResultListItemBlueprint.make({\n  params: {\n    predicate: result => result.type === 'qeta',\n    component: () =>\n      import('./components/QetaSearchResultListItem').then(\n        m => m.QetaSearchResultListItem,\n      ),\n  },\n});\n\nconst qetaPostSearchFilterType = SearchFilterResultTypeBlueprint.make({\n  name: 'qeta',\n  params: {\n    value: 'qeta',\n    name: 'Q&A',\n    icon: <ContactSupportIcon />,\n  },\n});\n\n/**\n * Backstage frontend plugin.\n *\n * @alpha\n */\nexport default createFrontendPlugin({\n  pluginId: 'qeta',\n  info: { packageJson: () => import('../package.json') },\n  routes: convertLegacyRouteRefs({\n    root: qetaRouteRef,\n  }),\n  extensions: [\n    qetaApi,\n    qetaPage,\n    EntityPostsContent,\n    qetaNavItem,\n    qetaSearchResultItem,\n    qetaPostSearchFilterType,\n  ],\n});\n\nexport { qetaTranslationRef } from '@drodil/backstage-plugin-qeta-react';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.tsx"],"sourcesContent":["import {\n  ApiBlueprint,\n  coreExtensionData,\n  createExtensionBlueprint,\n  createExtensionInput,\n  createFrontendPlugin,\n  NavItemBlueprint,\n  PageBlueprint,\n} from '@backstage/frontend-plugin-api';\nimport {\n  compatWrapper,\n  convertLegacyRouteRef,\n  convertLegacyRouteRefs,\n} from '@backstage/core-compat-api';\nimport { qetaApiRef, qetaRouteRef } from '@drodil/backstage-plugin-qeta-react';\nimport {\n  configApiRef,\n  discoveryApiRef,\n  fetchApiRef,\n} from '@backstage/core-plugin-api';\nimport {\n  getSupportedEntityKinds,\n  QetaClient,\n} from '@drodil/backstage-plugin-qeta-common';\nimport ContactSupportIcon from '@material-ui/icons/ContactSupport';\nimport { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';\nimport { Entity } from '@backstage/catalog-model';\nimport {\n  SearchFilterResultTypeBlueprint,\n  SearchResultListItemBlueprint,\n} from '@backstage/plugin-search-react/alpha';\n\nconst qetaApi = ApiBlueprint.make({\n  params: defineParams =>\n    defineParams({\n      api: qetaApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory({ discoveryApi, fetchApi }) {\n        return new QetaClient({ discoveryApi, fetchApi });\n      },\n    }),\n});\n\nexport const QetaPageIntroElementBlueprint = createExtensionBlueprint({\n  kind: 'intro-element',\n  attachTo: { id: 'page:qeta', input: 'introElement' },\n  output: [coreExtensionData.reactElement],\n  factory(params: { element: JSX.Element }) {\n    return [coreExtensionData.reactElement(params.element)];\n  },\n});\n\nexport const QetaPageHeaderElementBlueprint = createExtensionBlueprint({\n  kind: 'header-element',\n  attachTo: { id: 'page:qeta', input: 'headerElements' },\n  output: [coreExtensionData.reactElement],\n  factory(params: { element: JSX.Element }) {\n    return [coreExtensionData.reactElement(params.element)];\n  },\n});\n\nconst qetaPage = PageBlueprint.makeWithOverrides({\n  config: {\n    schema: {\n      subtitle: z => z.string().optional(),\n      themeId: z => z.string().optional(),\n      headerTooltip: z => z.string().optional(),\n      headerType: z => z.string().optional(),\n      headerTypeLink: z => z.string().optional(),\n    },\n  },\n  inputs: {\n    introElement: createExtensionInput([coreExtensionData.reactElement], {\n      singleton: true,\n      optional: true,\n    }),\n    headerElements: createExtensionInput([coreExtensionData.reactElement], {\n      singleton: false,\n      optional: true,\n    }),\n  },\n  factory: (originalFactory, { config, inputs }) => {\n    const introElement = inputs.introElement?.get(\n      coreExtensionData.reactElement,\n    );\n    const headerElements = inputs.headerElements.map(e =>\n      e.get(coreExtensionData.reactElement),\n    );\n    return originalFactory({\n      path: config.path ?? '/qeta',\n      routeRef: convertLegacyRouteRef(qetaRouteRef),\n      loader: () =>\n        import('./components/QetaPage').then(m =>\n          compatWrapper(\n            <m.QetaPage\n              {...config}\n              introElement={introElement}\n              headerElements={headerElements}\n            />,\n          ),\n        ),\n    });\n  },\n});\n\nconst EntityPostsContent = EntityContentBlueprint.makeWithOverrides({\n  name: 'entity-posts-content',\n  config: {\n    schema: {\n      showFilters: z => z.boolean().optional(),\n      showTitle: z => z.boolean().optional(),\n      showAskButton: z => z.boolean().optional(),\n      showWriteButton: z => z.boolean().optional(),\n      showLinkButton: z => z.boolean().optional(),\n      showNoQuestionsBtn: z => z.boolean().optional(),\n      initialPageSize: z => z.number().optional(),\n      type: z => z.enum(['question', 'article', 'link']).optional(),\n      view: z => z.enum(['list', 'grid']).optional(),\n    },\n  },\n  factory: (originalFactory, { config, apis }) => {\n    return originalFactory({\n      path: config.path ?? '/qeta',\n      title: config.title ?? 'Q&A',\n      filter: (entity: Entity) => {\n        const configApi = apis.get(configApiRef);\n        const supportedKinds = getSupportedEntityKinds(configApi);\n        const entityKind = entity.kind.toLowerCase();\n        return supportedKinds?.includes(entityKind);\n      },\n      loader: async () =>\n        import('./components/EntityPostsContent/EntityPostsContent.tsx').then(\n          m => compatWrapper(<m.EntityPostsContent {...config} />),\n        ),\n    });\n  },\n});\n\nconst qetaNavItem = NavItemBlueprint.make({\n  params: {\n    title: 'Q&A',\n    routeRef: convertLegacyRouteRef(qetaRouteRef),\n    icon: ContactSupportIcon,\n  },\n});\n\nconst qetaSearchResultItem = SearchResultListItemBlueprint.make({\n  params: {\n    predicate: result => result.type === 'qeta',\n    component: () =>\n      import('./components/QetaSearchResultListItem').then(\n        m => m.QetaSearchResultListItem,\n      ),\n  },\n});\n\nconst qetaPostSearchFilterType = SearchFilterResultTypeBlueprint.make({\n  name: 'qeta',\n  params: {\n    value: 'qeta',\n    name: 'Q&A',\n    icon: <ContactSupportIcon />,\n  },\n});\n\n/**\n * Backstage frontend plugin.\n *\n * @alpha\n */\nexport default createFrontendPlugin({\n  pluginId: 'qeta',\n  info: { packageJson: () => import('../package.json') },\n  routes: convertLegacyRouteRefs({\n    root: qetaRouteRef,\n  }),\n  extensions: [\n    qetaApi,\n    qetaPage,\n    EntityPostsContent,\n    qetaNavItem,\n    qetaSearchResultItem,\n    qetaPostSearchFilterType,\n  ],\n});\n\nexport { qetaTranslationRef } from '@drodil/backstage-plugin-qeta-react';\n"],"names":[],"mappings":"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"}

package/dist/components/LinkPage/LinkPage.esm.js

@@ -1,13 +1,12 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import * as React from 'react';
-import { useState, useEffect } from 'react';
 import { useParams } from 'react-router-dom';
+import { useState, useEffect } from 'react';
 import { useSignal } from '@backstage/plugin-signals-react';
 import { WarningPanel, ContentHeader } from '@backstage/core-components';
 import { qetaApiRef, qetaTranslationRef, useQetaApi, FaviconItem, ButtonContainer, CreateLinkButton, AddToCollectionButton, DraftBanner, DeletedBanner, LinkCard, RelativeTimeWithTooltip, UpdatedByLink } from '@drodil/backstage-plugin-qeta-react';
 import { Skeleton } from '@material-ui/lab';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import { makeStyles, Box } from '@material-ui/core';
+import { makeStyles, Box, Typography } from '@material-ui/core';
 import { useApi } from '@backstage/core-plugin-api';
 
 const useDescriptionStyles = makeStyles(
@@ -58,7 +57,7 @@ const LinkPage = () => {
         /* @__PURE__ */ jsx(RelativeTimeWithTooltip, { value: q.created }),
         " \xB7 "
       ] }),
-      q.updated && /* @__PURE__ */ jsx(React.Fragment, { children: /* @__PURE__ */ jsxs(Box, { fontWeight: "fontWeightMedium", className: dStyles.box, children: [
+      q.updated && /* @__PURE__ */ jsxs(Box, { fontWeight: "fontWeightMedium", className: dStyles.box, children: [
         t("authorBox.updatedAtTime"),
         " ",
         /* @__PURE__ */ jsx(RelativeTimeWithTooltip, { value: q.updated }),
@@ -67,7 +66,7 @@ const LinkPage = () => {
         " ",
         /* @__PURE__ */ jsx(UpdatedByLink, { entity: q }),
         " \xB7 "
-      ] }) }),
+      ] }),
       /* @__PURE__ */ jsx(Box, { fontWeight: "fontWeightMedium", className: dStyles.box, children: t("common.clicksCount", { count: score }) })
     ] });
   };
@@ -75,9 +74,10 @@ const LinkPage = () => {
     /* @__PURE__ */ jsx(
       ContentHeader,
       {
-        title: post.url ? /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
+        title: post.title,
+        titleComponent: post.url ? /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
           /* @__PURE__ */ jsx(FaviconItem, { entity: post }),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(Typography, { variant: "h3", children: /* @__PURE__ */ jsx(
             "a",
             {
               href: post.url,
@@ -91,7 +91,7 @@ const LinkPage = () => {
               },
               children: post.title
             }
-          )
+          ) })
         ] }) : post.title,
         description: getDescription(post),
         children: /* @__PURE__ */ jsxs(ButtonContainer, { children: [

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

@@ -1 +1 @@
-{"version":3,"file":"LinkPage.esm.js","sources":["../../../src/components/LinkPage/LinkPage.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useEffect, useState } from 'react';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { ContentHeader, WarningPanel } from '@backstage/core-components';\nimport { PostResponse, QetaSignal } from '@drodil/backstage-plugin-qeta-common';\nimport {\n  AddToCollectionButton,\n  ButtonContainer,\n  CreateLinkButton,\n  DeletedBanner,\n  DraftBanner,\n  LinkCard,\n  qetaTranslationRef,\n  RelativeTimeWithTooltip,\n  UpdatedByLink,\n  useQetaApi,\n  FaviconItem,\n  qetaApiRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Skeleton } from '@material-ui/lab';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { Box, makeStyles } from '@material-ui/core';\nimport { useApi } from '@backstage/core-plugin-api';\n\nconst useDescriptionStyles = makeStyles(\n  () => ({\n    root: {},\n    box: {\n      display: 'inline',\n    },\n  }),\n  { name: 'QetaDescription' },\n);\n\nexport const LinkPage = () => {\n  const { id } = useParams();\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const dStyles = useDescriptionStyles();\n  const [score, setScore] = useState(0);\n  const { lastSignal } = useSignal<QetaSignal>(`qeta:post_${id}`);\n\n  const {\n    value: post,\n    loading,\n    error,\n  } = useQetaApi(api => api.getPost(id), [id]);\n\n  useEffect(() => {\n    if (post) {\n      setScore(post.score);\n    }\n  }, [post]);\n\n  useEffect(() => {\n    if (lastSignal?.type === 'post_stats') {\n      setScore(lastSignal.score);\n    }\n  }, [lastSignal]);\n\n  if (loading) {\n    return <Skeleton variant=\"rect\" height={200} />;\n  }\n\n  if (error || post === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title={t('linkPage.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  if (post.type !== 'link') {\n    return <WarningPanel title=\"Not found\" message={t('linkPage.notFound')} />;\n  }\n\n  const getDescription = (q: PostResponse) => {\n    return (\n      <span className={dStyles.root}>\n        <Box fontWeight=\"fontWeightMedium\" className={dStyles.box}>\n          {t('authorBox.postedAtTime')}{' '}\n          <RelativeTimeWithTooltip value={q.created} />\n          {' · '}\n        </Box>\n        {q.updated && (\n          <React.Fragment>\n            <Box fontWeight=\"fontWeightMedium\" className={dStyles.box}>\n              {t('authorBox.updatedAtTime')}{' '}\n              <RelativeTimeWithTooltip value={q.updated} />{' '}\n              {t('authorBox.updatedBy')} <UpdatedByLink entity={q} />\n              {' · '}\n            </Box>\n          </React.Fragment>\n        )}\n        <Box fontWeight=\"fontWeightMedium\" className={dStyles.box}>\n          {t('common.clicksCount', { count: score })}\n        </Box>\n      </span>\n    );\n  };\n\n  return (\n    <>\n      <ContentHeader\n        // @ts-ignore, it can accept a react node, like description.\n        title={\n          post.url ? (\n            <Box display=\"flex\" alignItems=\"center\">\n              <FaviconItem entity={post} />\n              <a\n                href={post.url}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                style={{ color: 'inherit', textDecoration: 'none' }}\n                data-testid=\"link-title\"\n                onClick={event => {\n                  event.stopPropagation();\n                  qetaApi.clickLink(post.id);\n                }}\n              >\n                {post.title}\n              </a>\n            </Box>\n          ) : (\n            post.title\n          )\n        }\n        // @ts-ignore, it can accept a react node. See QuestionPage.\n        description={getDescription(post)}\n      >\n        <ButtonContainer>\n          <CreateLinkButton />\n          <AddToCollectionButton post={post} />\n        </ButtonContainer>\n      </ContentHeader>\n      {post.status === 'draft' && <DraftBanner />}\n      {post.status === 'deleted' && <DeletedBanner />}\n      <LinkCard link={post} />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"LinkPage.esm.js","sources":["../../../src/components/LinkPage/LinkPage.tsx"],"sourcesContent":["import { useParams } from 'react-router-dom';\nimport { useEffect, useState } from 'react';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { ContentHeader, WarningPanel } from '@backstage/core-components';\nimport { PostResponse, QetaSignal } from '@drodil/backstage-plugin-qeta-common';\nimport {\n  AddToCollectionButton,\n  ButtonContainer,\n  CreateLinkButton,\n  DeletedBanner,\n  DraftBanner,\n  LinkCard,\n  qetaTranslationRef,\n  RelativeTimeWithTooltip,\n  UpdatedByLink,\n  useQetaApi,\n  FaviconItem,\n  qetaApiRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Skeleton } from '@material-ui/lab';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { Box, makeStyles, Typography } from '@material-ui/core';\nimport { useApi } from '@backstage/core-plugin-api';\n\nconst useDescriptionStyles = makeStyles(\n  () => ({\n    root: {},\n    box: {\n      display: 'inline',\n    },\n  }),\n  { name: 'QetaDescription' },\n);\n\nexport const LinkPage = () => {\n  const { id } = useParams();\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const dStyles = useDescriptionStyles();\n  const [score, setScore] = useState(0);\n  const { lastSignal } = useSignal<QetaSignal>(`qeta:post_${id}`);\n\n  const {\n    value: post,\n    loading,\n    error,\n  } = useQetaApi(api => api.getPost(id), [id]);\n\n  useEffect(() => {\n    if (post) {\n      setScore(post.score);\n    }\n  }, [post]);\n\n  useEffect(() => {\n    if (lastSignal?.type === 'post_stats') {\n      setScore(lastSignal.score);\n    }\n  }, [lastSignal]);\n\n  if (loading) {\n    return <Skeleton variant=\"rect\" height={200} />;\n  }\n\n  if (error || post === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title={t('linkPage.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  if (post.type !== 'link') {\n    return <WarningPanel title=\"Not found\" message={t('linkPage.notFound')} />;\n  }\n\n  const getDescription = (q: PostResponse) => {\n    return (\n      <span className={dStyles.root}>\n        <Box fontWeight=\"fontWeightMedium\" className={dStyles.box}>\n          {t('authorBox.postedAtTime')}{' '}\n          <RelativeTimeWithTooltip value={q.created} />\n          {' · '}\n        </Box>\n        {q.updated && (\n          <Box fontWeight=\"fontWeightMedium\" className={dStyles.box}>\n            {t('authorBox.updatedAtTime')}{' '}\n            <RelativeTimeWithTooltip value={q.updated} />{' '}\n            {t('authorBox.updatedBy')} <UpdatedByLink entity={q} />\n            {' · '}\n          </Box>\n        )}\n        <Box fontWeight=\"fontWeightMedium\" className={dStyles.box}>\n          {t('common.clicksCount', { count: score })}\n        </Box>\n      </span>\n    );\n  };\n\n  return (\n    <>\n      <ContentHeader\n        title={post.title}\n        titleComponent={\n          post.url ? (\n            <Box display=\"flex\" alignItems=\"center\">\n              <FaviconItem entity={post} />\n              <Typography variant=\"h3\">\n                <a\n                  href={post.url}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  style={{ color: 'inherit', textDecoration: 'none' }}\n                  data-testid=\"link-title\"\n                  onClick={event => {\n                    event.stopPropagation();\n                    qetaApi.clickLink(post.id);\n                  }}\n                >\n                  {post.title}\n                </a>\n              </Typography>\n            </Box>\n          ) : (\n            post.title\n          )\n        }\n        // @ts-ignore, it can accept a react node. See QuestionPage.\n        description={getDescription(post)}\n      >\n        <ButtonContainer>\n          <CreateLinkButton />\n          <AddToCollectionButton post={post} />\n        </ButtonContainer>\n      </ContentHeader>\n      {post.status === 'draft' && <DraftBanner />}\n      {post.status === 'deleted' && <DeletedBanner />}\n      <LinkCard link={post} />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/package.json.esm.js

@@ -6,7 +6,7 @@ var keywords = [
 	"frontend",
 	"backstage.io"
 ];
-var version = "3.39.0";
+var version = "3.40.0";
 var main = "src/index.ts";
 var types = "src/index.ts";
 var prepublishOnly = "yarn tsc && yarn build";

package/package.json

@@ -7,7 +7,7 @@
     "frontend",
     "backstage.io"
   ],
-  "version": "3.39.0",
+  "version": "3.40.0",
   "main": "./dist/index.esm.js",
   "types": "./dist/index.d.ts",
   "prepublishOnly": "yarn tsc && yarn build",
@@ -83,8 +83,8 @@
     "@backstage/plugin-search-common": "^1.2.19",
     "@backstage/plugin-search-react": "^1.9.4",
     "@backstage/plugin-signals-react": "^0.0.15",
-    "@drodil/backstage-plugin-qeta-common": "^3.39.0",
-    "@drodil/backstage-plugin-qeta-react": "^3.39.0",
+    "@drodil/backstage-plugin-qeta-common": "^3.40.0",
+    "@drodil/backstage-plugin-qeta-react": "^3.40.0",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.11.3",
     "@material-ui/lab": "4.0.0-alpha.61",