@backstage/plugin-api-docs 0.6.13 → 0.6.17

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # @backstage/plugin-api-docs
 
+## 0.6.17
+
+### Patch Changes
+
+- dde1681f33: chore(dependencies): bump `graphiql` package to latest
+- ef64a444ca: Update AsyncAPI component to 1.0.0-x releases
+
+## 0.6.16
+
+### Patch Changes
+
+- 752a53d94e: Improve theme integration for OpenApi definition
+- Updated dependencies
+  - @backstage/core-components@0.7.6
+  - @backstage/theme@0.2.14
+  - @backstage/core-plugin-api@0.2.2
+
+## 0.6.15
+
+### Patch Changes
+
+- c982fc12cb: Adjusted some styles in the OpenAPI definition, for elements which were barely readable in dark mode.
+- Updated dependencies
+  - @backstage/core-plugin-api@0.2.1
+  - @backstage/core-components@0.7.5
+
+## 0.6.14
+
+### Patch Changes
+
+- a125278b81: Refactor out the deprecated path and icon from RouteRefs
+- Updated dependencies
+  - @backstage/plugin-catalog@0.7.3
+  - @backstage/catalog-model@0.9.7
+  - @backstage/plugin-catalog-react@0.6.4
+  - @backstage/core-components@0.7.4
+  - @backstage/core-plugin-api@0.2.0
+
 ## 0.6.13
 
 ### Patch Changes

package/README.md

@@ -160,6 +160,14 @@ by this plugin.
 Grab a copy of [oauth2-redirect.html](https://github.com/swagger-api/swagger-ui/blob/master/dist/oauth2-redirect.html)
 and put it in the `app/public/` directory in order to enable Swagger UI to complete this redirection.
 
+This also may require you to adjust `Content Security Policy` header settings of your Backstage application, so that the script in `oauth2-redirect.html` can be executed. Since the script is static we can add the hash of it directly to our CSP policy, which we do by adding the following to the `csp` section of the app configuration:
+
+```yaml
+script-src:
+  - "'self'"
+  - "'sha256-GeDavzSZ8O71Jggf/pQkKbt52dfZkrdNMQ3e+Ox+AkI='" # oauth2-redirect.html
+```
+
 #### Configuring your OAuth2 Client
 
 You'll need to make sure your OAuth2 client has been registered in your OAuth2 Authentication Server (AS)

package/dist/esm/AsyncApiDefinition-c39ae15d.esm.js

@@ -0,0 +1,133 @@
+import AsyncApi from '@asyncapi/react-component';
+import '@asyncapi/react-component/styles/default.css';
+import { makeStyles, alpha, darken } from '@material-ui/core/styles';
+import React from 'react';
+import { useTheme } from '@material-ui/core';
+
+const useStyles = makeStyles((theme) => ({
+  root: {
+    fontFamily: "inherit",
+    "& .bg-white": {
+      background: "none"
+    },
+    "& .text-4xl": {
+      ...theme.typography.h3
+    },
+    " & h2": {
+      ...theme.typography.h4
+    },
+    "& .border": {
+      borderColor: alpha(theme.palette.border, 0.1)
+    },
+    "& .min-w-min": {
+      minWidth: "fit-content"
+    },
+    "& .examples": {
+      padding: "1rem"
+    },
+    "& .bg-teal-500": {
+      backgroundColor: theme.palette.status.ok
+    },
+    "& .bg-blue-500": {
+      backgroundColor: theme.palette.info.main
+    },
+    "& .bg-blue-400": {
+      backgroundColor: theme.palette.info.light
+    },
+    "& .bg-indigo-400": {
+      backgroundColor: theme.palette.warning.main
+    },
+    "& .text-teal-50": {
+      color: theme.palette.status.ok
+    },
+    "& .text-red-600": {
+      color: theme.palette.error.main
+    },
+    "& .text-orange-600": {
+      color: theme.palette.warning.main
+    },
+    "& .text-teal-500": {
+      color: theme.palette.status.ok
+    },
+    "& .text-blue-500": {
+      color: theme.palette.info.main
+    },
+    "& .-rotate-90": {
+      "--tw-rotate": "0deg"
+    },
+    "& button": {
+      ...theme.typography.button,
+      borderRadius: theme.shape.borderRadius,
+      color: theme.palette.primary.main
+    },
+    "& a": {
+      color: theme.palette.link
+    },
+    "& a.no-underline": {
+      ...theme.typography.button,
+      background: "none",
+      boxSizing: "border-box",
+      minWidth: 64,
+      borderRadius: theme.shape.borderRadius,
+      transition: theme.transitions.create(["background-color", "box-shadow", "border"], {
+        duration: theme.transitions.duration.short
+      }),
+      padding: "5px 15px",
+      color: theme.palette.primary.main,
+      border: `1px solid ${alpha(theme.palette.primary.main, 0.5)}`,
+      "&:hover": {
+        textDecoration: "none",
+        border: `1px solid ${theme.palette.primary.main}`,
+        backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.hoverOpacity)
+      }
+    },
+    "& li.no-underline": {
+      "& a": {
+        textDecoration: "none",
+        color: theme.palette.getContrastText(theme.palette.primary.main)
+      }
+    }
+  },
+  dark: {
+    "& svg": {
+      fill: theme.palette.text.primary
+    },
+    "& .prose": {
+      color: theme.palette.text.secondary,
+      "& h3": {
+        color: theme.palette.text.primary
+      }
+    },
+    "& .bg-gray-100, .bg-gray-200": {
+      backgroundColor: theme.palette.background.default
+    },
+    "& .text-gray-600": {
+      color: theme.palette.grey["50"]
+    },
+    "& .text-gray-700": {
+      color: theme.palette.grey["100"]
+    },
+    "& .panel--right": {
+      background: darken(theme.palette.navigation.background, 0.1)
+    },
+    "& .examples": {
+      backgroundColor: darken(theme.palette.navigation.background, 0.1),
+      "& pre": {
+        backgroundColor: darken(theme.palette.background.default, 0.2)
+      }
+    }
+  }
+}));
+const AsyncApiDefinition = ({ definition }) => {
+  const classes = useStyles();
+  const theme = useTheme();
+  const classNames = `${classes.root} ${theme.palette.type === "dark" ? classes.dark : ""}`;
+  return /* @__PURE__ */ React.createElement("div", {
+    className: classNames
+  }, /* @__PURE__ */ React.createElement(AsyncApi, {
+    schema: definition
+  }));
+};
+
+export { AsyncApiDefinition };
+//# sourceMappingURL=AsyncApiDefinition-c39ae15d.esm.js.map

package/dist/esm/AsyncApiDefinition-c39ae15d.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncApiDefinition-c39ae15d.esm.js","sources":["../../src/components/AsyncApiDefinitionWidget/AsyncApiDefinition.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 AsyncApi from '@asyncapi/react-component';\nimport '@asyncapi/react-component/styles/default.css';\nimport { makeStyles, alpha, darken } from '@material-ui/core/styles';\nimport { BackstageTheme } from '@backstage/theme';\nimport React from 'react';\nimport { useTheme } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme: BackstageTheme) => ({\n  root: {\n    fontFamily: 'inherit',\n    '& .bg-white': {\n      background: 'none',\n    },\n    '& .text-4xl': {\n      ...theme.typography.h3,\n    },\n    ' & h2': {\n      ...theme.typography.h4,\n    },\n    '& .border': {\n      borderColor: alpha(theme.palette.border, 0.1),\n    },\n    '& .min-w-min': {\n      minWidth: 'fit-content',\n    },\n    '& .examples': {\n      padding: '1rem',\n    },\n    '& .bg-teal-500': {\n      backgroundColor: theme.palette.status.ok,\n    },\n    '& .bg-blue-500': {\n      backgroundColor: theme.palette.info.main,\n    },\n    '& .bg-blue-400': {\n      backgroundColor: theme.palette.info.light,\n    },\n    '& .bg-indigo-400': {\n      backgroundColor: theme.palette.warning.main,\n    },\n    '& .text-teal-50': {\n      color: theme.palette.status.ok,\n    },\n    '& .text-red-600': {\n      color: theme.palette.error.main,\n    },\n    '& .text-orange-600': {\n      color: theme.palette.warning.main,\n    },\n    '& .text-teal-500': {\n      color: theme.palette.status.ok,\n    },\n    '& .text-blue-500': {\n      color: theme.palette.info.main,\n    },\n    '& .-rotate-90': {\n      '--tw-rotate': '0deg',\n    },\n    '& button': {\n      ...theme.typography.button,\n      borderRadius: theme.shape.borderRadius,\n      color: theme.palette.primary.main,\n    },\n    '& a': {\n      color: theme.palette.link,\n    },\n    '& a.no-underline': {\n      ...theme.typography.button,\n      background: 'none',\n      boxSizing: 'border-box',\n      minWidth: 64,\n      borderRadius: theme.shape.borderRadius,\n      transition: theme.transitions.create(\n        ['background-color', 'box-shadow', 'border'],\n        {\n          duration: theme.transitions.duration.short,\n        },\n      ),\n      padding: '5px 15px',\n      color: theme.palette.primary.main,\n      border: `1px solid ${alpha(theme.palette.primary.main, 0.5)}`,\n      '&:hover': {\n        textDecoration: 'none',\n        border: `1px solid ${theme.palette.primary.main}`,\n        backgroundColor: alpha(\n          theme.palette.primary.main,\n          theme.palette.action.hoverOpacity,\n        ),\n      },\n    },\n    '& li.no-underline': {\n      '& a': {\n        textDecoration: 'none',\n        color: theme.palette.getContrastText(theme.palette.primary.main),\n      },\n    },\n  },\n  dark: {\n    '& svg': {\n      fill: theme.palette.text.primary,\n    },\n    '& .prose': {\n      color: theme.palette.text.secondary,\n      '& h3': {\n        color: theme.palette.text.primary,\n      },\n    },\n    '& .bg-gray-100, .bg-gray-200': {\n      backgroundColor: theme.palette.background.default,\n    },\n    '& .text-gray-600': {\n      color: theme.palette.grey['50'],\n    },\n    '& .text-gray-700': {\n      color: theme.palette.grey['100'],\n    },\n    '& .panel--right': {\n      background: darken(theme.palette.navigation.background, 0.1),\n    },\n    '& .examples': {\n      backgroundColor: darken(theme.palette.navigation.background, 0.1),\n      '& pre': {\n        backgroundColor: darken(theme.palette.background.default, 0.2),\n      },\n    },\n  },\n}));\n\ntype Props = {\n  definition: string;\n};\n\nexport const AsyncApiDefinition = ({ definition }: Props): JSX.Element => {\n  const classes = useStyles();\n  const theme = useTheme();\n  const classNames = `${classes.root} ${\n    theme.palette.type === 'dark' ? classes.dark : ''\n  }`;\n\n  return (\n    <div className={classNames}>\n      <AsyncApi schema={definition} />\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/{GraphQlDefinition-547f34fe.esm.js → GraphQlDefinition-fa85d425.esm.js}

@@ -22,7 +22,7 @@ const useStyles = makeStyles(() => ({
     }
   }
 }));
-const GraphQlDefinition = ({definition}) => {
+const GraphQlDefinition = ({ definition }) => {
   const classes = useStyles();
   const schema = buildSchema(definition);
   return /* @__PURE__ */ React.createElement("div", {
@@ -38,4 +38,4 @@ const GraphQlDefinition = ({definition}) => {
 };
 
 export { GraphQlDefinition };
-//# sourceMappingURL=GraphQlDefinition-547f34fe.esm.js.map
+//# sourceMappingURL=GraphQlDefinition-fa85d425.esm.js.map

package/dist/esm/{GraphQlDefinition-547f34fe.esm.js.map → GraphQlDefinition-fa85d425.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GraphQlDefinition-547f34fe.esm.js","sources":["../../src/components/GraphQlDefinitionWidget/GraphQlDefinition.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 { BackstageTheme } from '@backstage/theme';\nimport { makeStyles } from '@material-ui/core/styles';\nimport GraphiQL from 'graphiql';\nimport 'graphiql/graphiql.css';\nimport { buildSchema } from 'graphql';\nimport React from 'react';\n\nconst useStyles = makeStyles<BackstageTheme>(() => ({\n  root: {\n    height: '100%',\n    display: 'flex',\n    flexFlow: 'column nowrap',\n  },\n  graphiQlWrapper: {\n    flex: 1,\n    '@global': {\n      '.graphiql-container': {\n        boxSizing: 'initial',\n        height: '100%',\n        minHeight: '600px',\n        flex: '1 1 auto',\n      },\n    },\n  },\n}));\n\ntype Props = {\n  definition: string;\n};\n\nexport const GraphQlDefinition = ({ definition }: Props) => {\n  const classes = useStyles();\n  const schema = buildSchema(definition);\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.graphiQlWrapper}>\n        <GraphiQL\n          fetcher={() => Promise.resolve(null) as any}\n          schema={schema}\n          docExplorerOpen\n          defaultSecondaryEditorOpen={false}\n        />\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAuBA,MAAM,YAAY,WAA2B;AAAO,EAClD,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA;AAAA,EAEZ,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,WAAW;AAAA,MACT,uBAAuB;AAAA,QACrB,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,MAAM;AAAA;AAAA;AAAA;AAAA;MAUD,oBAAoB,CAAC,CAAE,gBAAwB;AAC1D,QAAM,UAAU;AAChB,QAAM,SAAS,YAAY;AAE3B,6CACG,OAAD;AAAA,IAAK,WAAW,QAAQ;AAAA,yCACrB,OAAD;AAAA,IAAK,WAAW,QAAQ;AAAA,yCACrB,UAAD;AAAA,IACE,SAAS,MAAM,QAAQ,QAAQ;AAAA,IAC/B;AAAA,IACA,iBAAe;AAAA,IACf,4BAA4B;AAAA;AAAA;;;;"}
+{"version":3,"file":"GraphQlDefinition-fa85d425.esm.js","sources":["../../src/components/GraphQlDefinitionWidget/GraphQlDefinition.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 { BackstageTheme } from '@backstage/theme';\nimport { makeStyles } from '@material-ui/core/styles';\nimport GraphiQL from 'graphiql';\nimport 'graphiql/graphiql.css';\nimport { buildSchema } from 'graphql';\nimport React from 'react';\n\nconst useStyles = makeStyles<BackstageTheme>(() => ({\n  root: {\n    height: '100%',\n    display: 'flex',\n    flexFlow: 'column nowrap',\n  },\n  graphiQlWrapper: {\n    flex: 1,\n    '@global': {\n      '.graphiql-container': {\n        boxSizing: 'initial',\n        height: '100%',\n        minHeight: '600px',\n        flex: '1 1 auto',\n      },\n    },\n  },\n}));\n\ntype Props = {\n  definition: string;\n};\n\nexport const GraphQlDefinition = ({ definition }: Props) => {\n  const classes = useStyles();\n  const schema = buildSchema(definition);\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.graphiQlWrapper}>\n        <GraphiQL\n          fetcher={() => Promise.resolve(null) as any}\n          schema={schema}\n          docExplorerOpen\n          defaultSecondaryEditorOpen={false}\n        />\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAuBA,MAAM,YAAY,WAA2B;AAAO,EAClD,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA;AAAA,EAEZ,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,WAAW;AAAA,MACT,uBAAuB;AAAA,QACrB,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,MAAM;AAAA;AAAA;AAAA;AAAA;MAUD,oBAAoB,CAAC,EAAE,iBAAwB;AAC1D,QAAM,UAAU;AAChB,QAAM,SAAS,YAAY;AAE3B,6CACG,OAAD;AAAA,IAAK,WAAW,QAAQ;AAAA,yCACrB,OAAD;AAAA,IAAK,WAAW,QAAQ;AAAA,yCACrB,UAAD;AAAA,IACE,SAAS,MAAM,QAAQ,QAAQ;AAAA,IAC/B;AAAA,IACA,iBAAe;AAAA,IACf,4BAA4B;AAAA;AAAA;;;;"}

package/dist/esm/OpenApiDefinition-48ae3040.esm.js

@@ -0,0 +1,131 @@
+import { makeStyles } from '@material-ui/core/styles';
+import React, { useState, useEffect } from 'react';
+import SwaggerUI from 'swagger-ui-react';
+import 'swagger-ui-react/swagger-ui.css';
+
+const useStyles = makeStyles((theme) => ({
+  root: {
+    "& .swagger-ui": {
+      fontFamily: theme.typography.fontFamily,
+      color: theme.palette.text.primary,
+      [`& .scheme-container`]: {
+        backgroundColor: theme.palette.background.default
+      },
+      [`& .opblock-tag,
+          .opblock-tag small,
+          table thead tr td,
+          table thead tr th`]: {
+        fontFamily: theme.typography.fontFamily,
+        color: theme.palette.text.primary,
+        borderColor: theme.palette.divider
+      },
+      [`& section.models,
+          section.models.is-open h4`]: {
+        borderColor: theme.palette.divider
+      },
+      [`& .model-title,
+          .model .renderedMarkdown,
+          .model .description`]: {
+        fontFamily: theme.typography.fontFamily,
+        fontWeight: theme.typography.fontWeightRegular
+      },
+      [`& h1, h2, h3, h4, h5, h6,
+          .errors h4, .error h4, .opblock h4, section.models h4,
+          .response-control-media-type__accept-message,
+          .opblock-summary-description,
+          .opblock-summary-operation-id,
+          .opblock-summary-path,
+          .opblock-summary-path__deprecated,
+          .opblock-external-docs-wrapper,
+          .opblock-section-header .btn,
+          .opblock-section-header>label,
+          .scheme-container .schemes>label,a.nostyle,
+          .parameter__name,
+          .response-col_status,
+          .response-col_links,
+          .error .btn,
+          .info .title,
+          .info .base-url`]: {
+        fontFamily: theme.typography.fontFamily,
+        color: theme.palette.text.primary
+      },
+      [`& .opblock .opblock-section-header, 
+          .model-box,
+          section.models .model-container`]: {
+        background: theme.palette.background.default
+      },
+      [`& .prop-format,
+          .parameter__in`]: {
+        color: theme.palette.text.disabled
+      },
+      [`& table.model, 
+          .parameter__type,
+          .model.model-title,
+          .model-title,
+          .model span,
+          .model .brace-open,
+          .model .brace-close,
+          .model .property.primitive,
+          .model .renderedMarkdown,
+          .model .description,
+          .errors small`]: {
+        color: theme.palette.text.secondary
+      },
+      [`& .parameter__name.required:after`]: {
+        color: theme.palette.warning.dark
+      },
+      [`& table.model, 
+          table.model .model,
+          .opblock-external-docs-wrapper`]: {
+        fontSize: theme.typography.fontSize
+      },
+      [`& table.headers td`]: {
+        color: theme.palette.text.primary,
+        fontWeight: theme.typography.fontWeightRegular
+      },
+      [`& .model-hint`]: {
+        color: theme.palette.text.hint,
+        backgroundColor: theme.palette.background.paper
+      },
+      [`& .opblock-summary-method, 
+          .info a`]: {
+        fontFamily: theme.typography.fontFamily
+      },
+      [`& .info, .opblock, .tab`]: {
+        [`& li, p`]: {
+          fontFamily: theme.typography.fontFamily,
+          color: theme.palette.text.primary
+        }
+      },
+      [`& a`]: {
+        color: theme.palette.primary.main
+      },
+      [`& .renderedMarkdown code`]: {
+        color: theme.palette.secondary.light
+      },
+      [`& .property-row td:first-child`]: {
+        color: theme.palette.text.primary
+      },
+      [`& span.prop-type`]: {
+        color: theme.palette.success.light
+      }
+    }
+  }
+}));
+const OpenApiDefinition = ({ definition }) => {
+  const classes = useStyles();
+  const [def, setDef] = useState("");
+  useEffect(() => {
+    const timer = setTimeout(() => setDef(definition), 0);
+    return () => clearTimeout(timer);
+  }, [definition, setDef]);
+  return /* @__PURE__ */ React.createElement("div", {
+    className: classes.root
+  }, /* @__PURE__ */ React.createElement(SwaggerUI, {
+    spec: def,
+    deepLinking: true
+  }));
+};
+
+export { OpenApiDefinition };
+//# sourceMappingURL=OpenApiDefinition-48ae3040.esm.js.map

package/dist/esm/OpenApiDefinition-48ae3040.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenApiDefinition-48ae3040.esm.js","sources":["../../src/components/OpenApiDefinitionWidget/OpenApiDefinition.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 { makeStyles } from '@material-ui/core/styles';\nimport React, { useEffect, useState } from 'react';\nimport SwaggerUI from 'swagger-ui-react';\nimport 'swagger-ui-react/swagger-ui.css';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    '& .swagger-ui': {\n      fontFamily: theme.typography.fontFamily,\n      color: theme.palette.text.primary,\n\n      [`& .scheme-container`]: {\n        backgroundColor: theme.palette.background.default,\n      },\n      [`& .opblock-tag,\n          .opblock-tag small,\n          table thead tr td,\n          table thead tr th`]: {\n        fontFamily: theme.typography.fontFamily,\n        color: theme.palette.text.primary,\n        borderColor: theme.palette.divider,\n      },\n      [`& section.models,\n          section.models.is-open h4`]: {\n        borderColor: theme.palette.divider,\n      },\n      [`& .model-title,\n          .model .renderedMarkdown,\n          .model .description`]: {\n        fontFamily: theme.typography.fontFamily,\n        fontWeight: theme.typography.fontWeightRegular,\n      },\n      [`& h1, h2, h3, h4, h5, h6,\n          .errors h4, .error h4, .opblock h4, section.models h4,\n          .response-control-media-type__accept-message,\n          .opblock-summary-description,\n          .opblock-summary-operation-id,\n          .opblock-summary-path,\n          .opblock-summary-path__deprecated,\n          .opblock-external-docs-wrapper,\n          .opblock-section-header .btn,\n          .opblock-section-header>label,\n          .scheme-container .schemes>label,a.nostyle,\n          .parameter__name,\n          .response-col_status,\n          .response-col_links,\n          .error .btn,\n          .info .title,\n          .info .base-url`]: {\n        fontFamily: theme.typography.fontFamily,\n        color: theme.palette.text.primary,\n      },\n      [`& .opblock .opblock-section-header, \n          .model-box,\n          section.models .model-container`]: {\n        background: theme.palette.background.default,\n      },\n      [`& .prop-format,\n          .parameter__in`]: {\n        color: theme.palette.text.disabled,\n      },\n      [`& table.model, \n          .parameter__type,\n          .model.model-title,\n          .model-title,\n          .model span,\n          .model .brace-open,\n          .model .brace-close,\n          .model .property.primitive,\n          .model .renderedMarkdown,\n          .model .description,\n          .errors small`]: {\n        color: theme.palette.text.secondary,\n      },\n      [`& .parameter__name.required:after`]: {\n        color: theme.palette.warning.dark,\n      },\n      [`& table.model, \n          table.model .model,\n          .opblock-external-docs-wrapper`]: {\n        fontSize: theme.typography.fontSize,\n      },\n      [`& table.headers td`]: {\n        color: theme.palette.text.primary,\n        fontWeight: theme.typography.fontWeightRegular,\n      },\n      [`& .model-hint`]: {\n        color: theme.palette.text.hint,\n        backgroundColor: theme.palette.background.paper,\n      },\n      [`& .opblock-summary-method, \n          .info a`]: {\n        fontFamily: theme.typography.fontFamily,\n      },\n      [`& .info, .opblock, .tab`]: {\n        [`& li, p`]: {\n          fontFamily: theme.typography.fontFamily,\n          color: theme.palette.text.primary,\n        },\n      },\n      [`& a`]: {\n        color: theme.palette.primary.main,\n      },\n      [`& .renderedMarkdown code`]: {\n        color: theme.palette.secondary.light,\n      },\n      [`& .property-row td:first-child`]: {\n        color: theme.palette.text.primary,\n      },\n      [`& span.prop-type`]: {\n        color: theme.palette.success.light,\n      },\n    },\n  },\n}));\n\nexport type OpenApiDefinitionProps = {\n  definition: string;\n};\n\nexport const OpenApiDefinition = ({ definition }: OpenApiDefinitionProps) => {\n  const classes = useStyles();\n\n  // Due to a bug in the swagger-ui-react component, the component needs\n  // to be created without content first.\n  const [def, setDef] = useState('');\n\n  useEffect(() => {\n    const timer = setTimeout(() => setDef(definition), 0);\n    return () => clearTimeout(timer);\n  }, [definition, setDef]);\n\n  return (\n    <div className={classes.root}>\n      <SwaggerUI spec={def} deepLinking />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;AAqBA,MAAM,YAAY,WAAW;AAAU,EACrC,MAAM;AAAA,IACJ,iBAAiB;AAAA,MACf,YAAY,MAAM,WAAW;AAAA,MAC7B,OAAO,MAAM,QAAQ,KAAK;AAAA,OAEzB,wBAAwB;AAAA,QACvB,iBAAiB,MAAM,QAAQ,WAAW;AAAA;AAAA,OAE3C;AAAA;AAAA;AAAA,+BAGwB;AAAA,QACvB,YAAY,MAAM,WAAW;AAAA,QAC7B,OAAO,MAAM,QAAQ,KAAK;AAAA,QAC1B,aAAa,MAAM,QAAQ;AAAA;AAAA,OAE5B;AAAA,uCACgC;AAAA,QAC/B,aAAa,MAAM,QAAQ;AAAA;AAAA,OAE5B;AAAA;AAAA,iCAE0B;AAAA,QACzB,YAAY,MAAM,WAAW;AAAA,QAC7B,YAAY,MAAM,WAAW;AAAA;AAAA,OAE9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAgBsB;AAAA,QACrB,YAAY,MAAM,WAAW;AAAA,QAC7B,OAAO,MAAM,QAAQ,KAAK;AAAA;AAAA,OAE3B;AAAA;AAAA,6CAEsC;AAAA,QACrC,YAAY,MAAM,QAAQ,WAAW;AAAA;AAAA,OAEtC;AAAA,4BACqB;AAAA,QACpB,OAAO,MAAM,QAAQ,KAAK;AAAA;AAAA,OAE3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAUoB;AAAA,QACnB,OAAO,MAAM,QAAQ,KAAK;AAAA;AAAA,OAE3B,sCAAsC;AAAA,QACrC,OAAO,MAAM,QAAQ,QAAQ;AAAA;AAAA,OAE9B;AAAA;AAAA,4CAEqC;AAAA,QACpC,UAAU,MAAM,WAAW;AAAA;AAAA,OAE5B,uBAAuB;AAAA,QACtB,OAAO,MAAM,QAAQ,KAAK;AAAA,QAC1B,YAAY,MAAM,WAAW;AAAA;AAAA,OAE9B,kBAAkB;AAAA,QACjB,OAAO,MAAM,QAAQ,KAAK;AAAA,QAC1B,iBAAiB,MAAM,QAAQ,WAAW;AAAA;AAAA,OAE3C;AAAA,qBACc;AAAA,QACb,YAAY,MAAM,WAAW;AAAA;AAAA,OAE9B,4BAA4B;AAAA,SAC1B,YAAY;AAAA,UACX,YAAY,MAAM,WAAW;AAAA,UAC7B,OAAO,MAAM,QAAQ,KAAK;AAAA;AAAA;AAAA,OAG7B,QAAQ;AAAA,QACP,OAAO,MAAM,QAAQ,QAAQ;AAAA;AAAA,OAE9B,6BAA6B;AAAA,QAC5B,OAAO,MAAM,QAAQ,UAAU;AAAA;AAAA,OAEhC,mCAAmC;AAAA,QAClC,OAAO,MAAM,QAAQ,KAAK;AAAA;AAAA,OAE3B,qBAAqB;AAAA,QACpB,OAAO,MAAM,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;MAUxB,oBAAoB,CAAC,EAAE,iBAAyC;AAC3E,QAAM,UAAU;AAIhB,QAAM,CAAC,KAAK,UAAU,SAAS;AAE/B,YAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,OAAO,aAAa;AACnD,WAAO,MAAM,aAAa;AAAA,KACzB,CAAC,YAAY;AAEhB,6CACG,OAAD;AAAA,IAAK,WAAW,QAAQ;AAAA,yCACrB,WAAD;AAAA,IAAW,MAAM;AAAA,IAAK,aAAW;AAAA;AAAA;;;;"}

package/dist/esm/{index-7b56f9d6.esm.js → index-00ee1634.esm.js}

@@ -1,4 +1,4 @@
-export { b as ConsumingComponentsCard, e as ProvidingComponentsCard } from './index-dbcc0856.esm.js';
+export { b as ConsumingComponentsCard, e as ProvidingComponentsCard } from './index-2caea1c7.esm.js';
 import '@backstage/plugin-catalog-react';
 import '@material-ui/lab';
 import 'react';
@@ -6,4 +6,4 @@ import '@backstage/core-plugin-api';
 import '@backstage/core-components';
 import '@backstage/catalog-model';
 import '@material-ui/core';
-//# sourceMappingURL=index-7b56f9d6.esm.js.map
+//# sourceMappingURL=index-00ee1634.esm.js.map

package/dist/esm/index-00ee1634.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-00ee1634.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/esm/{index-dbcc0856.esm.js → index-2caea1c7.esm.js}

@@ -20,9 +20,9 @@ const PlainApiDefinitionWidget = (props) => {
 };
 
 const ApiDefinitionCard = (_) => {
-  const {entity} = useEntity();
+  const { entity } = useEntity();
   const config = useApi(apiDocsConfigRef);
-  const {getApiDefinitionWidget} = config;
+  const { getApiDefinitionWidget } = config;
   if (!entity) {
     return /* @__PURE__ */ React.createElement(Alert, {
       severity: "error"
@@ -57,7 +57,7 @@ const ApiDefinitionCard = (_) => {
   });
 };
 
-const LazyAsyncApiDefinition = React.lazy(() => import('./AsyncApiDefinition-21854d8d.esm.js').then((m) => ({
+const LazyAsyncApiDefinition = React.lazy(() => import('./AsyncApiDefinition-c39ae15d.esm.js').then((m) => ({
   default: m.AsyncApiDefinition
 })));
 const AsyncApiDefinitionWidget = (props) => {
@@ -68,7 +68,7 @@ const AsyncApiDefinitionWidget = (props) => {
   }));
 };
 
-const LazyGraphQlDefinition = React.lazy(() => import('./GraphQlDefinition-547f34fe.esm.js').then((m) => ({
+const LazyGraphQlDefinition = React.lazy(() => import('./GraphQlDefinition-fa85d425.esm.js').then((m) => ({
   default: m.GraphQlDefinition
 })));
 const GraphQlDefinitionWidget = (props) => {
@@ -79,7 +79,7 @@ const GraphQlDefinitionWidget = (props) => {
   }));
 };
 
-const LazyOpenApiDefinition = React.lazy(() => import('./OpenApiDefinition-c327180d.esm.js').then((m) => ({
+const LazyOpenApiDefinition = React.lazy(() => import('./OpenApiDefinition-48ae3040.esm.js').then((m) => ({
   default: m.OpenApiDefinition
 })));
 const OpenApiDefinitionWidget = (props) => {
@@ -119,7 +119,7 @@ function defaultDefinitionWidgets() {
   ];
 }
 
-const ApiTypeTitle = ({apiEntity}) => {
+const ApiTypeTitle = ({ apiEntity }) => {
   const config = useApi(apiDocsConfigRef);
   const definition = config.getApiDefinitionWidget(apiEntity);
   const type = definition ? definition.title : apiEntity.spec.type;
@@ -136,7 +136,7 @@ function createSpecApiTypeColumn() {
   };
 }
 const apiEntityColumns = [
-  EntityTable.columns.createEntityRefColumn({defaultKind: "API"}),
+  EntityTable.columns.createEntityRefColumn({ defaultKind: "API" }),
   EntityTable.columns.createSystemColumn(),
   EntityTable.columns.createOwnerColumn(),
   createSpecApiTypeColumn(),
@@ -144,9 +144,9 @@ const apiEntityColumns = [
   EntityTable.columns.createMetadataDescriptionColumn()
 ];
 
-const ConsumedApisCard = ({variant = "gridItem"}) => {
-  const {entity} = useEntity();
-  const {entities, loading, error} = useRelatedEntities(entity, {
+const ConsumedApisCard = ({ variant = "gridItem" }) => {
+  const { entity } = useEntity();
+  const { entities, loading, error } = useRelatedEntities(entity, {
     type: RELATION_CONSUMES_API
   });
   if (loading) {
@@ -172,7 +172,7 @@ const ConsumedApisCard = ({variant = "gridItem"}) => {
     title: "Consumed APIs",
     variant,
     emptyContent: /* @__PURE__ */ React.createElement("div", {
-      style: {textAlign: "center"}
+      style: { textAlign: "center" }
     }, /* @__PURE__ */ React.createElement(Typography, {
       variant: "body1"
     }, "This ", entity.kind.toLocaleLowerCase("en-US"), " does not consume any APIs."), /* @__PURE__ */ React.createElement(Typography, {
@@ -186,15 +186,15 @@ const ConsumedApisCard = ({variant = "gridItem"}) => {
 };
 
 const columns = [
-  EntityTable.columns.createEntityRefColumn({defaultKind: "API"}),
+  EntityTable.columns.createEntityRefColumn({ defaultKind: "API" }),
   EntityTable.columns.createOwnerColumn(),
   createSpecApiTypeColumn(),
   EntityTable.columns.createSpecLifecycleColumn(),
   EntityTable.columns.createMetadataDescriptionColumn()
 ];
-const HasApisCard = ({variant = "gridItem"}) => {
-  const {entity} = useEntity();
-  const {entities, loading, error} = useRelatedEntities(entity, {
+const HasApisCard = ({ variant = "gridItem" }) => {
+  const { entity } = useEntity();
+  const { entities, loading, error } = useRelatedEntities(entity, {
     type: RELATION_HAS_PART,
     kind: "API"
   });
@@ -221,7 +221,7 @@ const HasApisCard = ({variant = "gridItem"}) => {
     title: "APIs",
     variant,
     emptyContent: /* @__PURE__ */ React.createElement("div", {
-      style: {textAlign: "center"}
+      style: { textAlign: "center" }
     }, /* @__PURE__ */ React.createElement(Typography, {
       variant: "body1"
     }, "This ", entity.kind.toLocaleLowerCase("en-US"), " does not contain any APIs."), /* @__PURE__ */ React.createElement(Typography, {
@@ -234,9 +234,9 @@ const HasApisCard = ({variant = "gridItem"}) => {
   });
 };
 
-const ProvidedApisCard = ({variant = "gridItem"}) => {
-  const {entity} = useEntity();
-  const {entities, loading, error} = useRelatedEntities(entity, {
+const ProvidedApisCard = ({ variant = "gridItem" }) => {
+  const { entity } = useEntity();
+  const { entities, loading, error } = useRelatedEntities(entity, {
     type: RELATION_PROVIDES_API
   });
   if (loading) {
@@ -262,7 +262,7 @@ const ProvidedApisCard = ({variant = "gridItem"}) => {
     title: "Provided APIs",
     variant,
     emptyContent: /* @__PURE__ */ React.createElement("div", {
-      style: {textAlign: "center"}
+      style: { textAlign: "center" }
     }, /* @__PURE__ */ React.createElement(Typography, {
       variant: "body1"
     }, "This ", entity.kind.toLocaleLowerCase("en-US"), " does not provide any APIs."), /* @__PURE__ */ React.createElement(Typography, {
@@ -275,9 +275,9 @@ const ProvidedApisCard = ({variant = "gridItem"}) => {
   });
 };
 
-const ConsumingComponentsCard = ({variant = "gridItem"}) => {
-  const {entity} = useEntity();
-  const {entities, loading, error} = useRelatedEntities(entity, {
+const ConsumingComponentsCard = ({ variant = "gridItem" }) => {
+  const { entity } = useEntity();
+  const { entities, loading, error } = useRelatedEntities(entity, {
     type: RELATION_API_CONSUMED_BY
   });
   if (loading) {
@@ -303,7 +303,7 @@ const ConsumingComponentsCard = ({variant = "gridItem"}) => {
     title: "Consumers",
     variant,
     emptyContent: /* @__PURE__ */ React.createElement("div", {
-      style: {textAlign: "center"}
+      style: { textAlign: "center" }
     }, /* @__PURE__ */ React.createElement(Typography, {
       variant: "body1"
     }, "No component consumes this API."), /* @__PURE__ */ React.createElement(Typography, {
@@ -316,9 +316,9 @@ const ConsumingComponentsCard = ({variant = "gridItem"}) => {
   });
 };
 
-const ProvidingComponentsCard = ({variant = "gridItem"}) => {
-  const {entity} = useEntity();
-  const {entities, loading, error} = useRelatedEntities(entity, {
+const ProvidingComponentsCard = ({ variant = "gridItem" }) => {
+  const { entity } = useEntity();
+  const { entities, loading, error } = useRelatedEntities(entity, {
     type: RELATION_API_PROVIDED_BY
   });
   if (loading) {
@@ -344,7 +344,7 @@ const ProvidingComponentsCard = ({variant = "gridItem"}) => {
     title: "Providers",
     variant,
     emptyContent: /* @__PURE__ */ React.createElement("div", {
-      style: {textAlign: "center"}
+      style: { textAlign: "center" }
     }, /* @__PURE__ */ React.createElement(Typography, {
       variant: "body1"
     }, "No component provides this API."), /* @__PURE__ */ React.createElement(Typography, {
@@ -357,11 +357,8 @@ const ProvidingComponentsCard = ({variant = "gridItem"}) => {
   });
 };
 
-const NoIcon = () => null;
 const rootRoute = createRouteRef({
-  icon: NoIcon,
-  path: "/api-docs",
-  title: "APIs"
+  id: "api-docs"
 });
 const createComponentRouteRef = createExternalRouteRef({
   id: "create-component",
@@ -393,45 +390,45 @@ const apiDocsPlugin = createPlugin({
 });
 const ApiExplorerPage = apiDocsPlugin.provide(createRoutableExtension({
   name: "ApiExplorerPage",
-  component: () => import('./index-a11a0d9f.esm.js').then((m) => m.ApiExplorerPage),
+  component: () => import('./index-81066cec.esm.js').then((m) => m.ApiExplorerPage),
   mountPoint: rootRoute
 }));
 const EntityApiDefinitionCard = apiDocsPlugin.provide(createComponentExtension({
   name: "EntityApiDefinitionCard",
   component: {
-    lazy: () => import('./index-69af27cc.esm.js').then((m) => m.ApiDefinitionCard)
+    lazy: () => import('./index-f559083e.esm.js').then((m) => m.ApiDefinitionCard)
   }
 }));
 const EntityConsumedApisCard = apiDocsPlugin.provide(createComponentExtension({
   name: "EntityConsumedApisCard",
   component: {
-    lazy: () => import('./index-47e93b67.esm.js').then((m) => m.ConsumedApisCard)
+    lazy: () => import('./index-75e11fdf.esm.js').then((m) => m.ConsumedApisCard)
   }
 }));
 const EntityConsumingComponentsCard = apiDocsPlugin.provide(createComponentExtension({
   name: "EntityConsumingComponentsCard",
   component: {
-    lazy: () => import('./index-7b56f9d6.esm.js').then((m) => m.ConsumingComponentsCard)
+    lazy: () => import('./index-00ee1634.esm.js').then((m) => m.ConsumingComponentsCard)
   }
 }));
 const EntityProvidedApisCard = apiDocsPlugin.provide(createComponentExtension({
   name: "EntityProvidedApisCard",
   component: {
-    lazy: () => import('./index-47e93b67.esm.js').then((m) => m.ProvidedApisCard)
+    lazy: () => import('./index-75e11fdf.esm.js').then((m) => m.ProvidedApisCard)
   }
 }));
 const EntityProvidingComponentsCard = apiDocsPlugin.provide(createComponentExtension({
   name: "EntityProvidingComponentsCard",
   component: {
-    lazy: () => import('./index-7b56f9d6.esm.js').then((m) => m.ProvidingComponentsCard)
+    lazy: () => import('./index-00ee1634.esm.js').then((m) => m.ProvidingComponentsCard)
   }
 }));
 const EntityHasApisCard = apiDocsPlugin.provide(createComponentExtension({
   name: "EntityHasApisCard",
   component: {
-    lazy: () => import('./index-47e93b67.esm.js').then((m) => m.HasApisCard)
+    lazy: () => import('./index-75e11fdf.esm.js').then((m) => m.HasApisCard)
   }
 }));
 
 export { ApiDefinitionCard as A, ConsumedApisCard as C, EntityApiDefinitionCard as E, HasApisCard as H, OpenApiDefinitionWidget as O, ProvidedApisCard as P, ApiTypeTitle as a, ConsumingComponentsCard as b, createComponentRouteRef as c, defaultDefinitionWidgets as d, ProvidingComponentsCard as e, apiDocsConfigRef as f, apiDocsPlugin as g, ApiExplorerPage as h, EntityConsumedApisCard as i, EntityConsumingComponentsCard as j, EntityHasApisCard as k, EntityProvidedApisCard as l, EntityProvidingComponentsCard as m, AsyncApiDefinitionWidget as n, PlainApiDefinitionWidget as o };
-//# sourceMappingURL=index-dbcc0856.esm.js.map
+//# sourceMappingURL=index-2caea1c7.esm.js.map