@backstage/plugin-techdocs 1.12.5-next.0 → 1.12.5-next.2

package/dist/home/components/TechDocsCustomHome.esm.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState } from 'react';
 import useAsync from 'react-use/esm/useAsync';
 import { makeStyles } from '@material-ui/core/styles';
 import { useEntityOwnership, EntityListProvider, catalogApiRef, CATALOG_FILTER_EXISTS } from '@backstage/plugin-catalog-react';
@@ -42,15 +43,18 @@ const CustomDocsPanel = ({
     }
     return typeof config.filterPredicate === "function" && config.filterPredicate(entity);
   });
-  const Header = config.panelProps?.CustomHeader || (() => /* @__PURE__ */ React.createElement(ContentHeader, { title: config.title, description: config.description }, index === 0 ? /* @__PURE__ */ React.createElement(SupportButton, null, "Discover documentation in your ecosystem.") : null));
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Header, null), /* @__PURE__ */ React.createElement("div", { className: classes.panelContainer }, /* @__PURE__ */ React.createElement(EntityListProvider, null, /* @__PURE__ */ React.createElement(
-    Panel,
-    {
-      "data-testid": "techdocs-custom-panel",
-      entities: shownEntities,
-      ...config.panelProps
-    }
-  ))));
+  const Header = config.panelProps?.CustomHeader || (() => /* @__PURE__ */ jsx(ContentHeader, { title: config.title, description: config.description, children: index === 0 ? /* @__PURE__ */ jsx(SupportButton, { children: "Discover documentation in your ecosystem." }) : null }));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Header, {}),
+    /* @__PURE__ */ jsx("div", { className: classes.panelContainer, children: /* @__PURE__ */ jsx(EntityListProvider, { children: /* @__PURE__ */ jsx(
+      Panel,
+      {
+        "data-testid": "techdocs-custom-panel",
+        entities: shownEntities,
+        ...config.panelProps
+      }
+    ) }) })
+  ] });
 };
 const TechDocsCustomHome = (props) => {
   const { tabsConfig, filter, CustomPageWrapper } = props;
@@ -81,37 +85,40 @@ const TechDocsCustomHome = (props) => {
   });
   const currentTabConfig = tabsConfig[selectedTab];
   if (loading) {
-    return /* @__PURE__ */ React.createElement(TechDocsPageWrapper, { CustomPageWrapper }, /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(Progress, null)));
+    return /* @__PURE__ */ jsx(TechDocsPageWrapper, { CustomPageWrapper, children: /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(Progress, {}) }) });
   }
   if (error) {
-    return /* @__PURE__ */ React.createElement(TechDocsPageWrapper, { CustomPageWrapper }, /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(TechDocsPageWrapper, { CustomPageWrapper, children: /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(
       WarningPanel,
       {
         severity: "error",
-        title: "Could not load available documentation."
-      },
-      /* @__PURE__ */ React.createElement(CodeSnippet, { language: "text", text: error.toString() })
-    )));
+        title: "Could not load available documentation.",
+        children: /* @__PURE__ */ jsx(CodeSnippet, { language: "text", text: error.toString() })
+      }
+    ) }) });
   }
-  return /* @__PURE__ */ React.createElement(TechDocsPageWrapper, { CustomPageWrapper }, /* @__PURE__ */ React.createElement(
-    HeaderTabs,
-    {
-      selectedIndex: selectedTab,
-      onChange: (index) => setSelectedTab(index),
-      tabs: tabsConfig.map(({ label }, index) => ({
-        id: index.toString(),
-        label
-      }))
-    }
-  ), /* @__PURE__ */ React.createElement(Content, { "data-testid": "techdocs-content" }, currentTabConfig.panels.map((config, index) => /* @__PURE__ */ React.createElement(
-    CustomDocsPanel,
-    {
-      key: index,
-      config,
-      entities: !!entities ? entities : [],
+  return /* @__PURE__ */ jsxs(TechDocsPageWrapper, { CustomPageWrapper, children: [
+    /* @__PURE__ */ jsx(
+      HeaderTabs,
+      {
+        selectedIndex: selectedTab,
+        onChange: (index) => setSelectedTab(index),
+        tabs: tabsConfig.map(({ label }, index) => ({
+          id: index.toString(),
+          label
+        }))
+      }
+    ),
+    /* @__PURE__ */ jsx(Content, { "data-testid": "techdocs-content", children: currentTabConfig.panels.map((config, index) => /* @__PURE__ */ jsx(
+      CustomDocsPanel,
+      {
+        config,
+        entities: !!entities ? entities : [],
+        index
+      },
       index
-    }
-  ))));
+    )) })
+  ] });
 };
 
 export { CustomDocsPanel, TechDocsCustomHome };

package/dist/home/components/TechDocsCustomHome.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TechDocsCustomHome.esm.js","sources":["../../../src/home/components/TechDocsCustomHome.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useState } from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { CSSProperties } from '@material-ui/styles/withStyles';\nimport {\n  CATALOG_FILTER_EXISTS,\n  catalogApiRef,\n  CatalogApi,\n  useEntityOwnership,\n  EntityListProvider,\n} from '@backstage/plugin-catalog-react';\nimport { Entity } from '@backstage/catalog-model';\nimport { DocsTable, DocsTableRow } from './Tables';\nimport { DocsCardGrid, InfoCardGrid } from './Grids';\nimport { TechDocsPageWrapper } from './TechDocsPageWrapper';\nimport { TechDocsIndexPage } from './TechDocsIndexPage';\n\nimport {\n  CodeSnippet,\n  Content,\n  HeaderTabs,\n  Progress,\n  WarningPanel,\n  SupportButton,\n  ContentHeader,\n  TableOptions,\n} from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { TECHDOCS_ANNOTATION } from '@backstage/plugin-techdocs-common';\nimport { EntityFilterQuery } from '@backstage/catalog-client';\n\nconst panels = {\n  DocsTable: DocsTable,\n  DocsCardGrid: DocsCardGrid,\n  TechDocsIndexPage: TechDocsIndexPage,\n  InfoCardGrid: InfoCardGrid,\n};\n\n/**\n * Available panel types\n *\n * @public\n */\nexport type PanelType =\n  | 'DocsCardGrid'\n  | 'DocsTable'\n  | 'TechDocsIndexPage'\n  | 'InfoCardGrid';\n\n/**\n * Type representing Panel props\n *\n * @public\n */\nexport interface PanelProps {\n  options?: TableOptions<DocsTableRow>;\n  linkContent?: string | JSX.Element;\n  linkDestination?: (entity: Entity) => string | undefined;\n  PageWrapper?: React.FC;\n  CustomHeader?: React.FC;\n}\n\n/**\n * Type representing a TechDocsCustomHome panel.\n *\n * @public\n */\nexport interface PanelConfig {\n  title: string;\n  description: string;\n  panelType: PanelType;\n  panelCSS?: CSSProperties;\n  filterPredicate: ((entity: Entity) => boolean) | string;\n  panelProps?: PanelProps;\n}\n\n/**\n * Type representing a TechDocsCustomHome tab.\n *\n * @public\n */\nexport interface TabConfig {\n  label: string;\n  panels: PanelConfig[];\n}\n\n/**\n * Type representing a list of TechDocsCustomHome tabs.\n *\n * @public\n */\nexport type TabsConfig = TabConfig[];\n\n/**\n * Component which can be used to render entities in a custom way.\n *\n * @public\n */\nexport const CustomDocsPanel = ({\n  config,\n  entities,\n  index,\n}: {\n  config: PanelConfig;\n  entities: Entity[];\n  index: number;\n}) => {\n  const useStyles = makeStyles({\n    panelContainer: {\n      marginBottom: '2rem',\n      ...(config.panelCSS ? config.panelCSS : {}),\n    },\n  });\n  const classes = useStyles();\n  const { loading: loadingOwnership, isOwnedEntity } = useEntityOwnership();\n\n  const Panel = panels[config.panelType];\n\n  const shownEntities = entities.filter(entity => {\n    if (config.filterPredicate === 'ownedByUser') {\n      if (loadingOwnership) {\n        return false;\n      }\n      return isOwnedEntity(entity);\n    }\n\n    return (\n      typeof config.filterPredicate === 'function' &&\n      config.filterPredicate(entity)\n    );\n  });\n\n  const Header: React.FC =\n    config.panelProps?.CustomHeader ||\n    (() => (\n      <ContentHeader title={config.title} description={config.description}>\n        {index === 0 ? (\n          <SupportButton>\n            Discover documentation in your ecosystem.\n          </SupportButton>\n        ) : null}\n      </ContentHeader>\n    ));\n\n  return (\n    <>\n      <Header />\n      <div className={classes.panelContainer}>\n        <EntityListProvider>\n          <Panel\n            data-testid=\"techdocs-custom-panel\"\n            entities={shownEntities}\n            {...config.panelProps}\n          />\n        </EntityListProvider>\n      </div>\n    </>\n  );\n};\n\n/**\n * Props for {@link TechDocsCustomHome}\n *\n * @public\n */\nexport type TechDocsCustomHomeProps = {\n  tabsConfig: TabsConfig;\n  filter?: EntityFilterQuery;\n  CustomPageWrapper?: React.FC;\n};\n\nexport const TechDocsCustomHome = (props: TechDocsCustomHomeProps) => {\n  const { tabsConfig, filter, CustomPageWrapper } = props;\n  const [selectedTab, setSelectedTab] = useState<number>(0);\n  const catalogApi: CatalogApi = useApi(catalogApiRef);\n\n  const {\n    value: entities,\n    loading,\n    error,\n  } = useAsync(async () => {\n    const response = await catalogApi.getEntities({\n      filter: {\n        ...filter,\n        [`metadata.annotations.${TECHDOCS_ANNOTATION}`]: CATALOG_FILTER_EXISTS,\n      },\n      fields: [\n        'apiVersion',\n        'kind',\n        'metadata',\n        'relations',\n        'spec.owner',\n        'spec.type',\n      ],\n    });\n    return response.items.filter((entity: Entity) => {\n      return !!entity.metadata.annotations?.[TECHDOCS_ANNOTATION];\n    });\n  });\n\n  const currentTabConfig = tabsConfig[selectedTab];\n\n  if (loading) {\n    return (\n      <TechDocsPageWrapper CustomPageWrapper={CustomPageWrapper}>\n        <Content>\n          <Progress />\n        </Content>\n      </TechDocsPageWrapper>\n    );\n  }\n\n  if (error) {\n    return (\n      <TechDocsPageWrapper CustomPageWrapper={CustomPageWrapper}>\n        <Content>\n          <WarningPanel\n            severity=\"error\"\n            title=\"Could not load available documentation.\"\n          >\n            <CodeSnippet language=\"text\" text={error.toString()} />\n          </WarningPanel>\n        </Content>\n      </TechDocsPageWrapper>\n    );\n  }\n\n  return (\n    <TechDocsPageWrapper CustomPageWrapper={CustomPageWrapper}>\n      <HeaderTabs\n        selectedIndex={selectedTab}\n        onChange={index => setSelectedTab(index)}\n        tabs={tabsConfig.map(({ label }, index) => ({\n          id: index.toString(),\n          label,\n        }))}\n      />\n      <Content data-testid=\"techdocs-content\">\n        {currentTabConfig.panels.map((config, index) => (\n          <CustomDocsPanel\n            key={index}\n            config={config}\n            entities={!!entities ? entities : []}\n            index={index}\n          />\n        ))}\n      </Content>\n    </TechDocsPageWrapper>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TechDocsCustomHome.esm.js","sources":["../../../src/home/components/TechDocsCustomHome.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { FC, useState } from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { CSSProperties } from '@material-ui/styles/withStyles';\nimport {\n  CATALOG_FILTER_EXISTS,\n  catalogApiRef,\n  CatalogApi,\n  useEntityOwnership,\n  EntityListProvider,\n} from '@backstage/plugin-catalog-react';\nimport { Entity } from '@backstage/catalog-model';\nimport { DocsTable, DocsTableRow } from './Tables';\nimport { DocsCardGrid, InfoCardGrid } from './Grids';\nimport { TechDocsPageWrapper } from './TechDocsPageWrapper';\nimport { TechDocsIndexPage } from './TechDocsIndexPage';\n\nimport {\n  CodeSnippet,\n  Content,\n  HeaderTabs,\n  Progress,\n  WarningPanel,\n  SupportButton,\n  ContentHeader,\n  TableOptions,\n} from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { TECHDOCS_ANNOTATION } from '@backstage/plugin-techdocs-common';\nimport { EntityFilterQuery } from '@backstage/catalog-client';\n\nconst panels = {\n  DocsTable: DocsTable,\n  DocsCardGrid: DocsCardGrid,\n  TechDocsIndexPage: TechDocsIndexPage,\n  InfoCardGrid: InfoCardGrid,\n};\n\n/**\n * Available panel types\n *\n * @public\n */\nexport type PanelType =\n  | 'DocsCardGrid'\n  | 'DocsTable'\n  | 'TechDocsIndexPage'\n  | 'InfoCardGrid';\n\n/**\n * Type representing Panel props\n *\n * @public\n */\nexport interface PanelProps {\n  options?: TableOptions<DocsTableRow>;\n  linkContent?: string | JSX.Element;\n  linkDestination?: (entity: Entity) => string | undefined;\n  PageWrapper?: FC;\n  CustomHeader?: FC;\n}\n\n/**\n * Type representing a TechDocsCustomHome panel.\n *\n * @public\n */\nexport interface PanelConfig {\n  title: string;\n  description: string;\n  panelType: PanelType;\n  panelCSS?: CSSProperties;\n  filterPredicate: ((entity: Entity) => boolean) | string;\n  panelProps?: PanelProps;\n}\n\n/**\n * Type representing a TechDocsCustomHome tab.\n *\n * @public\n */\nexport interface TabConfig {\n  label: string;\n  panels: PanelConfig[];\n}\n\n/**\n * Type representing a list of TechDocsCustomHome tabs.\n *\n * @public\n */\nexport type TabsConfig = TabConfig[];\n\n/**\n * Component which can be used to render entities in a custom way.\n *\n * @public\n */\nexport const CustomDocsPanel = ({\n  config,\n  entities,\n  index,\n}: {\n  config: PanelConfig;\n  entities: Entity[];\n  index: number;\n}) => {\n  const useStyles = makeStyles({\n    panelContainer: {\n      marginBottom: '2rem',\n      ...(config.panelCSS ? config.panelCSS : {}),\n    },\n  });\n  const classes = useStyles();\n  const { loading: loadingOwnership, isOwnedEntity } = useEntityOwnership();\n\n  const Panel = panels[config.panelType];\n\n  const shownEntities = entities.filter(entity => {\n    if (config.filterPredicate === 'ownedByUser') {\n      if (loadingOwnership) {\n        return false;\n      }\n      return isOwnedEntity(entity);\n    }\n\n    return (\n      typeof config.filterPredicate === 'function' &&\n      config.filterPredicate(entity)\n    );\n  });\n\n  const Header: FC =\n    config.panelProps?.CustomHeader ||\n    (() => (\n      <ContentHeader title={config.title} description={config.description}>\n        {index === 0 ? (\n          <SupportButton>\n            Discover documentation in your ecosystem.\n          </SupportButton>\n        ) : null}\n      </ContentHeader>\n    ));\n\n  return (\n    <>\n      <Header />\n      <div className={classes.panelContainer}>\n        <EntityListProvider>\n          <Panel\n            data-testid=\"techdocs-custom-panel\"\n            entities={shownEntities}\n            {...config.panelProps}\n          />\n        </EntityListProvider>\n      </div>\n    </>\n  );\n};\n\n/**\n * Props for {@link TechDocsCustomHome}\n *\n * @public\n */\nexport type TechDocsCustomHomeProps = {\n  tabsConfig: TabsConfig;\n  filter?: EntityFilterQuery;\n  CustomPageWrapper?: FC;\n};\n\nexport const TechDocsCustomHome = (props: TechDocsCustomHomeProps) => {\n  const { tabsConfig, filter, CustomPageWrapper } = props;\n  const [selectedTab, setSelectedTab] = useState<number>(0);\n  const catalogApi: CatalogApi = useApi(catalogApiRef);\n\n  const {\n    value: entities,\n    loading,\n    error,\n  } = useAsync(async () => {\n    const response = await catalogApi.getEntities({\n      filter: {\n        ...filter,\n        [`metadata.annotations.${TECHDOCS_ANNOTATION}`]: CATALOG_FILTER_EXISTS,\n      },\n      fields: [\n        'apiVersion',\n        'kind',\n        'metadata',\n        'relations',\n        'spec.owner',\n        'spec.type',\n      ],\n    });\n    return response.items.filter((entity: Entity) => {\n      return !!entity.metadata.annotations?.[TECHDOCS_ANNOTATION];\n    });\n  });\n\n  const currentTabConfig = tabsConfig[selectedTab];\n\n  if (loading) {\n    return (\n      <TechDocsPageWrapper CustomPageWrapper={CustomPageWrapper}>\n        <Content>\n          <Progress />\n        </Content>\n      </TechDocsPageWrapper>\n    );\n  }\n\n  if (error) {\n    return (\n      <TechDocsPageWrapper CustomPageWrapper={CustomPageWrapper}>\n        <Content>\n          <WarningPanel\n            severity=\"error\"\n            title=\"Could not load available documentation.\"\n          >\n            <CodeSnippet language=\"text\" text={error.toString()} />\n          </WarningPanel>\n        </Content>\n      </TechDocsPageWrapper>\n    );\n  }\n\n  return (\n    <TechDocsPageWrapper CustomPageWrapper={CustomPageWrapper}>\n      <HeaderTabs\n        selectedIndex={selectedTab}\n        onChange={index => setSelectedTab(index)}\n        tabs={tabsConfig.map(({ label }, index) => ({\n          id: index.toString(),\n          label,\n        }))}\n      />\n      <Content data-testid=\"techdocs-content\">\n        {currentTabConfig.panels.map((config, index) => (\n          <CustomDocsPanel\n            key={index}\n            config={config}\n            entities={!!entities ? entities : []}\n            index={index}\n          />\n        ))}\n      </Content>\n    </TechDocsPageWrapper>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA+CA,MAAM,MAAS,GAAA;AAAA,EACb,SAAA;AAAA,EACA,YAAA;AAAA,EACA,iBAAA;AAAA,EACA;AACF,CAAA;AA8DO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,MAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAIM,KAAA;AACJ,EAAA,MAAM,YAAY,UAAW,CAAA;AAAA,IAC3B,cAAgB,EAAA;AAAA,MACd,YAAc,EAAA,MAAA;AAAA,MACd,GAAI,MAAA,CAAO,QAAW,GAAA,MAAA,CAAO,WAAW;AAAC;AAC3C,GACD,CAAA;AACD,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,MAAM,EAAE,OAAA,EAAS,gBAAkB,EAAA,aAAA,KAAkB,kBAAmB,EAAA;AAExE,EAAM,MAAA,KAAA,GAAQ,MAAO,CAAA,MAAA,CAAO,SAAS,CAAA;AAErC,EAAM,MAAA,aAAA,GAAgB,QAAS,CAAA,MAAA,CAAO,CAAU,MAAA,KAAA;AAC9C,IAAI,IAAA,MAAA,CAAO,oBAAoB,aAAe,EAAA;AAC5C,MAAA,IAAI,gBAAkB,EAAA;AACpB,QAAO,OAAA,KAAA;AAAA;AAET,MAAA,OAAO,cAAc,MAAM,CAAA;AAAA;AAG7B,IAAA,OACE,OAAO,MAAO,CAAA,eAAA,KAAoB,UAClC,IAAA,MAAA,CAAO,gBAAgB,MAAM,CAAA;AAAA,GAEhC,CAAA;AAED,EAAA,MAAM,SACJ,MAAO,CAAA,UAAA,EAAY,iBAClB,sBACC,GAAA,CAAC,iBAAc,KAAO,EAAA,MAAA,CAAO,OAAO,WAAa,EAAA,MAAA,CAAO,aACrD,QAAU,EAAA,KAAA,KAAA,CAAA,uBACR,aAAc,EAAA,EAAA,QAAA,EAAA,2CAAA,EAEf,IACE,IACN,EAAA,CAAA,CAAA;AAGJ,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,CAAA;AAAA,wBACP,KAAI,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,cAAA,EACtB,8BAAC,kBACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,aAAY,EAAA,uBAAA;AAAA,QACZ,QAAU,EAAA,aAAA;AAAA,QACT,GAAG,MAAO,CAAA;AAAA;AAAA,OAEf,CACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;AAaa,MAAA,kBAAA,GAAqB,CAAC,KAAmC,KAAA;AACpE,EAAA,MAAM,EAAE,UAAA,EAAY,MAAQ,EAAA,iBAAA,EAAsB,GAAA,KAAA;AAClD,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAiB,CAAC,CAAA;AACxD,EAAM,MAAA,UAAA,GAAyB,OAAO,aAAa,CAAA;AAEnD,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACF,GAAI,SAAS,YAAY;AACvB,IAAM,MAAA,QAAA,GAAW,MAAM,UAAA,CAAW,WAAY,CAAA;AAAA,MAC5C,MAAQ,EAAA;AAAA,QACN,GAAG,MAAA;AAAA,QACH,CAAC,CAAA,qBAAA,EAAwB,mBAAmB,CAAA,CAAE,GAAG;AAAA,OACnD;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,YAAA;AAAA,QACA,MAAA;AAAA,QACA,UAAA;AAAA,QACA,WAAA;AAAA,QACA,YAAA;AAAA,QACA;AAAA;AACF,KACD,CAAA;AACD,IAAA,OAAO,QAAS,CAAA,KAAA,CAAM,MAAO,CAAA,CAAC,MAAmB,KAAA;AAC/C,MAAA,OAAO,CAAC,CAAC,MAAO,CAAA,QAAA,CAAS,cAAc,mBAAmB,CAAA;AAAA,KAC3D,CAAA;AAAA,GACF,CAAA;AAED,EAAM,MAAA,gBAAA,GAAmB,WAAW,WAAW,CAAA;AAE/C,EAAA,IAAI,OAAS,EAAA;AACX,IACE,uBAAA,GAAA,CAAC,uBAAoB,iBACnB,EAAA,QAAA,kBAAA,GAAA,CAAC,WACC,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAS,GACZ,CACF,EAAA,CAAA;AAAA;AAIJ,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,uBACG,GAAA,CAAA,mBAAA,EAAA,EAAoB,iBACnB,EAAA,QAAA,kBAAA,GAAA,CAAC,OACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,QAAS,EAAA,OAAA;AAAA,QACT,KAAM,EAAA,yCAAA;AAAA,QAEN,8BAAC,WAAY,EAAA,EAAA,QAAA,EAAS,QAAO,IAAM,EAAA,KAAA,CAAM,UAAY,EAAA;AAAA;AAAA,OAEzD,CACF,EAAA,CAAA;AAAA;AAIJ,EACE,uBAAA,IAAA,CAAC,uBAAoB,iBACnB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,aAAe,EAAA,WAAA;AAAA,QACf,QAAA,EAAU,CAAS,KAAA,KAAA,cAAA,CAAe,KAAK,CAAA;AAAA,QACvC,MAAM,UAAW,CAAA,GAAA,CAAI,CAAC,EAAE,KAAA,IAAS,KAAW,MAAA;AAAA,UAC1C,EAAA,EAAI,MAAM,QAAS,EAAA;AAAA,UACnB;AAAA,SACA,CAAA;AAAA;AAAA,KACJ;AAAA,oBACA,GAAA,CAAC,WAAQ,aAAY,EAAA,kBAAA,EAClB,2BAAiB,MAAO,CAAA,GAAA,CAAI,CAAC,MAAA,EAAQ,KACpC,qBAAA,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QAEC,MAAA;AAAA,QACA,QAAU,EAAA,CAAC,CAAC,QAAA,GAAW,WAAW,EAAC;AAAA,QACnC;AAAA,OAAA;AAAA,MAHK;AAAA,KAKR,CACH,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/home/components/TechDocsIndexPage.esm.js

@@ -1,10 +1,10 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { useOutlet } from 'react-router-dom';
 import { DefaultTechDocsHome } from './DefaultTechDocsHome.esm.js';
 
 const TechDocsIndexPage = (props) => {
   const outlet = useOutlet();
-  return outlet || /* @__PURE__ */ React.createElement(DefaultTechDocsHome, { ...props });
+  return outlet || /* @__PURE__ */ jsx(DefaultTechDocsHome, { ...props });
 };
 
 export { TechDocsIndexPage };

package/dist/home/components/TechDocsIndexPage.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TechDocsIndexPage.esm.js","sources":["../../../src/home/components/TechDocsIndexPage.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { useOutlet } from 'react-router-dom';\nimport {\n  TableColumn,\n  TableProps,\n  TableOptions,\n} from '@backstage/core-components';\nimport {\n  EntityListPagination,\n  EntityOwnerPickerProps,\n  UserListFilterKind,\n} from '@backstage/plugin-catalog-react';\nimport { DefaultTechDocsHome } from './DefaultTechDocsHome';\nimport { DocsTableRow } from './Tables';\n\n/**\n * Props for {@link TechDocsIndexPage}\n *\n * @public\n */\nexport type TechDocsIndexPageProps = {\n  initialFilter?: UserListFilterKind;\n  columns?: TableColumn<DocsTableRow>[];\n  actions?: TableProps<DocsTableRow>['actions'];\n  ownerPickerMode?: EntityOwnerPickerProps['mode'];\n  pagination?: EntityListPagination;\n  options?: TableOptions<DocsTableRow>;\n  PageWrapper?: React.FC;\n  CustomHeader?: React.FC;\n};\n\nexport const TechDocsIndexPage = (props: TechDocsIndexPageProps) => {\n  const outlet = useOutlet();\n\n  return outlet || <DefaultTechDocsHome {...props} />;\n};\n"],"names":[],"mappings":";;;;AA+Ca,MAAA,iBAAA,GAAoB,CAAC,KAAkC,KAAA;AAClE,EAAA,MAAM,SAAS,SAAU,EAAA;AAEzB,EAAA,OAAO,MAAU,oBAAA,KAAA,CAAA,aAAA,CAAC,mBAAqB,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AACnD;;;;"}
+{"version":3,"file":"TechDocsIndexPage.esm.js","sources":["../../../src/home/components/TechDocsIndexPage.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { FC } from 'react';\nimport { useOutlet } from 'react-router-dom';\nimport {\n  TableColumn,\n  TableProps,\n  TableOptions,\n} from '@backstage/core-components';\nimport {\n  EntityListPagination,\n  EntityOwnerPickerProps,\n  UserListFilterKind,\n} from '@backstage/plugin-catalog-react';\nimport { DefaultTechDocsHome } from './DefaultTechDocsHome';\nimport { DocsTableRow } from './Tables';\n\n/**\n * Props for {@link TechDocsIndexPage}\n *\n * @public\n */\nexport type TechDocsIndexPageProps = {\n  initialFilter?: UserListFilterKind;\n  columns?: TableColumn<DocsTableRow>[];\n  actions?: TableProps<DocsTableRow>['actions'];\n  ownerPickerMode?: EntityOwnerPickerProps['mode'];\n  pagination?: EntityListPagination;\n  options?: TableOptions<DocsTableRow>;\n  PageWrapper?: FC;\n  CustomHeader?: FC;\n};\n\nexport const TechDocsIndexPage = (props: TechDocsIndexPageProps) => {\n  const outlet = useOutlet();\n\n  return outlet || <DefaultTechDocsHome {...props} />;\n};\n"],"names":[],"mappings":";;;;AA+Ca,MAAA,iBAAA,GAAoB,CAAC,KAAkC,KAAA;AAClE,EAAA,MAAM,SAAS,SAAU,EAAA;AAEzB,EAAA,OAAO,MAAU,oBAAA,GAAA,CAAC,mBAAqB,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AACnD;;;;"}

package/dist/home/components/TechDocsPageWrapper.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
 import { PageWithHeader } from '@backstage/core-components';
 import { useApi, configApiRef } from '@backstage/core-plugin-api';
 
@@ -6,15 +6,15 @@ const TechDocsPageWrapper = (props) => {
   const { children, CustomPageWrapper } = props;
   const configApi = useApi(configApiRef);
   const generatedSubtitle = `Documentation available in ${configApi.getOptionalString("organization.name") ?? "Backstage"}`;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, CustomPageWrapper ? /* @__PURE__ */ React.createElement(CustomPageWrapper, null, children) : /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(Fragment, { children: CustomPageWrapper ? /* @__PURE__ */ jsx(CustomPageWrapper, { children }) : /* @__PURE__ */ jsx(
     PageWithHeader,
     {
       title: "Documentation",
       subtitle: generatedSubtitle,
-      themeId: "documentation"
-    },
-    children
-  ));
+      themeId: "documentation",
+      children
+    }
+  ) });
 };
 
 export { TechDocsPageWrapper };

package/dist/home/components/TechDocsPageWrapper.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TechDocsPageWrapper.esm.js","sources":["../../../src/home/components/TechDocsPageWrapper.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\n\nimport { PageWithHeader } from '@backstage/core-components';\nimport { useApi, configApiRef } from '@backstage/core-plugin-api';\n\n/**\n * Props for {@link TechDocsPageWrapper}\n *\n * @public\n */\nexport type TechDocsPageWrapperProps = {\n  children?: React.ReactNode;\n  CustomPageWrapper?: React.FC<{ children?: React.ReactNode }>;\n};\n\n/**\n * Component wrapping a TechDocs page with Page and Header components\n *\n * @public\n */\nexport const TechDocsPageWrapper = (props: TechDocsPageWrapperProps) => {\n  const { children, CustomPageWrapper } = props;\n  const configApi = useApi(configApiRef);\n  const generatedSubtitle = `Documentation available in ${\n    configApi.getOptionalString('organization.name') ?? 'Backstage'\n  }`;\n\n  return (\n    <>\n      {CustomPageWrapper ? (\n        <CustomPageWrapper>{children}</CustomPageWrapper>\n      ) : (\n        <PageWithHeader\n          title=\"Documentation\"\n          subtitle={generatedSubtitle}\n          themeId=\"documentation\"\n        >\n          {children}\n        </PageWithHeader>\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;AAoCa,MAAA,mBAAA,GAAsB,CAAC,KAAoC,KAAA;AACtE,EAAM,MAAA,EAAE,QAAU,EAAA,iBAAA,EAAsB,GAAA,KAAA;AACxC,EAAM,MAAA,SAAA,GAAY,OAAO,YAAY,CAAA;AACrC,EAAA,MAAM,oBAAoB,CACxB,2BAAA,EAAA,SAAA,CAAU,iBAAkB,CAAA,mBAAmB,KAAK,WACtD,CAAA,CAAA;AAEA,EAAA,uBAEK,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,iBAAA,mBACE,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,IAAA,EAAmB,QAAS,CAE7B,mBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,eAAA;AAAA,MACN,QAAU,EAAA,iBAAA;AAAA,MACV,OAAQ,EAAA;AAAA,KAAA;AAAA,IAEP;AAAA,GAGP,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TechDocsPageWrapper.esm.js","sources":["../../../src/home/components/TechDocsPageWrapper.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ReactNode, FC } from 'react';\n\nimport { PageWithHeader } from '@backstage/core-components';\nimport { useApi, configApiRef } from '@backstage/core-plugin-api';\n\n/**\n * Props for {@link TechDocsPageWrapper}\n *\n * @public\n */\nexport type TechDocsPageWrapperProps = {\n  children?: ReactNode;\n  CustomPageWrapper?: FC<{ children?: ReactNode }>;\n};\n\n/**\n * Component wrapping a TechDocs page with Page and Header components\n *\n * @public\n */\nexport const TechDocsPageWrapper = (props: TechDocsPageWrapperProps) => {\n  const { children, CustomPageWrapper } = props;\n  const configApi = useApi(configApiRef);\n  const generatedSubtitle = `Documentation available in ${\n    configApi.getOptionalString('organization.name') ?? 'Backstage'\n  }`;\n\n  return (\n    <>\n      {CustomPageWrapper ? (\n        <CustomPageWrapper>{children}</CustomPageWrapper>\n      ) : (\n        <PageWithHeader\n          title=\"Documentation\"\n          subtitle={generatedSubtitle}\n          themeId=\"documentation\"\n        >\n          {children}\n        </PageWithHeader>\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;AAoCa,MAAA,mBAAA,GAAsB,CAAC,KAAoC,KAAA;AACtE,EAAM,MAAA,EAAE,QAAU,EAAA,iBAAA,EAAsB,GAAA,KAAA;AACxC,EAAM,MAAA,SAAA,GAAY,OAAO,YAAY,CAAA;AACrC,EAAA,MAAM,oBAAoB,CACxB,2BAAA,EAAA,SAAA,CAAU,iBAAkB,CAAA,mBAAmB,KAAK,WACtD,CAAA,CAAA;AAEA,EAAA,uBAEK,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA,iBAAA,mBACE,GAAA,CAAA,iBAAA,EAAA,EAAmB,UAAS,CAE7B,mBAAA,GAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,eAAA;AAAA,MACN,QAAU,EAAA,iBAAA;AAAA,MACV,OAAQ,EAAA,eAAA;AAAA,MAEP;AAAA;AAAA,GAGP,EAAA,CAAA;AAEJ;;;;"}

package/dist/index.d.ts

@@ -3,8 +3,9 @@ import { CompoundEntityRef, Entity } from '@backstage/catalog-model';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import { DiscoveryApi, FetchApi, IdentityApi } from '@backstage/core-plugin-api';
 import { Config } from '@backstage/config';
-import * as React from 'react';
-import React__default, { ReactNode, PropsWithChildren } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode, PropsWithChildren, FC } from 'react';
 import { ThemeOptions } from '@material-ui/core/styles';
 import { ToolbarProps } from '@material-ui/core/Toolbar';
 import { TableColumn, TableProps, TableOptions } from '@backstage/core-components';
@@ -203,7 +204,7 @@ type TechDocsReaderProviderProps = {
  *
  * @public
  */
-declare const TechDocsReaderProvider: (props: TechDocsReaderProviderProps) => React__default.JSX.Element;
+declare const TechDocsReaderProvider: (props: TechDocsReaderProviderProps) => react_jsx_runtime.JSX.Element;
 
 /**
  * Props for {@link TechDocsReaderLayout}
@@ -223,7 +224,7 @@ type TechDocsReaderLayoutProps = {
  * Default TechDocs reader page structure composed with a header and content
  * @public
  */
-declare const TechDocsReaderLayout: (props: TechDocsReaderLayoutProps) => React__default.JSX.Element;
+declare const TechDocsReaderLayout: (props: TechDocsReaderLayoutProps) => react_jsx_runtime.JSX.Element;
 /**
  * @public
  */
@@ -250,7 +251,7 @@ type TechDocsReaderPageHeaderProps = PropsWithChildren<{
  * the Tech Docs add-ons to customize it
  * @public
  */
-declare const TechDocsReaderPageHeader: (props: TechDocsReaderPageHeaderProps) => React__default.JSX.Element | null;
+declare const TechDocsReaderPageHeader: (props: TechDocsReaderPageHeaderProps) => react_jsx_runtime.JSX.Element | null;
 
 /**
  * Props for {@link TechDocsReaderPageContent}
@@ -281,13 +282,13 @@ type TechDocsReaderPageContentProps = {
  * Renders the reader page content
  * @public
  */
-declare const TechDocsReaderPageContent: (props: TechDocsReaderPageContentProps) => React__default.JSX.Element;
+declare const TechDocsReaderPageContent: (props: TechDocsReaderPageContentProps) => react_jsx_runtime.JSX.Element;
 /**
  * Component responsible for rendering TechDocs documentation
  * @public
  * @deprecated use `TechDocsReaderPageContent` component instead.
  */
-declare const Reader: (props: TechDocsReaderPageContentProps) => React__default.JSX.Element;
+declare const Reader: (props: TechDocsReaderPageContentProps) => react_jsx_runtime.JSX.Element;
 
 /**
  * Renders the reader page subheader.
@@ -296,7 +297,7 @@ declare const Reader: (props: TechDocsReaderPageContentProps) => React__default.
  */
 declare const TechDocsReaderPageSubheader: (props: {
     toolbarProps?: ToolbarProps;
-}) => React__default.JSX.Element | null;
+}) => react_jsx_runtime.JSX.Element | null;
 
 /**
  * Props for {@link TechDocsSearch}
@@ -314,7 +315,7 @@ type TechDocsSearchProps = {
  *
  * @public
  */
-declare const TechDocsSearch: (props: TechDocsSearchProps) => React__default.JSX.Element;
+declare const TechDocsSearch: (props: TechDocsSearchProps) => react_jsx_runtime.JSX.Element;
 
 /**
  * Props for {@link EntityListDocsGrid}
@@ -322,7 +323,7 @@ declare const TechDocsSearch: (props: TechDocsSearchProps) => React__default.JSX
  * @public
  */
 type DocsGroupConfig = {
-    title: React__default.ReactNode;
+    title: ReactNode;
     filterPredicate: ((entity: Entity) => boolean) | string;
 };
 /**
@@ -338,7 +339,7 @@ type EntityListDocsGridPageProps = {
  *
  * @public
  */
-declare const EntityListDocsGrid: (props: EntityListDocsGridPageProps) => React__default.JSX.Element;
+declare const EntityListDocsGrid: (props: EntityListDocsGridPageProps) => react_jsx_runtime.JSX.Element;
 
 /**
  * Props for {@link DocsCardGrid}
@@ -353,7 +354,7 @@ type DocsCardGridProps = {
  *
  * @public
  */
-declare const DocsCardGrid: (props: DocsCardGridProps) => React__default.JSX.Element | null;
+declare const DocsCardGrid: (props: DocsCardGridProps) => react_jsx_runtime.JSX.Element | null;
 
 /** @public */
 type InfoCardGridClassKey = 'linkSpacer' | 'readMoreLink';
@@ -372,7 +373,7 @@ type InfoCardGridProps = {
  *
  * @public
  */
-declare const InfoCardGrid: (props: InfoCardGridProps) => React__default.JSX.Element | null;
+declare const InfoCardGrid: (props: InfoCardGridProps) => react_jsx_runtime.JSX.Element | null;
 
 /**
  * Generic representing the metadata structure for a docs table row.
@@ -404,7 +405,7 @@ type EntityListDocsTableProps = {
  * @public
  */
 declare const EntityListDocsTable: {
-    (props: EntityListDocsTableProps): React__default.JSX.Element;
+    (props: EntityListDocsTableProps): react_jsx_runtime.JSX.Element;
     columns: {
         createTitleColumn(options?: {
             hidden?: boolean;
@@ -416,7 +417,7 @@ declare const EntityListDocsTable: {
     };
     actions: {
         createCopyDocsUrlAction(copyToClipboard: Function): (row: DocsTableRow) => {
-            icon: () => React__default.JSX.Element;
+            icon: () => react_jsx_runtime.JSX.Element;
             tooltip: string;
             onClick: () => any;
         };
@@ -424,7 +425,7 @@ declare const EntityListDocsTable: {
             cellStyle: {
                 paddingLeft: string;
             };
-            icon: () => React__default.JSX.Element;
+            icon: () => react_jsx_runtime.JSX.Element;
             tooltip: string;
             onClick: () => any;
         };
@@ -450,7 +451,7 @@ type DocsTableProps = {
  * @public
  */
 declare const DocsTable: {
-    (props: DocsTableProps): React__default.JSX.Element | null;
+    (props: DocsTableProps): react_jsx_runtime.JSX.Element | null;
     columns: {
         createTitleColumn(options?: {
             hidden?: boolean;
@@ -462,7 +463,7 @@ declare const DocsTable: {
     };
     actions: {
         createCopyDocsUrlAction(copyToClipboard: Function): (row: DocsTableRow) => {
-            icon: () => React__default.JSX.Element;
+            icon: () => react_jsx_runtime.JSX.Element;
             tooltip: string;
             onClick: () => any;
         };
@@ -470,7 +471,7 @@ declare const DocsTable: {
             cellStyle: {
                 paddingLeft: string;
             };
-            icon: () => React__default.JSX.Element;
+            icon: () => react_jsx_runtime.JSX.Element;
             tooltip: string;
             onClick: () => any;
         };
@@ -489,8 +490,8 @@ type TechDocsIndexPageProps = {
     ownerPickerMode?: EntityOwnerPickerProps['mode'];
     pagination?: EntityListPagination;
     options?: TableOptions<DocsTableRow>;
-    PageWrapper?: React__default.FC;
-    CustomHeader?: React__default.FC;
+    PageWrapper?: FC;
+    CustomHeader?: FC;
 };
 
 /**
@@ -505,7 +506,7 @@ type DefaultTechDocsHomeProps = TechDocsIndexPageProps;
  *
  * @public
  */
-declare const DefaultTechDocsHome: (props: TechDocsIndexPageProps) => React__default.JSX.Element;
+declare const DefaultTechDocsHome: (props: TechDocsIndexPageProps) => react_jsx_runtime.JSX.Element;
 
 /**
  * Available panel types
@@ -522,8 +523,8 @@ interface PanelProps {
     options?: TableOptions<DocsTableRow>;
     linkContent?: string | JSX.Element;
     linkDestination?: (entity: Entity) => string | undefined;
-    PageWrapper?: React__default.FC;
-    CustomHeader?: React__default.FC;
+    PageWrapper?: FC;
+    CustomHeader?: FC;
 }
 /**
  * Type representing a TechDocsCustomHome panel.
@@ -562,7 +563,7 @@ declare const CustomDocsPanel: ({ config, entities, index, }: {
     config: PanelConfig;
     entities: Entity[];
     index: number;
-}) => React__default.JSX.Element;
+}) => react_jsx_runtime.JSX.Element;
 /**
  * Props for {@link TechDocsCustomHome}
  *
@@ -571,7 +572,7 @@ declare const CustomDocsPanel: ({ config, entities, index, }: {
 type TechDocsCustomHomeProps = {
     tabsConfig: TabsConfig;
     filter?: EntityFilterQuery;
-    CustomPageWrapper?: React__default.FC;
+    CustomPageWrapper?: FC;
 };
 
 /**
@@ -580,9 +581,9 @@ type TechDocsCustomHomeProps = {
  * @public
  */
 type TechDocsPageWrapperProps = {
-    children?: React__default.ReactNode;
-    CustomPageWrapper?: React__default.FC<{
-        children?: React__default.ReactNode;
+    children?: ReactNode;
+    CustomPageWrapper?: FC<{
+        children?: ReactNode;
     }>;
 };
 /**
@@ -590,7 +591,7 @@ type TechDocsPageWrapperProps = {
  *
  * @public
  */
-declare const TechDocsPageWrapper: (props: TechDocsPageWrapperProps) => React__default.JSX.Element;
+declare const TechDocsPageWrapper: (props: TechDocsPageWrapperProps) => react_jsx_runtime.JSX.Element;
 
 /**
  * Component responsible for updating TechDocs filters
@@ -634,33 +635,33 @@ declare const techdocsPlugin: _backstage_core_plugin_api.BackstagePlugin<{
  *
  * @public
  */
-declare const TechdocsPage: () => React.JSX.Element;
+declare const TechdocsPage: () => react_jsx_runtime.JSX.Element;
 /**
  * Routable extension used to render docs on Entity page
  *
  * @public
  */
-declare const EntityTechdocsContent: ({ children, withSearch, }: React.PropsWithChildren<{
+declare const EntityTechdocsContent: ({ children, withSearch, }: react.PropsWithChildren<{
     withSearch?: boolean;
-}>) => React.JSX.Element;
+}>) => react_jsx_runtime.JSX.Element;
 /**
  * Component which takes a custom tabs config object and renders a documentation landing page.
  *
  * @public
  */
-declare const TechDocsCustomHome: (props: TechDocsCustomHomeProps) => React.JSX.Element;
+declare const TechDocsCustomHome: (props: TechDocsCustomHomeProps) => react_jsx_runtime.JSX.Element;
 /**
  * Responsible for rendering the provided router element
  *
  * @public
  */
-declare const TechDocsIndexPage: (props: TechDocsIndexPageProps) => React.JSX.Element;
+declare const TechDocsIndexPage: (props: TechDocsIndexPageProps) => react_jsx_runtime.JSX.Element;
 /**
  * Component responsible for composing a TechDocs reader page experience
  *
  * @public
  */
-declare const TechDocsReaderPage: (props: TechDocsReaderPageProps) => React.JSX.Element;
+declare const TechDocsReaderPage: (props: TechDocsReaderPageProps) => react_jsx_runtime.JSX.Element;
 /**
  * React extension used to render results on Search page or modal
  *
@@ -679,7 +680,7 @@ declare const isTechDocsAvailable: (entity: Entity) => boolean;
  *
  * @public
  */
-declare const Router: () => React__default.JSX.Element;
+declare const Router: () => react_jsx_runtime.JSX.Element;
 /**
  * Responsible for registering route to view docs on Entity page
  *
@@ -687,7 +688,7 @@ declare const Router: () => React__default.JSX.Element;
  */
 declare const LegacyEmbeddedDocsRouter: ({ children, withSearch, }: PropsWithChildren<{
     withSearch?: boolean;
-}>) => React__default.JSX.Element;
+}>) => react_jsx_runtime.JSX.Element;
 
 /** @public */
 type CatalogReactComponentsNameToClassKey = {

package/dist/reader/components/TechDocsBuildLogs.esm.js

@@ -1,3 +1,4 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { LogViewer } from '@backstage/core-components';
 import Button from '@material-ui/core/Button';
 import Drawer from '@material-ui/core/Drawer';
@@ -6,7 +7,7 @@ import IconButton from '@material-ui/core/IconButton';
 import Typography from '@material-ui/core/Typography';
 import { makeStyles, createStyles } from '@material-ui/core/styles';
 import Close from '@material-ui/icons/Close';
-import React, { useState } from 'react';
+import { useState } from 'react';
 
 const useDrawerStyles = makeStyles(
   (theme) => createStyles({
@@ -35,59 +36,66 @@ const TechDocsBuildLogsDrawerContent = ({
 }) => {
   const classes = useDrawerStyles();
   const logText = buildLog.length === 0 ? "Waiting for logs..." : buildLog.join("\n");
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     Grid,
     {
       container: true,
       direction: "column",
       className: classes.root,
       spacing: 0,
-      wrap: "nowrap"
-    },
-    /* @__PURE__ */ React.createElement(
-      Grid,
-      {
-        item: true,
-        container: true,
-        justifyContent: "space-between",
-        alignItems: "center",
-        spacing: 0,
-        wrap: "nowrap"
-      },
-      /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, "Build Details"),
-      /* @__PURE__ */ React.createElement(
-        IconButton,
-        {
-          key: "dismiss",
-          title: "Close the drawer",
-          onClick: onClose,
-          color: "inherit"
-        },
-        /* @__PURE__ */ React.createElement(Close, null)
-      )
-    ),
-    /* @__PURE__ */ React.createElement(Grid, { item: true, xs: true }, /* @__PURE__ */ React.createElement(LogViewer, { text: logText, classes: { root: classes.logs } }))
+      wrap: "nowrap",
+      children: [
+        /* @__PURE__ */ jsxs(
+          Grid,
+          {
+            item: true,
+            container: true,
+            justifyContent: "space-between",
+            alignItems: "center",
+            spacing: 0,
+            wrap: "nowrap",
+            children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "h5", children: "Build Details" }),
+              /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  title: "Close the drawer",
+                  onClick: onClose,
+                  color: "inherit",
+                  children: /* @__PURE__ */ jsx(Close, {})
+                },
+                "dismiss"
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(LogViewer, { text: logText, classes: { root: classes.logs } }) })
+      ]
+    }
   );
 };
 const TechDocsBuildLogs = ({ buildLog }) => {
   const classes = useDrawerStyles();
   const [open, setOpen] = useState(false);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button, { color: "inherit", onClick: () => setOpen(true) }, "Show Build Logs"), /* @__PURE__ */ React.createElement(
-    Drawer,
-    {
-      classes: { paper: classes.paper },
-      anchor: "right",
-      open,
-      onClose: () => setOpen(false)
-    },
-    /* @__PURE__ */ React.createElement(
-      TechDocsBuildLogsDrawerContent,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Button, { color: "inherit", onClick: () => setOpen(true), children: "Show Build Logs" }),
+    /* @__PURE__ */ jsx(
+      Drawer,
       {
-        buildLog,
-        onClose: () => setOpen(false)
+        classes: { paper: classes.paper },
+        anchor: "right",
+        open,
+        onClose: () => setOpen(false),
+        children: /* @__PURE__ */ jsx(
+          TechDocsBuildLogsDrawerContent,
+          {
+            buildLog,
+            onClose: () => setOpen(false)
+          }
+        )
       }
     )
-  ));
+  ] });
 };
 
 export { TechDocsBuildLogs, TechDocsBuildLogsDrawerContent };