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

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 };

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

@@ -1 +1 @@
-{"version":3,"file":"TechDocsBuildLogs.esm.js","sources":["../../../src/reader/components/TechDocsBuildLogs.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 { LogViewer } from '@backstage/core-components';\nimport Button from '@material-ui/core/Button';\nimport Drawer from '@material-ui/core/Drawer';\nimport Grid from '@material-ui/core/Grid';\nimport IconButton from '@material-ui/core/IconButton';\nimport Typography from '@material-ui/core/Typography';\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\nimport Close from '@material-ui/icons/Close';\nimport React, { useState } from 'react';\n\nconst useDrawerStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    paper: {\n      width: '100%',\n      [theme.breakpoints.up('sm')]: {\n        width: '75%',\n      },\n      [theme.breakpoints.up('md')]: {\n        width: '50%',\n      },\n      padding: theme.spacing(2.5),\n    },\n    root: {\n      height: '100%',\n      overflow: 'hidden',\n    },\n    logs: {\n      background: theme.palette.background.default,\n    },\n  }),\n);\n\nexport const TechDocsBuildLogsDrawerContent = ({\n  buildLog,\n  onClose,\n}: {\n  buildLog: string[];\n  onClose: () => void;\n}) => {\n  const classes = useDrawerStyles();\n  const logText =\n    buildLog.length === 0 ? 'Waiting for logs...' : buildLog.join('\\n');\n  return (\n    <Grid\n      container\n      direction=\"column\"\n      className={classes.root}\n      spacing={0}\n      wrap=\"nowrap\"\n    >\n      <Grid\n        item\n        container\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        spacing={0}\n        wrap=\"nowrap\"\n      >\n        <Typography variant=\"h5\">Build Details</Typography>\n        <IconButton\n          key=\"dismiss\"\n          title=\"Close the drawer\"\n          onClick={onClose}\n          color=\"inherit\"\n        >\n          <Close />\n        </IconButton>\n      </Grid>\n      <Grid item xs>\n        <LogViewer text={logText} classes={{ root: classes.logs }} />\n      </Grid>\n    </Grid>\n  );\n};\n\nexport const TechDocsBuildLogs = ({ buildLog }: { buildLog: string[] }) => {\n  const classes = useDrawerStyles();\n  const [open, setOpen] = useState(false);\n\n  return (\n    <>\n      <Button color=\"inherit\" onClick={() => setOpen(true)}>\n        Show Build Logs\n      </Button>\n      <Drawer\n        classes={{ paper: classes.paper }}\n        anchor=\"right\"\n        open={open}\n        onClose={() => setOpen(false)}\n      >\n        <TechDocsBuildLogsDrawerContent\n          buildLog={buildLog}\n          onClose={() => setOpen(false)}\n        />\n      </Drawer>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TechDocsBuildLogs.esm.js","sources":["../../../src/reader/components/TechDocsBuildLogs.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 { LogViewer } from '@backstage/core-components';\nimport Button from '@material-ui/core/Button';\nimport Drawer from '@material-ui/core/Drawer';\nimport Grid from '@material-ui/core/Grid';\nimport IconButton from '@material-ui/core/IconButton';\nimport Typography from '@material-ui/core/Typography';\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\nimport Close from '@material-ui/icons/Close';\nimport { useState } from 'react';\n\nconst useDrawerStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    paper: {\n      width: '100%',\n      [theme.breakpoints.up('sm')]: {\n        width: '75%',\n      },\n      [theme.breakpoints.up('md')]: {\n        width: '50%',\n      },\n      padding: theme.spacing(2.5),\n    },\n    root: {\n      height: '100%',\n      overflow: 'hidden',\n    },\n    logs: {\n      background: theme.palette.background.default,\n    },\n  }),\n);\n\nexport const TechDocsBuildLogsDrawerContent = ({\n  buildLog,\n  onClose,\n}: {\n  buildLog: string[];\n  onClose: () => void;\n}) => {\n  const classes = useDrawerStyles();\n  const logText =\n    buildLog.length === 0 ? 'Waiting for logs...' : buildLog.join('\\n');\n  return (\n    <Grid\n      container\n      direction=\"column\"\n      className={classes.root}\n      spacing={0}\n      wrap=\"nowrap\"\n    >\n      <Grid\n        item\n        container\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        spacing={0}\n        wrap=\"nowrap\"\n      >\n        <Typography variant=\"h5\">Build Details</Typography>\n        <IconButton\n          key=\"dismiss\"\n          title=\"Close the drawer\"\n          onClick={onClose}\n          color=\"inherit\"\n        >\n          <Close />\n        </IconButton>\n      </Grid>\n      <Grid item xs>\n        <LogViewer text={logText} classes={{ root: classes.logs }} />\n      </Grid>\n    </Grid>\n  );\n};\n\nexport const TechDocsBuildLogs = ({ buildLog }: { buildLog: string[] }) => {\n  const classes = useDrawerStyles();\n  const [open, setOpen] = useState(false);\n\n  return (\n    <>\n      <Button color=\"inherit\" onClick={() => setOpen(true)}>\n        Show Build Logs\n      </Button>\n      <Drawer\n        classes={{ paper: classes.paper }}\n        anchor=\"right\"\n        open={open}\n        onClose={() => setOpen(false)}\n      >\n        <TechDocsBuildLogsDrawerContent\n          buildLog={buildLog}\n          onClose={() => setOpen(false)}\n        />\n      </Drawer>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,5 @@
-import React, { useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { useEffect } from 'react';
 import { useApi, configApiRef, useAnalytics } from '@backstage/core-plugin-api';
 import { ErrorPage } from '@backstage/core-components';
 import { useTechDocsReaderPage } from '@backstage/plugin-techdocs-react';
@@ -19,7 +20,7 @@ const TechDocsNotFound = ({ errorMessage }) => {
   if (![void 0, "local"].includes(techdocsBuilder)) {
     additionalInfo = "Note that techdocs.builder is not set to 'local' in your config, which means this Backstage app will not generate docs if they are not found. Make sure the project's docs are generated and published by some external process (e.g. CI/CD pipeline). Or change techdocs.builder to 'local' to generate docs from this Backstage instance.";
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ErrorPage,
     {
       status: "404",

package/dist/reader/components/TechDocsNotFound.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TechDocsNotFound.esm.js","sources":["../../../src/reader/components/TechDocsNotFound.tsx"],"sourcesContent":["/*\n * Copyright 2020 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, { useEffect } from 'react';\nimport { useApi, configApiRef, useAnalytics } from '@backstage/core-plugin-api';\nimport { ErrorPage } from '@backstage/core-components';\nimport { useTechDocsReaderPage } from '@backstage/plugin-techdocs-react';\nimport { useLocation } from 'react-router-dom';\n\ntype Props = {\n  errorMessage?: string;\n};\n\nexport const TechDocsNotFound = ({ errorMessage }: Props) => {\n  const techdocsBuilder =\n    useApi(configApiRef).getOptionalString('techdocs.builder');\n  const analyticsApi = useAnalytics();\n  const { entityRef } = useTechDocsReaderPage();\n  const location = useLocation();\n\n  useEffect(() => {\n    const { pathname, search, hash } = location;\n    analyticsApi.captureEvent('not-found', `${pathname}${search}${hash}`, {\n      attributes: entityRef,\n    });\n  }, [analyticsApi, entityRef, location]);\n\n  let additionalInfo = '';\n  if (![undefined, 'local'].includes(techdocsBuilder)) {\n    additionalInfo =\n      \"Note that techdocs.builder is not set to 'local' in your config, which means this Backstage app will not \" +\n      \"generate docs if they are not found. Make sure the project's docs are generated and published by some external \" +\n      \"process (e.g. CI/CD pipeline). Or change techdocs.builder to 'local' to generate docs from this Backstage \" +\n      'instance.';\n  }\n\n  return (\n    <ErrorPage\n      status=\"404\"\n      statusMessage={errorMessage || 'Documentation not found'}\n      additionalInfo={additionalInfo}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;AA0BO,MAAM,gBAAmB,GAAA,CAAC,EAAE,YAAA,EAA0B,KAAA;AAC3D,EAAA,MAAM,eACJ,GAAA,MAAA,CAAO,YAAY,CAAA,CAAE,kBAAkB,kBAAkB,CAAA;AAC3D,EAAA,MAAM,eAAe,YAAa,EAAA;AAClC,EAAM,MAAA,EAAE,SAAU,EAAA,GAAI,qBAAsB,EAAA;AAC5C,EAAA,MAAM,WAAW,WAAY,EAAA;AAE7B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,EAAE,QAAA,EAAU,MAAQ,EAAA,IAAA,EAAS,GAAA,QAAA;AACnC,IAAa,YAAA,CAAA,YAAA,CAAa,aAAa,CAAG,EAAA,QAAQ,GAAG,MAAM,CAAA,EAAG,IAAI,CAAI,CAAA,EAAA;AAAA,MACpE,UAAY,EAAA;AAAA,KACb,CAAA;AAAA,GACA,EAAA,CAAC,YAAc,EAAA,SAAA,EAAW,QAAQ,CAAC,CAAA;AAEtC,EAAA,IAAI,cAAiB,GAAA,EAAA;AACrB,EAAA,IAAI,CAAC,CAAC,KAAA,CAAA,EAAW,OAAO,CAAE,CAAA,QAAA,CAAS,eAAe,CAAG,EAAA;AACnD,IACE,cAAA,GAAA,6UAAA;AAAA;AAMJ,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,MAAO,EAAA,KAAA;AAAA,MACP,eAAe,YAAgB,IAAA,yBAAA;AAAA,MAC/B;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"TechDocsNotFound.esm.js","sources":["../../../src/reader/components/TechDocsNotFound.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 { useEffect } from 'react';\nimport { useApi, configApiRef, useAnalytics } from '@backstage/core-plugin-api';\nimport { ErrorPage } from '@backstage/core-components';\nimport { useTechDocsReaderPage } from '@backstage/plugin-techdocs-react';\nimport { useLocation } from 'react-router-dom';\n\ntype Props = {\n  errorMessage?: string;\n};\n\nexport const TechDocsNotFound = ({ errorMessage }: Props) => {\n  const techdocsBuilder =\n    useApi(configApiRef).getOptionalString('techdocs.builder');\n  const analyticsApi = useAnalytics();\n  const { entityRef } = useTechDocsReaderPage();\n  const location = useLocation();\n\n  useEffect(() => {\n    const { pathname, search, hash } = location;\n    analyticsApi.captureEvent('not-found', `${pathname}${search}${hash}`, {\n      attributes: entityRef,\n    });\n  }, [analyticsApi, entityRef, location]);\n\n  let additionalInfo = '';\n  if (![undefined, 'local'].includes(techdocsBuilder)) {\n    additionalInfo =\n      \"Note that techdocs.builder is not set to 'local' in your config, which means this Backstage app will not \" +\n      \"generate docs if they are not found. Make sure the project's docs are generated and published by some external \" +\n      \"process (e.g. CI/CD pipeline). Or change techdocs.builder to 'local' to generate docs from this Backstage \" +\n      'instance.';\n  }\n\n  return (\n    <ErrorPage\n      status=\"404\"\n      statusMessage={errorMessage || 'Documentation not found'}\n      additionalInfo={additionalInfo}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA0BO,MAAM,gBAAmB,GAAA,CAAC,EAAE,YAAA,EAA0B,KAAA;AAC3D,EAAA,MAAM,eACJ,GAAA,MAAA,CAAO,YAAY,CAAA,CAAE,kBAAkB,kBAAkB,CAAA;AAC3D,EAAA,MAAM,eAAe,YAAa,EAAA;AAClC,EAAM,MAAA,EAAE,SAAU,EAAA,GAAI,qBAAsB,EAAA;AAC5C,EAAA,MAAM,WAAW,WAAY,EAAA;AAE7B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,EAAE,QAAA,EAAU,MAAQ,EAAA,IAAA,EAAS,GAAA,QAAA;AACnC,IAAa,YAAA,CAAA,YAAA,CAAa,aAAa,CAAG,EAAA,QAAQ,GAAG,MAAM,CAAA,EAAG,IAAI,CAAI,CAAA,EAAA;AAAA,MACpE,UAAY,EAAA;AAAA,KACb,CAAA;AAAA,GACA,EAAA,CAAC,YAAc,EAAA,SAAA,EAAW,QAAQ,CAAC,CAAA;AAEtC,EAAA,IAAI,cAAiB,GAAA,EAAA;AACrB,EAAA,IAAI,CAAC,CAAC,KAAA,CAAA,EAAW,OAAO,CAAE,CAAA,QAAA,CAAS,eAAe,CAAG,EAAA;AACnD,IACE,cAAA,GAAA,6UAAA;AAAA;AAMJ,EACE,uBAAA,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,MAAO,EAAA,KAAA;AAAA,MACP,eAAe,YAAgB,IAAA,yBAAA;AAAA,MAC/B;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -1,4 +1,5 @@
-import React, { Children } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Children } from 'react';
 import { useOutlet } from 'react-router-dom';
 import { Page } from '@backstage/core-components';
 import { TECHDOCS_ADDONS_WRAPPER_KEY, TECHDOCS_ADDONS_KEY, TechDocsReaderPageProvider } from '@backstage/plugin-techdocs-react';
@@ -12,7 +13,11 @@ import { styled, useTheme, createTheme, ThemeProvider } from '@material-ui/core/
 
 const TechDocsReaderLayout = (props) => {
   const { withSearch, withHeader = true } = props;
-  return /* @__PURE__ */ React.createElement(Page, { themeId: "documentation" }, withHeader && /* @__PURE__ */ React.createElement(TechDocsReaderPageHeader, null), /* @__PURE__ */ React.createElement(TechDocsReaderPageSubheader, null), /* @__PURE__ */ React.createElement(TechDocsReaderPageContent, { withSearch }));
+  return /* @__PURE__ */ jsxs(Page, { themeId: "documentation", children: [
+    withHeader && /* @__PURE__ */ jsx(TechDocsReaderPageHeader, {}),
+    /* @__PURE__ */ jsx(TechDocsReaderPageSubheader, {}),
+    /* @__PURE__ */ jsx(TechDocsReaderPageContent, { withSearch })
+  ] });
 };
 const StyledPage = styled(Page)({
   height: "inherit",
@@ -35,21 +40,21 @@ const TechDocsReaderPage = (props) => {
     const page = grandChildren.find(
       (grandChild) => !getComponentData(grandChild, TECHDOCS_ADDONS_WRAPPER_KEY) && !getComponentData(grandChild, TECHDOCS_ADDONS_KEY)
     );
-    return /* @__PURE__ */ React.createElement(ThemeProvider, { theme: readerPageTheme }, /* @__PURE__ */ React.createElement(CookieAuthRefreshProvider, { pluginId: "techdocs" }, /* @__PURE__ */ React.createElement(TechDocsReaderPageProvider, { entityRef }, page || /* @__PURE__ */ React.createElement(TechDocsReaderLayout, null))));
+    return /* @__PURE__ */ jsx(ThemeProvider, { theme: readerPageTheme, children: /* @__PURE__ */ jsx(CookieAuthRefreshProvider, { pluginId: "techdocs", children: /* @__PURE__ */ jsx(TechDocsReaderPageProvider, { entityRef, children: page || /* @__PURE__ */ jsx(TechDocsReaderLayout, {}) }) }) });
   }
-  return /* @__PURE__ */ React.createElement(ThemeProvider, { theme: readerPageTheme }, /* @__PURE__ */ React.createElement(CookieAuthRefreshProvider, { pluginId: "techdocs" }, /* @__PURE__ */ React.createElement(TechDocsReaderPageProvider, { entityRef }, ({ metadata, entityMetadata, onReady }) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(ThemeProvider, { theme: readerPageTheme, children: /* @__PURE__ */ jsx(CookieAuthRefreshProvider, { pluginId: "techdocs", children: /* @__PURE__ */ jsx(TechDocsReaderPageProvider, { entityRef, children: ({ metadata, entityMetadata, onReady }) => /* @__PURE__ */ jsx(
     StyledPage,
     {
       themeId: "documentation",
-      className: "techdocs-reader-page"
-    },
-    children instanceof Function ? children({
-      entityRef,
-      techdocsMetadataValue: metadata.value,
-      entityMetadataValue: entityMetadata.value,
-      onReady
-    }) : children
-  ))));
+      className: "techdocs-reader-page",
+      children: children instanceof Function ? children({
+        entityRef,
+        techdocsMetadataValue: metadata.value,
+        entityMetadataValue: entityMetadata.value,
+        onReady
+      }) : children
+    }
+  ) }) }) });
 };
 
 export { TechDocsReaderLayout, TechDocsReaderPage };