@backstage/plugin-api-docs 0.6.10 → 0.6.14

package/CHANGELOG.md

@@ -1,5 +1,56 @@
 # @backstage/plugin-api-docs
 
+## 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
+
+- 044c38e739: Lazy load all API definition widgets. The widgets use libraries like
+  `swagger-ui`, `graphiql`, and `@asyncapi/react-component` which are quite heavy
+  weight. To improve initial load times, the widgets are only loaded once used.
+- Updated dependencies
+  - @backstage/core-components@0.7.3
+  - @backstage/theme@0.2.13
+  - @backstage/core-plugin-api@0.1.13
+  - @backstage/plugin-catalog-react@0.6.3
+
+## 0.6.12
+
+### Patch Changes
+
+- d03ee85ff8: Bump `swagger-ui-react` to `^4.0.0-rc.3`.
+- 3c50c86604: Remove unused dependency on material-icons/font
+- 6ed423c139: lock down the `swagger-client`
+- b6ab93c421: Add actions props to the ApiExplorerPage
+- Updated dependencies
+  - @backstage/plugin-catalog-react@0.6.0
+  - @backstage/plugin-catalog@0.7.1
+  - @backstage/core-components@0.7.0
+  - @backstage/theme@0.2.11
+
+## 0.6.11
+
+### Patch Changes
+
+- 81a41ec249: Added a `name` key to all extensions in order to improve Analytics API metadata.
+- Updated dependencies
+  - @backstage/core-components@0.6.1
+  - @backstage/core-plugin-api@0.1.10
+  - @backstage/plugin-catalog@0.7.0
+  - @backstage/plugin-catalog-react@0.5.2
+  - @backstage/catalog-model@0.9.4
+
 ## 0.6.10
 
 ### Patch Changes

package/dist/esm/AsyncApiDefinition-21854d8d.esm.js

@@ -0,0 +1,116 @@
+import AsyncApi from '@asyncapi/react-component';
+import '@asyncapi/react-component/lib/styles/fiori.css';
+import { makeStyles, alpha } from '@material-ui/core/styles';
+import React from 'react';
+
+const useStyles = makeStyles((theme) => ({
+  root: {
+    "& .asyncapi": {
+      "font-family": "inherit",
+      background: "none"
+    },
+    "& h2": {
+      ...theme.typography.h6
+    },
+    "& .text-teal": {
+      color: theme.palette.primary.main
+    },
+    "& button": {
+      ...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",
+        "&.Mui-disabled": {
+          backgroundColor: "transparent"
+        },
+        border: `1px solid ${theme.palette.primary.main}`,
+        backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.hoverOpacity),
+        "@media (hover: none)": {
+          backgroundColor: "transparent"
+        }
+      },
+      "&.Mui-disabled": {
+        color: theme.palette.action.disabled
+      }
+    },
+    "& .asyncapi__collapse-button:hover": {
+      color: theme.palette.primary.main
+    },
+    "& button.asyncapi__toggle-button": {
+      "min-width": "inherit"
+    },
+    "& .asyncapi__info-list li": {
+      "border-color": theme.palette.primary.main,
+      "&:hover": {
+        color: theme.palette.text.primary,
+        "border-color": theme.palette.primary.main,
+        "background-color": theme.palette.primary.main
+      }
+    },
+    "& .asyncapi__info-list li a": {
+      color: theme.palette.primary.main,
+      "&:hover": {
+        color: theme.palette.getContrastText(theme.palette.primary.main)
+      }
+    },
+    "& .asyncapi__enum": {
+      color: theme.palette.secondary.main
+    },
+    "& .asyncapi__info, .asyncapi__channel, .asyncapi__channels > div, .asyncapi__schema, .asyncapi__channel-operations-list .asyncapi__messages-list-item .asyncapi__message, .asyncapi__message, .asyncapi__server, .asyncapi__servers > div, .asyncapi__messages > div, .asyncapi__schemas > div": {
+      "background-color": "inherit"
+    },
+    "& .asyncapi__channel-parameters-header, .asyncapi__channel-operations-header, .asyncapi__channel-operation-oneOf-subscribe-header, .asyncapi__channel-operation-oneOf-publish-header, .asyncapi__channel-operation-message-header,  .asyncapi__message-header, .asyncapi__message-header-title, .asyncapi__message-header-title > h3, .asyncapi__bindings, .asyncapi__bindings-header, .asyncapi__bindings-header > h4": {
+      "background-color": "inherit",
+      color: theme.palette.text.primary
+    },
+    "& .asyncapi__additional-properties-notice": {
+      color: theme.palette.text.hint
+    },
+    "& .asyncapi__code, .asyncapi__code-pre": {
+      background: theme.palette.background.default
+    },
+    "& .asyncapi__schema-example-header-title": {
+      color: theme.palette.text.secondary
+    },
+    "& .asyncapi__message-headers-header, .asyncapi__message-payload-header, .asyncapi__server-variables-header, .asyncapi__server-security-header": {
+      "background-color": "inherit",
+      color: theme.palette.text.secondary
+    },
+    "& .asyncapi__table-header": {
+      background: theme.palette.background.default
+    },
+    "& .asyncapi__table-body": {
+      color: theme.palette.text.primary
+    },
+    "& .asyncapi__server-security-flow": {
+      background: theme.palette.background.default,
+      border: "none"
+    },
+    "& .asyncapi__server-security-flows-list a": {
+      color: theme.palette.primary.main
+    },
+    "& .asyncapi__table-row--nested": {
+      color: theme.palette.text.secondary
+    }
+  }
+}));
+const AsyncApiDefinition = ({definition}) => {
+  const classes = useStyles();
+  return /* @__PURE__ */ React.createElement("div", {
+    className: classes.root
+  }, /* @__PURE__ */ React.createElement(AsyncApi, {
+    schema: definition
+  }));
+};
+
+export { AsyncApiDefinition };
+//# sourceMappingURL=AsyncApiDefinition-21854d8d.esm.js.map

package/dist/esm/AsyncApiDefinition-21854d8d.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncApiDefinition-21854d8d.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/lib/styles/fiori.css';\nimport { alpha, makeStyles } from '@material-ui/core/styles';\nimport React from 'react';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    '& .asyncapi': {\n      'font-family': 'inherit',\n      background: 'none',\n    },\n    '& h2': {\n      ...theme.typography.h6,\n    },\n    '& .text-teal': {\n      color: theme.palette.primary.main,\n    },\n    '& button': {\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        '&.Mui-disabled': {\n          backgroundColor: 'transparent',\n        },\n        border: `1px solid ${theme.palette.primary.main}`,\n        backgroundColor: alpha(\n          theme.palette.primary.main,\n          theme.palette.action.hoverOpacity,\n        ),\n        // Reset on touch devices, it doesn't add specificity\n        '@media (hover: none)': {\n          backgroundColor: 'transparent',\n        },\n      },\n      '&.Mui-disabled': {\n        color: theme.palette.action.disabled,\n      },\n    },\n    '& .asyncapi__collapse-button:hover': {\n      color: theme.palette.primary.main,\n    },\n    '& button.asyncapi__toggle-button': {\n      'min-width': 'inherit',\n    },\n    '& .asyncapi__info-list li': {\n      'border-color': theme.palette.primary.main,\n      '&:hover': {\n        color: theme.palette.text.primary,\n        'border-color': theme.palette.primary.main,\n        'background-color': theme.palette.primary.main,\n      },\n    },\n    '& .asyncapi__info-list li a': {\n      color: theme.palette.primary.main,\n      '&:hover': {\n        color: theme.palette.getContrastText(theme.palette.primary.main),\n      },\n    },\n    '& .asyncapi__enum': {\n      color: theme.palette.secondary.main,\n    },\n    '& .asyncapi__info, .asyncapi__channel, .asyncapi__channels > div, .asyncapi__schema, .asyncapi__channel-operations-list .asyncapi__messages-list-item .asyncapi__message, .asyncapi__message, .asyncapi__server, .asyncapi__servers > div, .asyncapi__messages > div, .asyncapi__schemas > div':\n      {\n        'background-color': 'inherit',\n      },\n    '& .asyncapi__channel-parameters-header, .asyncapi__channel-operations-header, .asyncapi__channel-operation-oneOf-subscribe-header, .asyncapi__channel-operation-oneOf-publish-header, .asyncapi__channel-operation-message-header,  .asyncapi__message-header, .asyncapi__message-header-title, .asyncapi__message-header-title > h3, .asyncapi__bindings, .asyncapi__bindings-header, .asyncapi__bindings-header > h4':\n      {\n        'background-color': 'inherit',\n        color: theme.palette.text.primary,\n      },\n    '& .asyncapi__additional-properties-notice': {\n      color: theme.palette.text.hint,\n    },\n    '& .asyncapi__code, .asyncapi__code-pre': {\n      background: theme.palette.background.default,\n    },\n    '& .asyncapi__schema-example-header-title': {\n      color: theme.palette.text.secondary,\n    },\n    '& .asyncapi__message-headers-header, .asyncapi__message-payload-header, .asyncapi__server-variables-header, .asyncapi__server-security-header':\n      {\n        'background-color': 'inherit',\n        color: theme.palette.text.secondary,\n      },\n    '& .asyncapi__table-header': {\n      background: theme.palette.background.default,\n    },\n    '& .asyncapi__table-body': {\n      color: theme.palette.text.primary,\n    },\n    '& .asyncapi__server-security-flow': {\n      background: theme.palette.background.default,\n      border: 'none',\n    },\n    '& .asyncapi__server-security-flows-list a': {\n      color: theme.palette.primary.main,\n    },\n    '& .asyncapi__table-row--nested': {\n      color: theme.palette.text.secondary,\n    },\n  },\n}));\n\ntype Props = {\n  definition: string;\n};\n\nexport const AsyncApiDefinition = ({ definition }: Props) => {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.root}>\n      <AsyncApi schema={definition} />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;AAqBA,MAAM,YAAY,WAAW;AAAU,EACrC,MAAM;AAAA,IACJ,eAAe;AAAA,MACb,eAAe;AAAA,MACf,YAAY;AAAA;AAAA,IAEd,QAAQ;AAAA,SACH,MAAM,WAAW;AAAA;AAAA,IAEtB,gBAAgB;AAAA,MACd,OAAO,MAAM,QAAQ,QAAQ;AAAA;AAAA,IAE/B,YAAY;AAAA,SACP,MAAM,WAAW;AAAA,MACpB,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,UAAU;AAAA,MACV,cAAc,MAAM,MAAM;AAAA,MAC1B,YAAY,MAAM,YAAY,OAC5B,CAAC,oBAAoB,cAAc,WACnC;AAAA,QACE,UAAU,MAAM,YAAY,SAAS;AAAA;AAAA,MAGzC,SAAS;AAAA,MACT,OAAO,MAAM,QAAQ,QAAQ;AAAA,MAC7B,QAAQ,aAAa,MAAM,MAAM,QAAQ,QAAQ,MAAM;AAAA,MACvD,WAAW;AAAA,QACT,gBAAgB;AAAA,QAChB,kBAAkB;AAAA,UAChB,iBAAiB;AAAA;AAAA,QAEnB,QAAQ,aAAa,MAAM,QAAQ,QAAQ;AAAA,QAC3C,iBAAiB,MACf,MAAM,QAAQ,QAAQ,MACtB,MAAM,QAAQ,OAAO;AAAA,QAGvB,wBAAwB;AAAA,UACtB,iBAAiB;AAAA;AAAA;AAAA,MAGrB,kBAAkB;AAAA,QAChB,OAAO,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA,IAGhC,sCAAsC;AAAA,MACpC,OAAO,MAAM,QAAQ,QAAQ;AAAA;AAAA,IAE/B,oCAAoC;AAAA,MAClC,aAAa;AAAA;AAAA,IAEf,6BAA6B;AAAA,MAC3B,gBAAgB,MAAM,QAAQ,QAAQ;AAAA,MACtC,WAAW;AAAA,QACT,OAAO,MAAM,QAAQ,KAAK;AAAA,QAC1B,gBAAgB,MAAM,QAAQ,QAAQ;AAAA,QACtC,oBAAoB,MAAM,QAAQ,QAAQ;AAAA;AAAA;AAAA,IAG9C,+BAA+B;AAAA,MAC7B,OAAO,MAAM,QAAQ,QAAQ;AAAA,MAC7B,WAAW;AAAA,QACT,OAAO,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,QAAQ;AAAA;AAAA;AAAA,IAG/D,qBAAqB;AAAA,MACnB,OAAO,MAAM,QAAQ,UAAU;AAAA;AAAA,IAEjC,kSACE;AAAA,MACE,oBAAoB;AAAA;AAAA,IAExB,0ZACE;AAAA,MACE,oBAAoB;AAAA,MACpB,OAAO,MAAM,QAAQ,KAAK;AAAA;AAAA,IAE9B,6CAA6C;AAAA,MAC3C,OAAO,MAAM,QAAQ,KAAK;AAAA;AAAA,IAE5B,0CAA0C;AAAA,MACxC,YAAY,MAAM,QAAQ,WAAW;AAAA;AAAA,IAEvC,4CAA4C;AAAA,MAC1C,OAAO,MAAM,QAAQ,KAAK;AAAA;AAAA,IAE5B,iJACE;AAAA,MACE,oBAAoB;AAAA,MACpB,OAAO,MAAM,QAAQ,KAAK;AAAA;AAAA,IAE9B,6BAA6B;AAAA,MAC3B,YAAY,MAAM,QAAQ,WAAW;AAAA;AAAA,IAEvC,2BAA2B;AAAA,MACzB,OAAO,MAAM,QAAQ,KAAK;AAAA;AAAA,IAE5B,qCAAqC;AAAA,MACnC,YAAY,MAAM,QAAQ,WAAW;AAAA,MACrC,QAAQ;AAAA;AAAA,IAEV,6CAA6C;AAAA,MAC3C,OAAO,MAAM,QAAQ,QAAQ;AAAA;AAAA,IAE/B,kCAAkC;AAAA,MAChC,OAAO,MAAM,QAAQ,KAAK;AAAA;AAAA;AAAA;MASnB,qBAAqB,CAAC,CAAE,gBAAwB;AAC3D,QAAM,UAAU;AAEhB,6CACG,OAAD;AAAA,IAAK,WAAW,QAAQ;AAAA,yCACrB,UAAD;AAAA,IAAU,QAAQ;AAAA;AAAA;;;;"}

package/dist/esm/GraphQlDefinition-547f34fe.esm.js

@@ -0,0 +1,41 @@
+import { makeStyles } from '@material-ui/core/styles';
+import GraphiQL from 'graphiql';
+import 'graphiql/graphiql.css';
+import { buildSchema } from 'graphql';
+import React from 'react';
+
+const useStyles = makeStyles(() => ({
+  root: {
+    height: "100%",
+    display: "flex",
+    flexFlow: "column nowrap"
+  },
+  graphiQlWrapper: {
+    flex: 1,
+    "@global": {
+      ".graphiql-container": {
+        boxSizing: "initial",
+        height: "100%",
+        minHeight: "600px",
+        flex: "1 1 auto"
+      }
+    }
+  }
+}));
+const GraphQlDefinition = ({definition}) => {
+  const classes = useStyles();
+  const schema = buildSchema(definition);
+  return /* @__PURE__ */ React.createElement("div", {
+    className: classes.root
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: classes.graphiQlWrapper
+  }, /* @__PURE__ */ React.createElement(GraphiQL, {
+    fetcher: () => Promise.resolve(null),
+    schema,
+    docExplorerOpen: true,
+    defaultSecondaryEditorOpen: false
+  })));
+};
+
+export { GraphQlDefinition };
+//# sourceMappingURL=GraphQlDefinition-547f34fe.esm.js.map

package/dist/esm/GraphQlDefinition-547f34fe.esm.js.map

@@ -0,0 +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;;;;"}

package/dist/esm/OpenApiDefinition-c327180d.esm.js

@@ -0,0 +1,109 @@
+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: "inherit",
+      color: theme.palette.text.primary,
+      [`& .info h1,
+          .info h2,
+          .info h3,
+          .info h4,
+          .info h5,
+          .info h6`]: {
+        fontFamily: "inherit",
+        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: "inherit",
+        color: theme.palette.text.primary,
+        borderColor: theme.palette.divider
+      },
+      [`& section.models,
+          section.models.is-open h4`]: {
+        borderColor: theme.palette.divider
+      },
+      [`& .opblock .opblock-summary-description,
+          .parameter__type,
+          table.headers td,
+          .model-title,
+          .model .property.primitive,
+          section h3`]: {
+        fontFamily: "inherit",
+        color: theme.palette.text.secondary
+      },
+      [`& .opblock .opblock-summary-operation-id, 
+          .opblock .opblock-summary-path,
+          .opblock .opblock-summary-path__deprecated,
+          .opblock .opblock-section-header h4,
+          .parameter__name,
+          .response-col_status,
+          .response-col_links,
+          .responses-inner h4,
+          .responses-inner h5,
+          .opblock-section-header .btn,
+          .tab li,
+          .info li,
+          .info p,
+          .info table,
+          section.models h4,
+          .info .title,
+          table.model tr.description,
+          .property-row`]: {
+        fontFamily: "inherit",
+        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
+      },
+      [`& .opblock-description-wrapper p,
+          .opblock-external-docs-wrapper p,
+          .opblock-title_normal p,
+          .response-control-media-type__accept-message,
+          .opblock .opblock-section-header>label,
+          .scheme-container .schemes>label,
+          .info .base-url,
+          .model`]: {
+        color: theme.palette.text.hint
+      },
+      [`& .parameter__name.required:after`]: {
+        color: theme.palette.warning.dark
+      },
+      [`& .prop-type`]: {
+        color: theme.palette.primary.main
+      }
+    }
+  }
+}));
+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-c327180d.esm.js.map

package/dist/esm/OpenApiDefinition-c327180d.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenApiDefinition-c327180d.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: 'inherit',\n      color: theme.palette.text.primary,\n\n      [`& .info h1,\n          .info h2,\n          .info h3,\n          .info h4,\n          .info h5,\n          .info h6`]: {\n        fontFamily: 'inherit',\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: 'inherit',\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      [`& .opblock .opblock-summary-description,\n          .parameter__type,\n          table.headers td,\n          .model-title,\n          .model .property.primitive,\n          section h3`]: {\n        fontFamily: 'inherit',\n        color: theme.palette.text.secondary,\n      },\n      [`& .opblock .opblock-summary-operation-id, \n          .opblock .opblock-summary-path,\n          .opblock .opblock-summary-path__deprecated,\n          .opblock .opblock-section-header h4,\n          .parameter__name,\n          .response-col_status,\n          .response-col_links,\n          .responses-inner h4,\n          .responses-inner h5,\n          .opblock-section-header .btn,\n          .tab li,\n          .info li,\n          .info p,\n          .info table,\n          section.models h4,\n          .info .title,\n          table.model tr.description,\n          .property-row`]: {\n        fontFamily: 'inherit',\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      [`& .opblock-description-wrapper p,\n          .opblock-external-docs-wrapper p,\n          .opblock-title_normal p,\n          .response-control-media-type__accept-message,\n          .opblock .opblock-section-header>label,\n          .scheme-container .schemes>label,\n          .info .base-url,\n          .model`]: {\n        color: theme.palette.text.hint,\n      },\n      [`& .parameter__name.required:after`]: {\n        color: theme.palette.warning.dark,\n      },\n      [`& .prop-type`]: {\n        color: theme.palette.primary.main,\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;AAAA,MACZ,OAAO,MAAM,QAAQ,KAAK;AAAA,OAEzB;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKe;AAAA,QACd,YAAY;AAAA,QACZ,OAAO,MAAM,QAAQ,KAAK;AAAA;AAAA,OAE3B,wBAAwB;AAAA,QACvB,iBAAiB,MAAM,QAAQ,WAAW;AAAA;AAAA,OAE3C;AAAA;AAAA;AAAA,+BAGwB;AAAA,QACvB,YAAY;AAAA,QACZ,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;AAAA;AAAA;AAAA,wBAKiB;AAAA,QAChB,YAAY;AAAA,QACZ,OAAO,MAAM,QAAQ,KAAK;AAAA;AAAA,OAE3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAiBoB;AAAA,QACnB,YAAY;AAAA,QACZ,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,oBAOa;AAAA,QACZ,OAAO,MAAM,QAAQ,KAAK;AAAA;AAAA,OAE3B,sCAAsC;AAAA,QACrC,OAAO,MAAM,QAAQ,QAAQ;AAAA;AAAA,OAE9B,iBAAiB;AAAA,QAChB,OAAO,MAAM,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;MAUxB,oBAAoB,CAAC,CAAE,gBAAyC;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-4e33f1a0.esm.js → index-03bfdd77.esm.js}

@@ -3,15 +3,8 @@ import { useApi, configApiRef, useRouteRef } from '@backstage/core-plugin-api';
 import { CatalogTable, FilteredEntityLayout, FilterContainer, EntityListContainer } from '@backstage/plugin-catalog';
 import { EntityListProvider, EntityKindPicker, EntityTypePicker, UserListPicker, EntityOwnerPicker, EntityLifecyclePicker, EntityTagPicker } from '@backstage/plugin-catalog-react';
 import React from 'react';
-import { c as createComponentRouteRef } from './index-a62a80fd.esm.js';
+import { c as createComponentRouteRef } from './index-4fecc409.esm.js';
 import '@material-ui/lab';
-import '@asyncapi/react-component';
-import '@asyncapi/react-component/lib/styles/fiori.css';
-import '@material-ui/core/styles';
-import 'graphiql/graphiql.css';
-import 'graphql';
-import 'swagger-ui-react';
-import 'swagger-ui-react/swagger-ui.css';
 import '@backstage/catalog-model';
 import '@material-ui/core';
 
@@ -26,7 +19,8 @@ const defaultColumns = [
 ];
 const ApiExplorerPage = ({
   initiallySelectedFilter = "all",
-  columns
+  columns,
+  actions
 }) => {
   var _a;
   const configApi = useApi(configApiRef);
@@ -48,9 +42,10 @@ const ApiExplorerPage = ({
   }), /* @__PURE__ */ React.createElement(EntityTypePicker, null), /* @__PURE__ */ React.createElement(UserListPicker, {
     initialFilter: initiallySelectedFilter
   }), /* @__PURE__ */ React.createElement(EntityOwnerPicker, null), /* @__PURE__ */ React.createElement(EntityLifecyclePicker, null), /* @__PURE__ */ React.createElement(EntityTagPicker, null)), /* @__PURE__ */ React.createElement(EntityListContainer, null, /* @__PURE__ */ React.createElement(CatalogTable, {
-    columns: columns || defaultColumns
+    columns: columns || defaultColumns,
+    actions
   }))))));
 };
 
 export { ApiExplorerPage };
-//# sourceMappingURL=index-4e33f1a0.esm.js.map
+//# sourceMappingURL=index-03bfdd77.esm.js.map

package/dist/esm/index-03bfdd77.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-03bfdd77.esm.js","sources":["../../src/components/ApiExplorerPage/ApiExplorerPage.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 {\n  Content,\n  ContentHeader,\n  CreateButton,\n  PageWithHeader,\n  SupportButton,\n  TableColumn,\n  TableProps,\n} from '@backstage/core-components';\nimport { configApiRef, useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport {\n  CatalogTable,\n  CatalogTableRow,\n  FilteredEntityLayout,\n  EntityListContainer,\n  FilterContainer,\n} from '@backstage/plugin-catalog';\nimport {\n  EntityKindPicker,\n  EntityLifecyclePicker,\n  EntityListProvider,\n  EntityOwnerPicker,\n  EntityTagPicker,\n  EntityTypePicker,\n  UserListFilterKind,\n  UserListPicker,\n} from '@backstage/plugin-catalog-react';\nimport React from 'react';\nimport { createComponentRouteRef } from '../../routes';\n\nconst defaultColumns: TableColumn<CatalogTableRow>[] = [\n  CatalogTable.columns.createNameColumn({ defaultKind: 'API' }),\n  CatalogTable.columns.createSystemColumn(),\n  CatalogTable.columns.createOwnerColumn(),\n  CatalogTable.columns.createSpecTypeColumn(),\n  CatalogTable.columns.createSpecLifecycleColumn(),\n  CatalogTable.columns.createMetadataDescriptionColumn(),\n  CatalogTable.columns.createTagsColumn(),\n];\n\ntype ApiExplorerPageProps = {\n  initiallySelectedFilter?: UserListFilterKind;\n  columns?: TableColumn<CatalogTableRow>[];\n  actions?: TableProps<CatalogTableRow>['actions'];\n};\n\nexport const ApiExplorerPage = ({\n  initiallySelectedFilter = 'all',\n  columns,\n  actions,\n}: ApiExplorerPageProps) => {\n  const configApi = useApi(configApiRef);\n  const generatedSubtitle = `${\n    configApi.getOptionalString('organization.name') ?? 'Backstage'\n  } API Explorer`;\n  const createComponentLink = useRouteRef(createComponentRouteRef);\n\n  return (\n    <PageWithHeader\n      themeId=\"apis\"\n      title=\"APIs\"\n      subtitle={generatedSubtitle}\n      pageTitleOverride=\"APIs\"\n    >\n      <Content>\n        <ContentHeader title=\"\">\n          <CreateButton\n            title=\"Register Existing API\"\n            to={createComponentLink?.()}\n          />\n          <SupportButton>All your APIs</SupportButton>\n        </ContentHeader>\n        <EntityListProvider>\n          <FilteredEntityLayout>\n            <FilterContainer>\n              <EntityKindPicker initialFilter=\"api\" hidden />\n              <EntityTypePicker />\n              <UserListPicker initialFilter={initiallySelectedFilter} />\n              <EntityOwnerPicker />\n              <EntityLifecyclePicker />\n              <EntityTagPicker />\n            </FilterContainer>\n            <EntityListContainer>\n              <CatalogTable\n                columns={columns || defaultColumns}\n                actions={actions}\n              />\n            </EntityListContainer>\n          </FilteredEntityLayout>\n        </EntityListProvider>\n      </Content>\n    </PageWithHeader>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AA8CA,MAAM,iBAAiD;AAAA,EACrD,aAAa,QAAQ,iBAAiB,CAAE,aAAa;AAAA,EACrD,aAAa,QAAQ;AAAA,EACrB,aAAa,QAAQ;AAAA,EACrB,aAAa,QAAQ;AAAA,EACrB,aAAa,QAAQ;AAAA,EACrB,aAAa,QAAQ;AAAA,EACrB,aAAa,QAAQ;AAAA;MASV,kBAAkB,CAAC;AAAA,EAC9B,0BAA0B;AAAA,EAC1B;AAAA,EACA;AAAA,MAC0B;AAlE5B;AAmEE,QAAM,YAAY,OAAO;AACzB,QAAM,oBAAoB,GACxB,gBAAU,kBAAkB,yBAA5B,YAAoD;AAEtD,QAAM,sBAAsB,YAAY;AAExC,6CACG,gBAAD;AAAA,IACE,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,UAAU;AAAA,IACV,mBAAkB;AAAA,yCAEjB,SAAD,0CACG,eAAD;AAAA,IAAe,OAAM;AAAA,yCAClB,cAAD;AAAA,IACE,OAAM;AAAA,IACN,IAAI;AAAA,0CAEL,eAAD,MAAe,uDAEhB,oBAAD,0CACG,sBAAD,0CACG,iBAAD,0CACG,kBAAD;AAAA,IAAkB,eAAc;AAAA,IAAM,QAAM;AAAA,0CAC3C,kBAAD,2CACC,gBAAD;AAAA,IAAgB,eAAe;AAAA,0CAC9B,mBAAD,2CACC,uBAAD,2CACC,iBAAD,4CAED,qBAAD,0CACG,cAAD;AAAA,IACE,SAAS,WAAW;AAAA,IACpB;AAAA;AAAA;;;;"}

package/dist/esm/index-2718cc46.esm.js

@@ -0,0 +1,9 @@
+export { C as ConsumedApisCard, H as HasApisCard, P as ProvidedApisCard } from './index-4fecc409.esm.js';
+import '@backstage/plugin-catalog-react';
+import '@material-ui/lab';
+import 'react';
+import '@backstage/core-plugin-api';
+import '@backstage/core-components';
+import '@backstage/catalog-model';
+import '@material-ui/core';
+//# sourceMappingURL=index-2718cc46.esm.js.map

package/dist/esm/index-2718cc46.esm.js.map

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

package/dist/esm/index-48ab55dd.esm.js

@@ -0,0 +1,9 @@
+export { b as ConsumingComponentsCard, e as ProvidingComponentsCard } from './index-4fecc409.esm.js';
+import '@backstage/plugin-catalog-react';
+import '@material-ui/lab';
+import 'react';
+import '@backstage/core-plugin-api';
+import '@backstage/core-components';
+import '@backstage/catalog-model';
+import '@material-ui/core';
+//# sourceMappingURL=index-48ab55dd.esm.js.map

package/dist/esm/index-48ab55dd.esm.js.map

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