@backstage-community/plugin-tech-insights 0.3.33 → 0.3.35

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @backstage-community/plugin-tech-insights
 
+## 0.3.35
+
+### Patch Changes
+
+- 1d33996: Added support for links for checks. Static links are defined in the backend for each check. Dynamic links (based on the entity, e.g. to go to github repos, sonarqube projects, etc) are defined with functions in the frontend, when registering the tech-insights API. Two new components are added, TechInsightsCheckIcon and TechInsightsLinksMenu. The former to wrap a result icon with a popup menu with links, the second is the component to show the popup with links (which can be arbitrarily componsed in other UI views).
+- Updated dependencies [1d33996]
+  - @backstage-community/plugin-tech-insights-common@0.2.18
+
+## 0.3.34
+
+### Patch Changes
+
+- a84eb44: Move client to common package and allow to use backend auth system
+- Updated dependencies [a84eb44]
+  - @backstage-community/plugin-tech-insights-common@0.2.17
+
 ## 0.3.33
 
 ### Patch Changes

package/README.md

@@ -183,3 +183,57 @@ export const Root = ({ children }: PropsWithChildren<{}>) => (
   ...
 );
 ```
+
+## Custom views rendering tech-insights results
+
+If you create a custom view which renders tech-insights results, you can use the `TechInsightsCheckIcon`, which also (by default) is clickable and opens a popup menu with links for this particular check and entity.
+
+You can also render the icon using the tech-insights renderer or pass the `disableLinksMenu` prop to `TechInsightsCheckIcon` to disable the menu, and render it elsewhere, by importing `TechInsightsLinksMenu`.
+
+### Render the check icon with a popup menu for links
+
+```tsx
+import { TechInsightsCheckIcon } from '@backstage-community/plugin-tech-insights';
+
+export const MyComponent = () => {
+  const entity = getEntitySomehow();
+  const result = getCheckResultSomehow();
+
+  return <TechInsightsCheckIcon result={result} entity={entity} />;
+};
+```
+
+### Render the popup menu for links
+
+You can render a custom component (like a button) which opens the popup menu with links.
+
+The menu will be anchored to an element, likely the button being pressed, or icon being clicked. The `setMenu` prop is used to get a function to open the menu.
+
+```tsx
+import {
+  TechInsightsLinksMenu,
+  ResultLinksMenuInfo,
+} from '@backstage-community/plugin-tech-insights';
+
+export const MyComponent = () => {
+  const entity = getEntitySomehow();
+  const result = getCheckResultSomehow();
+
+  const [menu, setMenu] = useState<ResultLinksMenuInfo | undefined>();
+
+  return (
+    <>
+      <Button
+        title="Show links"
+        disabled={!menu}
+        onClick={event => menu?.open(event.currentTarget)}
+      />
+      <TechInsightsLinksMenu
+        result={result}
+        entity={entity}
+        setMenu={setMenu}
+      />
+    </>
+  );
+};
+```

package/dist/api/TechInsightsApi.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TechInsightsApi.esm.js","sources":["../../src/api/TechInsightsApi.ts"],"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 { createApiRef } from '@backstage/core-plugin-api';\nimport {\n  CheckResult,\n  BulkCheckResponse,\n  FactSchema,\n} from '@backstage-community/plugin-tech-insights-common';\nimport { Check, InsightFacts } from './types';\nimport { CheckResultRenderer } from '../components/CheckResultRenderer';\nimport { CompoundEntityRef } from '@backstage/catalog-model';\n\n/**\n * {@link @backstage/core-plugin-api#ApiRef} for the {@link TechInsightsApi}\n *\n * @public\n */\nexport const techInsightsApiRef = createApiRef<TechInsightsApi>({\n  id: 'plugin.techinsights.service',\n});\n\n/**\n * API client interface for the Tech Insights plugin\n *\n * @public\n */\nexport interface TechInsightsApi {\n  getCheckResultRenderers: (types: string[]) => CheckResultRenderer[];\n  isCheckResultFailed: (check: CheckResult) => boolean;\n  getAllChecks(): Promise<Check[]>;\n  runChecks(\n    entityParams: CompoundEntityRef,\n    checks?: string[],\n  ): Promise<CheckResult[]>;\n  runBulkChecks(\n    entities: CompoundEntityRef[],\n    checks?: Check[],\n  ): Promise<BulkCheckResponse>;\n  getFacts(entity: CompoundEntityRef, facts: string[]): Promise<InsightFacts>;\n  getFactSchemas(): Promise<FactSchema[]>;\n}\n"],"names":[],"mappings":";;AA+BO,MAAM,qBAAqB,YAA8B,CAAA;AAAA,EAC9D,EAAI,EAAA,6BAAA;AACN,CAAC;;;;"}
+{"version":3,"file":"TechInsightsApi.esm.js","sources":["../../src/api/TechInsightsApi.ts"],"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 { createApiRef } from '@backstage/core-plugin-api';\nimport {\n  CheckResult,\n  BulkCheckResponse,\n  FactSchema,\n  CheckLink,\n} from '@backstage-community/plugin-tech-insights-common';\nimport { Check, InsightFacts } from './types';\nimport { CheckResultRenderer } from '../components/CheckResultRenderer';\nimport { CompoundEntityRef, Entity } from '@backstage/catalog-model';\n\n/**\n * {@link @backstage/core-plugin-api#ApiRef} for the {@link TechInsightsApi}\n *\n * @public\n */\nexport const techInsightsApiRef = createApiRef<TechInsightsApi>({\n  id: 'plugin.techinsights.service',\n});\n\n/**\n * API client interface for the Tech Insights plugin\n *\n * @public\n */\nexport interface TechInsightsApi {\n  getCheckResultRenderers: (types: string[]) => CheckResultRenderer[];\n  isCheckResultFailed: (check: CheckResult) => boolean;\n  getAllChecks(): Promise<Check[]>;\n  runChecks(\n    entityParams: CompoundEntityRef,\n    checks?: string[],\n  ): Promise<CheckResult[]>;\n  runBulkChecks(\n    entities: CompoundEntityRef[],\n    checks?: Check[],\n  ): Promise<BulkCheckResponse>;\n  getFacts(entity: CompoundEntityRef, facts: string[]): Promise<InsightFacts>;\n  getFactSchemas(): Promise<FactSchema[]>;\n  getLinksForEntity(\n    result: CheckResult,\n    entity: Entity,\n    options?: { includeStaticLinks?: boolean },\n  ): CheckLink[];\n}\n"],"names":[],"mappings":";;AAgCO,MAAM,qBAAqB,YAA8B,CAAA;AAAA,EAC9D,EAAI,EAAA,6BAAA;AACN,CAAC;;;;"}

package/dist/api/TechInsightsClient.esm.js

@@ -1,23 +1,13 @@
-import { ResponseError } from '@backstage/errors';
-import { stringifyEntityRef } from '@backstage/catalog-model';
+import { TechInsightsClient as TechInsightsClient$1 } from '@backstage-community/plugin-tech-insights-common/client';
 import { jsonRulesEngineCheckResultRenderer } from '../components/CheckResultRenderer.esm.js';
-import qs from 'qs';
 
-class TechInsightsClient {
-  discoveryApi;
-  identityApi;
+class TechInsightsClient extends TechInsightsClient$1 {
   renderers;
+  customGetEntityLinks;
   constructor(options) {
-    this.discoveryApi = options.discoveryApi;
-    this.identityApi = options.identityApi;
+    super(options);
     this.renderers = options.renderers;
-  }
-  async getFacts(entity, facts) {
-    const query = qs.stringify({
-      entity: stringifyEntityRef(entity),
-      ids: facts
-    });
-    return await this.api(`/facts/latest?${query}`);
+    this.customGetEntityLinks = options.getEntityLinks ?? (() => []);
   }
   getCheckResultRenderers(types) {
     const renderers = this.renderers ?? [jsonRulesEngineCheckResultRenderer];
@@ -32,55 +22,12 @@ class TechInsightsClient {
     }
     return true;
   }
-  async getAllChecks() {
-    return this.api("/checks");
-  }
-  async getFactSchemas() {
-    return this.api("/fact-schemas");
-  }
-  async runChecks(entityParams, checks) {
-    const { namespace, kind, name } = entityParams;
-    const requestBody = { checks };
-    return this.api(
-      `/checks/run/${encodeURIComponent(namespace)}/${encodeURIComponent(
-        kind
-      )}/${encodeURIComponent(name)}`,
-      {
-        method: "POST",
-        body: JSON.stringify(requestBody)
-      }
-    );
-  }
-  async runBulkChecks(entities, checks) {
-    const checkIds = checks ? checks.map((check) => check.id) : [];
-    const requestBody = {
-      entities,
-      checks: checkIds.length > 0 ? checkIds : void 0
-    };
-    return this.api("/checks/run", {
-      method: "POST",
-      body: JSON.stringify(requestBody)
-    });
-  }
-  async api(path, init) {
-    const url = await this.discoveryApi.getBaseUrl("tech-insights");
-    const { token } = await this.identityApi.getCredentials();
-    const headers = new Headers(init?.headers);
-    if (!headers.has("content-type"))
-      headers.set("content-type", "application/json");
-    if (token && !headers.has("authorization")) {
-      headers.set("authorization", `Bearer ${token}`);
+  getLinksForEntity(result, entity, options = {}) {
+    const links = this.customGetEntityLinks(result, entity);
+    if (options.includeStaticLinks) {
+      links.push(...result.check.links ?? []);
     }
-    const request = new Request(`${url}${path}`, {
-      ...init,
-      headers
-    });
-    return fetch(request).then(async (response) => {
-      if (!response.ok) {
-        throw await ResponseError.fromResponse(response);
-      }
-      return response.json();
-    });
+    return links;
   }
 }
 

package/dist/api/TechInsightsClient.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TechInsightsClient.esm.js","sources":["../../src/api/TechInsightsClient.ts"],"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 { TechInsightsApi } from './TechInsightsApi';\nimport {\n  BulkCheckResponse,\n  CheckResult,\n  FactSchema,\n} from '@backstage-community/plugin-tech-insights-common';\nimport { Check, InsightFacts } from './types';\nimport { DiscoveryApi, IdentityApi } from '@backstage/core-plugin-api';\nimport { ResponseError } from '@backstage/errors';\nimport {\n  CompoundEntityRef,\n  stringifyEntityRef,\n} from '@backstage/catalog-model';\n\nimport {\n  CheckResultRenderer,\n  jsonRulesEngineCheckResultRenderer,\n} from '../components/CheckResultRenderer';\nimport qs from 'qs';\n\n/** @public */\nexport class TechInsightsClient implements TechInsightsApi {\n  private readonly discoveryApi: DiscoveryApi;\n  private readonly identityApi: IdentityApi;\n  private readonly renderers?: CheckResultRenderer[];\n\n  constructor(options: {\n    discoveryApi: DiscoveryApi;\n    identityApi: IdentityApi;\n    renderers?: CheckResultRenderer[];\n  }) {\n    this.discoveryApi = options.discoveryApi;\n    this.identityApi = options.identityApi;\n    this.renderers = options.renderers;\n  }\n\n  async getFacts(\n    entity: CompoundEntityRef,\n    facts: string[],\n  ): Promise<InsightFacts> {\n    const query = qs.stringify({\n      entity: stringifyEntityRef(entity),\n      ids: facts,\n    });\n    return await this.api<InsightFacts>(`/facts/latest?${query}`);\n  }\n\n  getCheckResultRenderers(types: string[]): CheckResultRenderer[] {\n    const renderers = this.renderers ?? [jsonRulesEngineCheckResultRenderer];\n    return renderers.filter(d => types.includes(d.type));\n  }\n\n  isCheckResultFailed(check: CheckResult) {\n    const checkResultRenderers = this.getCheckResultRenderers([\n      check.check.type,\n    ]);\n    if (checkResultRenderers[0] && checkResultRenderers[0].isFailed) {\n      return checkResultRenderers[0].isFailed(check);\n    }\n    return true;\n  }\n\n  async getAllChecks(): Promise<Check[]> {\n    return this.api('/checks');\n  }\n\n  async getFactSchemas(): Promise<FactSchema[]> {\n    return this.api('/fact-schemas');\n  }\n\n  async runChecks(\n    entityParams: CompoundEntityRef,\n    checks?: string[],\n  ): Promise<CheckResult[]> {\n    const { namespace, kind, name } = entityParams;\n    const requestBody = { checks };\n    return this.api(\n      `/checks/run/${encodeURIComponent(namespace)}/${encodeURIComponent(\n        kind,\n      )}/${encodeURIComponent(name)}`,\n      {\n        method: 'POST',\n        body: JSON.stringify(requestBody),\n      },\n    );\n  }\n\n  async runBulkChecks(\n    entities: CompoundEntityRef[],\n    checks?: Check[],\n  ): Promise<BulkCheckResponse> {\n    const checkIds = checks ? checks.map(check => check.id) : [];\n    const requestBody = {\n      entities,\n      checks: checkIds.length > 0 ? checkIds : undefined,\n    };\n    return this.api('/checks/run', {\n      method: 'POST',\n      body: JSON.stringify(requestBody),\n    });\n  }\n\n  private async api<T>(path: string, init?: RequestInit): Promise<T> {\n    const url = await this.discoveryApi.getBaseUrl('tech-insights');\n    const { token } = await this.identityApi.getCredentials();\n\n    const headers: HeadersInit = new Headers(init?.headers);\n    if (!headers.has('content-type'))\n      headers.set('content-type', 'application/json');\n    if (token && !headers.has('authorization')) {\n      headers.set('authorization', `Bearer ${token}`);\n    }\n\n    const request = new Request(`${url}${path}`, {\n      ...init,\n      headers,\n    });\n\n    return fetch(request).then(async response => {\n      if (!response.ok) {\n        throw await ResponseError.fromResponse(response);\n      }\n      return response.json() as Promise<T>;\n    });\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TechInsightsClient.esm.js","sources":["../../src/api/TechInsightsClient.ts"],"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 { TechInsightsApi } from './TechInsightsApi';\nimport { DiscoveryApi, IdentityApi } from '@backstage/core-plugin-api';\nimport { TechInsightsClient as TechInsightsClientBase } from '@backstage-community/plugin-tech-insights-common/client';\nimport {\n  CheckLink,\n  CheckResult,\n} from '@backstage-community/plugin-tech-insights-common';\n\nimport {\n  CheckResultRenderer,\n  jsonRulesEngineCheckResultRenderer,\n} from '../components/CheckResultRenderer';\nimport { Entity } from '@backstage/catalog-model';\n\n/** @public */\nexport class TechInsightsClient\n  extends TechInsightsClientBase\n  implements TechInsightsApi\n{\n  private readonly renderers?: CheckResultRenderer[];\n  private readonly customGetEntityLinks: (\n    result: CheckResult,\n    entity: Entity,\n  ) => CheckLink[];\n\n  constructor(options: {\n    discoveryApi: DiscoveryApi;\n    identityApi: IdentityApi;\n    renderers?: CheckResultRenderer[];\n    getEntityLinks?: (result: CheckResult, entity: Entity) => CheckLink[];\n  }) {\n    super(options);\n    this.renderers = options.renderers;\n    this.customGetEntityLinks = options.getEntityLinks ?? (() => []);\n  }\n\n  getCheckResultRenderers(types: string[]): CheckResultRenderer[] {\n    const renderers = this.renderers ?? [jsonRulesEngineCheckResultRenderer];\n    return renderers.filter(d => types.includes(d.type));\n  }\n\n  isCheckResultFailed(check: CheckResult) {\n    const checkResultRenderers = this.getCheckResultRenderers([\n      check.check.type,\n    ]);\n    if (checkResultRenderers[0] && checkResultRenderers[0].isFailed) {\n      return checkResultRenderers[0].isFailed(check);\n    }\n    return true;\n  }\n\n  getLinksForEntity(\n    result: CheckResult,\n    entity: Entity,\n    options: { includeStaticLinks?: boolean } = {},\n  ): CheckLink[] {\n    const links = this.customGetEntityLinks(result, entity);\n    if (options.includeStaticLinks) {\n      links.push(...(result.check.links ?? []));\n    }\n    return links;\n  }\n}\n"],"names":["TechInsightsClientBase"],"mappings":";;;AA+BO,MAAM,2BACHA,oBAEV,CAAA;AAAA,EACmB,SAAA,CAAA;AAAA,EACA,oBAAA,CAAA;AAAA,EAKjB,YAAY,OAKT,EAAA;AACD,IAAA,KAAA,CAAM,OAAO,CAAA,CAAA;AACb,IAAA,IAAA,CAAK,YAAY,OAAQ,CAAA,SAAA,CAAA;AACzB,IAAA,IAAA,CAAK,oBAAuB,GAAA,OAAA,CAAQ,cAAmB,KAAA,MAAM,EAAC,CAAA,CAAA;AAAA,GAChE;AAAA,EAEA,wBAAwB,KAAwC,EAAA;AAC9D,IAAA,MAAM,SAAY,GAAA,IAAA,CAAK,SAAa,IAAA,CAAC,kCAAkC,CAAA,CAAA;AACvE,IAAA,OAAO,UAAU,MAAO,CAAA,CAAA,CAAA,KAAK,MAAM,QAAS,CAAA,CAAA,CAAE,IAAI,CAAC,CAAA,CAAA;AAAA,GACrD;AAAA,EAEA,oBAAoB,KAAoB,EAAA;AACtC,IAAM,MAAA,oBAAA,GAAuB,KAAK,uBAAwB,CAAA;AAAA,MACxD,MAAM,KAAM,CAAA,IAAA;AAAA,KACb,CAAA,CAAA;AACD,IAAA,IAAI,qBAAqB,CAAC,CAAA,IAAK,oBAAqB,CAAA,CAAC,EAAE,QAAU,EAAA;AAC/D,MAAA,OAAO,oBAAqB,CAAA,CAAC,CAAE,CAAA,QAAA,CAAS,KAAK,CAAA,CAAA;AAAA,KAC/C;AACA,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAAA,EAEA,iBACE,CAAA,MAAA,EACA,MACA,EAAA,OAAA,GAA4C,EAC/B,EAAA;AACb,IAAA,MAAM,KAAQ,GAAA,IAAA,CAAK,oBAAqB,CAAA,MAAA,EAAQ,MAAM,CAAA,CAAA;AACtD,IAAA,IAAI,QAAQ,kBAAoB,EAAA;AAC9B,MAAA,KAAA,CAAM,KAAK,GAAI,MAAA,CAAO,KAAM,CAAA,KAAA,IAAS,EAAG,CAAA,CAAA;AAAA,KAC1C;AACA,IAAO,OAAA,KAAA,CAAA;AAAA,GACT;AACF;;;;"}

package/dist/components/ResultCheckIcon/ResultCheckIcon.esm.js

@@ -0,0 +1,42 @@
+import React, { useState } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';
+import IconButton from '@material-ui/core/IconButton';
+import Alert from '@material-ui/lab/Alert';
+import { techInsightsApiRef } from '../../api/TechInsightsApi.esm.js';
+import '@backstage-community/plugin-tech-insights-common/client';
+import '@material-ui/icons/CheckCircleOutline';
+import '@material-ui/icons/ErrorOutline';
+import { ResultLinksMenu } from '../ResultLinksMenu/ResultLinksMenu.esm.js';
+
+const ResultCheckIcon = (props) => {
+  const {
+    result,
+    entity,
+    disableLinksMenu,
+    componentProps,
+    missingRendererComponent = /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, "Unknown type.")
+  } = props;
+  const Component = props.component ?? ListItemSecondaryAction;
+  const api = useApi(techInsightsApiRef);
+  const checkResultRenderer = props.checkResultRenderer ?? api.getCheckResultRenderers([result.check.type])[0];
+  const [menu, setMenu] = useState();
+  const iconComponent = checkResultRenderer?.component(result);
+  const wrapActions = (component) => {
+    if (!menu) {
+      return component;
+    }
+    return /* @__PURE__ */ React.createElement(
+      Component,
+      {
+        ...componentProps,
+        onClick: (event) => menu?.open(event.currentTarget)
+      },
+      /* @__PURE__ */ React.createElement(IconButton, { edge: "end", "aria-label": "comments" }, component)
+    );
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, !disableLinksMenu && /* @__PURE__ */ React.createElement(ResultLinksMenu, { result, entity, setMenu }), wrapActions(iconComponent ?? missingRendererComponent));
+};
+
+export { ResultCheckIcon };
+//# sourceMappingURL=ResultCheckIcon.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResultCheckIcon.esm.js","sources":["../../../src/components/ResultCheckIcon/ResultCheckIcon.tsx"],"sourcesContent":["/*\n * Copyright 2024 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, {\n  ComponentProps,\n  ComponentType,\n  MouseEventHandler,\n  ReactNode,\n  useState,\n} from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { CheckResult } from '@backstage-community/plugin-tech-insights-common';\nimport { Entity } from '@backstage/catalog-model';\n\nimport ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';\nimport IconButton from '@material-ui/core/IconButton';\nimport Alert from '@material-ui/lab/Alert';\n\nimport { techInsightsApiRef } from '../../api';\nimport { CheckResultRenderer } from '../CheckResultRenderer';\nimport { ResultLinksMenu, ResultLinksMenuInfo } from '../ResultLinksMenu';\n\n/** @public */\nexport type ResultCheckIconBaseComponent = ComponentType<{\n  onClick?: MouseEventHandler | undefined;\n}>;\n\n/**\n * ResultCheckIcon props\n *\n * The only necessary prop is {@link ResultCheckIconProps.result}, but if\n * {@link ResultCheckIconProps.entity} is provided, the popup menu with links\n * will also include links specifically for this entity.\n *\n * @public\n */\nexport interface ResultCheckIconProps<C extends ResultCheckIconBaseComponent> {\n  /**\n   * The CheckResult object to create an icon for\n   */\n  result: CheckResult;\n  /**\n   * The entity for which this check result is created. This is optional, but if\n   * provided, entity-specific links will be added to the popup menu, if any.\n   */\n  entity?: Entity;\n  /**\n   * This can optionally be provided, with a small performance improvement, if\n   * it is already cashed upstream.\n   */\n  checkResultRenderer?: CheckResultRenderer;\n  /**\n   * Will disable the popup menu\n   */\n  disableLinksMenu?: boolean;\n  /**\n   * By default, the icon (and the parent `IconButton`) is wrapped inside a\n   * `ListItemSecondaryAction` which handles the `onClick` to open the popup\n   * menu.\n   *\n   * This can be changed by providing a custom component here.\n   *\n   * The {@link ResultCheckIconProps.componentProps} prop can be specified to\n   * add props to the wrapping component.\n   */\n  component?: C;\n  /**\n   * Props to provide to the wrapping component, which by default is a\n   * `ListItemSecondaryAction` but can be overridden using\n   * {@link ResultCheckIconProps.component}.\n   */\n  componentProps?: Omit<ComponentProps<C>, 'onClick'>;\n  /**\n   * Override the component used to display instead of a result icon, when no\n   * renderer was found for this check type.\n   */\n  missingRendererComponent?: ReactNode;\n}\n\nexport const ResultCheckIcon = <\n  C extends ResultCheckIconBaseComponent = typeof ListItemSecondaryAction,\n>(\n  props: ResultCheckIconProps<C>,\n) => {\n  const {\n    result,\n    entity,\n    disableLinksMenu,\n    componentProps,\n    missingRendererComponent = <Alert severity=\"error\">Unknown type.</Alert>,\n  } = props;\n\n  const Component = props.component ?? ListItemSecondaryAction;\n\n  const api = useApi(techInsightsApiRef);\n\n  const checkResultRenderer =\n    props.checkResultRenderer ??\n    api.getCheckResultRenderers([result.check.type])[0];\n\n  const [menu, setMenu] = useState<ResultLinksMenuInfo | undefined>();\n\n  const iconComponent = checkResultRenderer?.component(result);\n\n  const wrapActions = (component: React.ReactElement): ReactNode => {\n    if (!menu) {\n      return component;\n    }\n    return (\n      <Component\n        {...componentProps}\n        onClick={event => menu?.open(event.currentTarget)}\n      >\n        <IconButton edge=\"end\" aria-label=\"comments\">\n          {component}\n        </IconButton>\n      </Component>\n    );\n  };\n\n  return (\n    <>\n      {!disableLinksMenu && (\n        <ResultLinksMenu result={result} entity={entity} setMenu={setMenu} />\n      )}\n      {wrapActions(iconComponent ?? missingRendererComponent)}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AA6Fa,MAAA,eAAA,GAAkB,CAG7B,KACG,KAAA;AACH,EAAM,MAAA;AAAA,IACJ,MAAA;AAAA,IACA,MAAA;AAAA,IACA,gBAAA;AAAA,IACA,cAAA;AAAA,IACA,wBAA2B,mBAAA,KAAA,CAAA,aAAA,CAAC,KAAM,EAAA,EAAA,QAAA,EAAS,WAAQ,eAAa,CAAA;AAAA,GAC9D,GAAA,KAAA,CAAA;AAEJ,EAAM,MAAA,SAAA,GAAY,MAAM,SAAa,IAAA,uBAAA,CAAA;AAErC,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,CAAA,CAAA;AAErC,EAAM,MAAA,mBAAA,GACJ,KAAM,CAAA,mBAAA,IACN,GAAI,CAAA,uBAAA,CAAwB,CAAC,MAAA,CAAO,KAAM,CAAA,IAAI,CAAC,CAAA,CAAE,CAAC,CAAA,CAAA;AAEpD,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,QAA0C,EAAA,CAAA;AAElE,EAAM,MAAA,aAAA,GAAgB,mBAAqB,EAAA,SAAA,CAAU,MAAM,CAAA,CAAA;AAE3D,EAAM,MAAA,WAAA,GAAc,CAAC,SAA6C,KAAA;AAChE,IAAA,IAAI,CAAC,IAAM,EAAA;AACT,MAAO,OAAA,SAAA,CAAA;AAAA,KACT;AACA,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACE,GAAG,cAAA;AAAA,QACJ,OAAS,EAAA,CAAA,KAAA,KAAS,IAAM,EAAA,IAAA,CAAK,MAAM,aAAa,CAAA;AAAA,OAAA;AAAA,0CAE/C,UAAW,EAAA,EAAA,IAAA,EAAK,KAAM,EAAA,YAAA,EAAW,cAC/B,SACH,CAAA;AAAA,KACF,CAAA;AAAA,GAEJ,CAAA;AAEA,EAAA,uBAEK,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,CAAC,gBACA,oBAAA,KAAA,CAAA,aAAA,CAAC,eAAgB,EAAA,EAAA,MAAA,EAAgB,MAAgB,EAAA,OAAA,EAAkB,CAEpE,EAAA,WAAA,CAAY,aAAiB,IAAA,wBAAwB,CACxD,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/ResultCheckIcon/index.esm.js

@@ -0,0 +1,2 @@
+export { ResultCheckIcon } from './ResultCheckIcon.esm.js';
+//# sourceMappingURL=index.esm.js.map

package/dist/components/ResultCheckIcon/index.esm.js.map

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

package/dist/components/ResultLinksMenu/ResultLinksMenu.esm.js

@@ -0,0 +1,65 @@
+import React, { useMemo, useId, useEffect, useCallback } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import Menu from '@material-ui/core/Menu';
+import MenuItem from '@material-ui/core/MenuItem';
+import { techInsightsApiRef } from '../../api/TechInsightsApi.esm.js';
+import '@backstage-community/plugin-tech-insights-common/client';
+import '@material-ui/icons/CheckCircleOutline';
+import '@material-ui/icons/ErrorOutline';
+
+const ResultLinksMenu = (props) => {
+  const { result, entity, setMenu } = props;
+  const api = useApi(techInsightsApiRef);
+  const links = useMemo(
+    () => entity ? api.getLinksForEntity(result, entity, {
+      includeStaticLinks: true
+    }) : result.check.links ?? [],
+    [api, result, entity]
+  );
+  const menuId = `menu-${useId()}`;
+  const [anchorEl, setAnchorEl] = React.useState(
+    void 0
+  );
+  useEffect(() => {
+    if (links.length === 0) {
+      setMenu(void 0);
+      return;
+    }
+    setMenu({
+      open: (elem) => {
+        setAnchorEl(elem);
+      }
+    });
+  }, [setMenu, links]);
+  const handleClose = useCallback(() => {
+    setAnchorEl(void 0);
+  }, [setAnchorEl]);
+  if (links.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(
+    Menu,
+    {
+      id: menuId,
+      anchorEl: anchorEl ?? null,
+      keepMounted: true,
+      open: Boolean(anchorEl),
+      onClose: handleClose
+    },
+    links.map((link, i) => /* @__PURE__ */ React.createElement(
+      MenuItem,
+      {
+        key: `${i}-${link.url}`,
+        button: true,
+        component: "a",
+        href: link.url,
+        target: link.url.startsWith("/") ? void 0 : "_blank",
+        onClick: handleClose
+      },
+      link.title
+    ))
+  );
+};
+
+export { ResultLinksMenu };
+//# sourceMappingURL=ResultLinksMenu.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResultLinksMenu.esm.js","sources":["../../../src/components/ResultLinksMenu/ResultLinksMenu.tsx"],"sourcesContent":["/*\n * Copyright 2024 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, {\n  PropsWithChildren,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n} from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport { techInsightsApiRef } from '../../api';\nimport { CheckResult } from '@backstage-community/plugin-tech-insights-common';\nimport { Entity } from '@backstage/catalog-model';\n\n/**\n * TechInsightsLinksMenu setMenu receiver.\n *\n * This object contains an {@link ResultLinksMenuInfo.open | open} function,\n * which can be used to open the popup menu. It closes automatically on\n * click-away.\n *\n * @public\n */\nexport type ResultLinksMenuInfo = {\n  /**\n   * Call this function to open the popup menu. The element argument should be\n   * an element which is used as an anchor for the menu - where to display it.\n   */\n  open: (element: Element) => void;\n};\n\nexport const ResultLinksMenu = (\n  props: PropsWithChildren<{\n    result: CheckResult;\n    entity?: Entity;\n    setMenu(opener: ResultLinksMenuInfo | undefined): void;\n  }>,\n) => {\n  const { result, entity, setMenu } = props;\n\n  const api = useApi(techInsightsApiRef);\n\n  const links = useMemo(\n    () =>\n      entity\n        ? api.getLinksForEntity(result, entity, {\n            includeStaticLinks: true,\n          })\n        : result.check.links ?? [],\n    [api, result, entity],\n  );\n\n  const menuId = `menu-${useId()}`;\n\n  const [anchorEl, setAnchorEl] = React.useState<Element | undefined>(\n    undefined,\n  );\n\n  useEffect(() => {\n    if (links.length === 0) {\n      setMenu(undefined);\n      return;\n    }\n    setMenu({\n      open: (elem: Element) => {\n        setAnchorEl(elem);\n      },\n    });\n  }, [setMenu, links]);\n\n  const handleClose = useCallback(() => {\n    setAnchorEl(undefined);\n  }, [setAnchorEl]);\n\n  if (links.length === 0) {\n    return null;\n  }\n\n  return (\n    <Menu\n      id={menuId}\n      anchorEl={anchorEl ?? null}\n      keepMounted\n      open={Boolean(anchorEl)}\n      onClose={handleClose}\n    >\n      {links.map((link, i) => (\n        <MenuItem\n          key={`${i}-${link.url}`}\n          button\n          component=\"a\"\n          href={link.url}\n          target={link.url.startsWith('/') ? undefined : '_blank'}\n          onClick={handleClose}\n        >\n          {link.title}\n        </MenuItem>\n      ))}\n    </Menu>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AA+Ca,MAAA,eAAA,GAAkB,CAC7B,KAKG,KAAA;AACH,EAAA,MAAM,EAAE,MAAA,EAAQ,MAAQ,EAAA,OAAA,EAAY,GAAA,KAAA,CAAA;AAEpC,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,CAAA,CAAA;AAErC,EAAA,MAAM,KAAQ,GAAA,OAAA;AAAA,IACZ,MACE,MAAA,GACI,GAAI,CAAA,iBAAA,CAAkB,QAAQ,MAAQ,EAAA;AAAA,MACpC,kBAAoB,EAAA,IAAA;AAAA,KACrB,CAAA,GACD,MAAO,CAAA,KAAA,CAAM,SAAS,EAAC;AAAA,IAC7B,CAAC,GAAK,EAAA,MAAA,EAAQ,MAAM,CAAA;AAAA,GACtB,CAAA;AAEA,EAAM,MAAA,MAAA,GAAS,CAAQ,KAAA,EAAA,KAAA,EAAO,CAAA,CAAA,CAAA;AAE9B,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IACpC,KAAA,CAAA;AAAA,GACF,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACtB,MAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,CAAA;AACjB,MAAA,OAAA;AAAA,KACF;AACA,IAAQ,OAAA,CAAA;AAAA,MACN,IAAA,EAAM,CAAC,IAAkB,KAAA;AACvB,QAAA,WAAA,CAAY,IAAI,CAAA,CAAA;AAAA,OAClB;AAAA,KACD,CAAA,CAAA;AAAA,GACA,EAAA,CAAC,OAAS,EAAA,KAAK,CAAC,CAAA,CAAA;AAEnB,EAAM,MAAA,WAAA,GAAc,YAAY,MAAM;AACpC,IAAA,WAAA,CAAY,KAAS,CAAA,CAAA,CAAA;AAAA,GACvB,EAAG,CAAC,WAAW,CAAC,CAAA,CAAA;AAEhB,EAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACtB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA,MAAA;AAAA,MACJ,UAAU,QAAY,IAAA,IAAA;AAAA,MACtB,WAAW,EAAA,IAAA;AAAA,MACX,IAAA,EAAM,QAAQ,QAAQ,CAAA;AAAA,MACtB,OAAS,EAAA,WAAA;AAAA,KAAA;AAAA,IAER,KAAM,CAAA,GAAA,CAAI,CAAC,IAAA,EAAM,CAChB,qBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,CAAA,EAAG,CAAC,CAAA,CAAA,EAAI,KAAK,GAAG,CAAA,CAAA;AAAA,QACrB,MAAM,EAAA,IAAA;AAAA,QACN,SAAU,EAAA,GAAA;AAAA,QACV,MAAM,IAAK,CAAA,GAAA;AAAA,QACX,QAAQ,IAAK,CAAA,GAAA,CAAI,UAAW,CAAA,GAAG,IAAI,KAAY,CAAA,GAAA,QAAA;AAAA,QAC/C,OAAS,EAAA,WAAA;AAAA,OAAA;AAAA,MAER,IAAK,CAAA,KAAA;AAAA,KAET,CAAA;AAAA,GACH,CAAA;AAEJ;;;;"}

package/dist/components/ResultLinksMenu/index.esm.js

@@ -0,0 +1,2 @@
+export { ResultLinksMenu } from './ResultLinksMenu.esm.js';
+//# sourceMappingURL=index.esm.js.map

package/dist/components/ResultLinksMenu/index.esm.js.map

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

package/dist/components/ScorecardsCard/ScorecardsCard.esm.js

@@ -4,12 +4,11 @@ import { Progress, ErrorPanel } from '@backstage/core-components';
 import { useApi } from '@backstage/core-plugin-api';
 import { ScorecardInfo } from '../ScorecardsInfo/ScorecardInfo.esm.js';
 import { techInsightsApiRef } from '../../api/TechInsightsApi.esm.js';
-import '@backstage/errors';
-import { getCompoundEntityRef } from '@backstage/catalog-model';
+import '@backstage-community/plugin-tech-insights-common/client';
 import '@material-ui/icons/CheckCircleOutline';
 import '@material-ui/icons/ErrorOutline';
-import 'qs';
 import { useEntity } from '@backstage/plugin-catalog-react';
+import { getCompoundEntityRef } from '@backstage/catalog-model';
 
 const ScorecardsCard = (props) => {
   const { title, description, checksId, onlyFailed, expanded = true } = props;
@@ -40,6 +39,7 @@ const ScorecardsCard = (props) => {
     {
       title,
       description,
+      entity,
       checkResults: filteredValue,
       noWarning: onlyFailed,
       expanded

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

@@ -1 +1 @@
-{"version":3,"file":"ScorecardsCard.esm.js","sources":["../../../src/components/ScorecardsCard/ScorecardsCard.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, { useMemo } from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { ErrorPanel, Progress } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { ScorecardInfo } from '../ScorecardsInfo';\nimport { techInsightsApiRef } from '../../api';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { getCompoundEntityRef } from '@backstage/catalog-model';\n\nexport const ScorecardsCard = (props: {\n  title: string;\n  description?: string;\n  checksId?: string[];\n  onlyFailed?: boolean;\n  expanded?: boolean;\n}) => {\n  const { title, description, checksId, onlyFailed, expanded = true } = props;\n  const api = useApi(techInsightsApiRef);\n  const { entity } = useEntity();\n  const { value, loading, error } = useAsync(\n    async () => await api.runChecks(getCompoundEntityRef(entity), checksId),\n    [api, entity, JSON.stringify(checksId)],\n  );\n\n  const checkResultRenderers = useMemo(() => {\n    if (!onlyFailed || !value) return {};\n\n    const types = [...new Set(value.map(({ check }) => check.type))];\n    const renderers = api.getCheckResultRenderers(types);\n    return Object.fromEntries(\n      renderers.map(renderer => [renderer.type, renderer]),\n    );\n  }, [api, value, onlyFailed]);\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <ErrorPanel error={error} />;\n  }\n\n  const filteredValue = !onlyFailed\n    ? value || []\n    : (value || []).filter(val =>\n        checkResultRenderers[val.check.type]?.isFailed?.(val),\n      );\n\n  return (\n    <ScorecardInfo\n      title={title}\n      description={description}\n      checkResults={filteredValue}\n      noWarning={onlyFailed}\n      expanded={expanded}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAyBa,MAAA,cAAA,GAAiB,CAAC,KAMzB,KAAA;AACJ,EAAA,MAAM,EAAE,KAAO,EAAA,WAAA,EAAa,UAAU,UAAY,EAAA,QAAA,GAAW,MAAS,GAAA,KAAA,CAAA;AACtE,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,CAAA,CAAA;AACrC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA,CAAA;AAC7B,EAAA,MAAM,EAAE,KAAA,EAAO,OAAS,EAAA,KAAA,EAAU,GAAA,QAAA;AAAA,IAChC,YAAY,MAAM,GAAA,CAAI,UAAU,oBAAqB,CAAA,MAAM,GAAG,QAAQ,CAAA;AAAA,IACtE,CAAC,GAAK,EAAA,MAAA,EAAQ,IAAK,CAAA,SAAA,CAAU,QAAQ,CAAC,CAAA;AAAA,GACxC,CAAA;AAEA,EAAM,MAAA,oBAAA,GAAuB,QAAQ,MAAM;AACzC,IAAA,IAAI,CAAC,UAAA,IAAc,CAAC,KAAA,SAAc,EAAC,CAAA;AAEnC,IAAA,MAAM,KAAQ,GAAA,CAAC,GAAG,IAAI,IAAI,KAAM,CAAA,GAAA,CAAI,CAAC,EAAE,KAAM,EAAA,KAAM,KAAM,CAAA,IAAI,CAAC,CAAC,CAAA,CAAA;AAC/D,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,uBAAA,CAAwB,KAAK,CAAA,CAAA;AACnD,IAAA,OAAO,MAAO,CAAA,WAAA;AAAA,MACZ,UAAU,GAAI,CAAA,CAAA,QAAA,KAAY,CAAC,QAAS,CAAA,IAAA,EAAM,QAAQ,CAAC,CAAA;AAAA,KACrD,CAAA;AAAA,GACC,EAAA,CAAC,GAAK,EAAA,KAAA,EAAO,UAAU,CAAC,CAAA,CAAA;AAE3B,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA,CAAA;AAAA,aACR,KAAO,EAAA;AAChB,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,KAAc,EAAA,CAAA,CAAA;AAAA,GACnC;AAEA,EAAM,MAAA,aAAA,GAAgB,CAAC,UACnB,GAAA,KAAA,IAAS,EACR,GAAA,CAAA,KAAA,IAAS,EAAI,EAAA,MAAA;AAAA,IAAO,SACnB,oBAAqB,CAAA,GAAA,CAAI,MAAM,IAAI,CAAA,EAAG,WAAW,GAAG,CAAA;AAAA,GACtD,CAAA;AAEJ,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,WAAA;AAAA,MACA,YAAc,EAAA,aAAA;AAAA,MACd,SAAW,EAAA,UAAA;AAAA,MACX,QAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ScorecardsCard.esm.js","sources":["../../../src/components/ScorecardsCard/ScorecardsCard.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, { useMemo } from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { ErrorPanel, Progress } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { ScorecardInfo } from '../ScorecardsInfo';\nimport { techInsightsApiRef } from '../../api';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { getCompoundEntityRef } from '@backstage/catalog-model';\n\nexport const ScorecardsCard = (props: {\n  title: string;\n  description?: string;\n  checksId?: string[];\n  onlyFailed?: boolean;\n  expanded?: boolean;\n}) => {\n  const { title, description, checksId, onlyFailed, expanded = true } = props;\n  const api = useApi(techInsightsApiRef);\n  const { entity } = useEntity();\n  const { value, loading, error } = useAsync(\n    async () => await api.runChecks(getCompoundEntityRef(entity), checksId),\n    [api, entity, JSON.stringify(checksId)],\n  );\n\n  const checkResultRenderers = useMemo(() => {\n    if (!onlyFailed || !value) return {};\n\n    const types = [...new Set(value.map(({ check }) => check.type))];\n    const renderers = api.getCheckResultRenderers(types);\n    return Object.fromEntries(\n      renderers.map(renderer => [renderer.type, renderer]),\n    );\n  }, [api, value, onlyFailed]);\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <ErrorPanel error={error} />;\n  }\n\n  const filteredValue = !onlyFailed\n    ? value || []\n    : (value || []).filter(val =>\n        checkResultRenderers[val.check.type]?.isFailed?.(val),\n      );\n\n  return (\n    <ScorecardInfo\n      title={title}\n      description={description}\n      entity={entity}\n      checkResults={filteredValue}\n      noWarning={onlyFailed}\n      expanded={expanded}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAyBa,MAAA,cAAA,GAAiB,CAAC,KAMzB,KAAA;AACJ,EAAA,MAAM,EAAE,KAAO,EAAA,WAAA,EAAa,UAAU,UAAY,EAAA,QAAA,GAAW,MAAS,GAAA,KAAA,CAAA;AACtE,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,CAAA,CAAA;AACrC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA,CAAA;AAC7B,EAAA,MAAM,EAAE,KAAA,EAAO,OAAS,EAAA,KAAA,EAAU,GAAA,QAAA;AAAA,IAChC,YAAY,MAAM,GAAA,CAAI,UAAU,oBAAqB,CAAA,MAAM,GAAG,QAAQ,CAAA;AAAA,IACtE,CAAC,GAAK,EAAA,MAAA,EAAQ,IAAK,CAAA,SAAA,CAAU,QAAQ,CAAC,CAAA;AAAA,GACxC,CAAA;AAEA,EAAM,MAAA,oBAAA,GAAuB,QAAQ,MAAM;AACzC,IAAA,IAAI,CAAC,UAAA,IAAc,CAAC,KAAA,SAAc,EAAC,CAAA;AAEnC,IAAA,MAAM,KAAQ,GAAA,CAAC,GAAG,IAAI,IAAI,KAAM,CAAA,GAAA,CAAI,CAAC,EAAE,KAAM,EAAA,KAAM,KAAM,CAAA,IAAI,CAAC,CAAC,CAAA,CAAA;AAC/D,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,uBAAA,CAAwB,KAAK,CAAA,CAAA;AACnD,IAAA,OAAO,MAAO,CAAA,WAAA;AAAA,MACZ,UAAU,GAAI,CAAA,CAAA,QAAA,KAAY,CAAC,QAAS,CAAA,IAAA,EAAM,QAAQ,CAAC,CAAA;AAAA,KACrD,CAAA;AAAA,GACC,EAAA,CAAC,GAAK,EAAA,KAAA,EAAO,UAAU,CAAC,CAAA,CAAA;AAE3B,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA,CAAA;AAAA,aACR,KAAO,EAAA;AAChB,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,KAAc,EAAA,CAAA,CAAA;AAAA,GACnC;AAEA,EAAM,MAAA,aAAA,GAAgB,CAAC,UACnB,GAAA,KAAA,IAAS,EACR,GAAA,CAAA,KAAA,IAAS,EAAI,EAAA,MAAA;AAAA,IAAO,SACnB,oBAAqB,CAAA,GAAA,CAAI,MAAM,IAAI,CAAA,EAAG,WAAW,GAAG,CAAA;AAAA,GACtD,CAAA;AAEJ,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAc,EAAA,aAAA;AAAA,MACd,SAAW,EAAA,UAAA;AAAA,MACX,QAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/components/ScorecardsContent/ScorecardContent.esm.js

@@ -19,7 +19,8 @@ const ScorecardsContent = (props) => {
   const { title, description, checksId } = props;
   const classes = useStyles();
   const api = useApi(techInsightsApiRef);
-  const { namespace, kind, name } = getCompoundEntityRef(useEntity().entity);
+  const { entity } = useEntity();
+  const { namespace, kind, name } = getCompoundEntityRef(entity);
   const { value, loading, error } = useAsync(
     async () => await api.runChecks({ namespace, kind, name }, checksId)
   );
@@ -33,6 +34,7 @@ const ScorecardsContent = (props) => {
     {
       title,
       description,
+      entity,
       checkResults: value || []
     }
   )));

package/dist/components/ScorecardsContent/ScorecardContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScorecardContent.esm.js","sources":["../../../src/components/ScorecardsContent/ScorecardContent.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 useAsync from 'react-use/esm/useAsync';\nimport { Content, Page, Progress } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { ScorecardInfo } from '../ScorecardsInfo';\nimport Alert from '@material-ui/lab/Alert';\nimport { techInsightsApiRef } from '../../api/TechInsightsApi';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { getCompoundEntityRef } from '@backstage/catalog-model';\n\nconst useStyles = makeStyles(() => ({\n  contentScorecards: {\n    paddingLeft: 0,\n    paddingRight: 0,\n  },\n}));\n\nexport const ScorecardsContent = (props: {\n  title: string;\n  description?: string;\n  checksId?: string[];\n}) => {\n  const { title, description, checksId } = props;\n  const classes = useStyles();\n  const api = useApi(techInsightsApiRef);\n  const { namespace, kind, name } = getCompoundEntityRef(useEntity().entity);\n  const { value, loading, error } = useAsync(\n    async () => await api.runChecks({ namespace, kind, name }, checksId),\n  );\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <Alert severity=\"error\">{error.message}</Alert>;\n  }\n\n  return (\n    <Page themeId=\"home\">\n      <Content className={classes.contentScorecards}>\n        <ScorecardInfo\n          title={title}\n          description={description}\n          checkResults={value || []}\n        />\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AA2BA,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,iBAAmB,EAAA;AAAA,IACjB,WAAa,EAAA,CAAA;AAAA,IACb,YAAc,EAAA,CAAA;AAAA,GAChB;AACF,CAAE,CAAA,CAAA,CAAA;AAEW,MAAA,iBAAA,GAAoB,CAAC,KAI5B,KAAA;AACJ,EAAA,MAAM,EAAE,KAAA,EAAO,WAAa,EAAA,QAAA,EAAa,GAAA,KAAA,CAAA;AACzC,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,CAAA,CAAA;AACrC,EAAM,MAAA,EAAE,WAAW,IAAM,EAAA,IAAA,KAAS,oBAAqB,CAAA,SAAA,GAAY,MAAM,CAAA,CAAA;AACzE,EAAA,MAAM,EAAE,KAAA,EAAO,OAAS,EAAA,KAAA,EAAU,GAAA,QAAA;AAAA,IAChC,YAAY,MAAM,GAAI,CAAA,SAAA,CAAU,EAAE,SAAW,EAAA,IAAA,EAAM,IAAK,EAAA,EAAG,QAAQ,CAAA;AAAA,GACrE,CAAA;AAEA,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA,CAAA;AAAA,aACR,KAAO,EAAA;AAChB,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,OAAA,EAAA,EAAS,MAAM,OAAQ,CAAA,CAAA;AAAA,GAChD;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,OAAQ,EAAA,MAAA,EAAA,sCACX,OAAQ,EAAA,EAAA,SAAA,EAAW,QAAQ,iBAC1B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,WAAA;AAAA,MACA,YAAA,EAAc,SAAS,EAAC;AAAA,KAAA;AAAA,GAE5B,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ScorecardContent.esm.js","sources":["../../../src/components/ScorecardsContent/ScorecardContent.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 useAsync from 'react-use/esm/useAsync';\nimport { Content, Page, Progress } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { ScorecardInfo } from '../ScorecardsInfo';\nimport Alert from '@material-ui/lab/Alert';\nimport { techInsightsApiRef } from '../../api/TechInsightsApi';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { getCompoundEntityRef } from '@backstage/catalog-model';\n\nconst useStyles = makeStyles(() => ({\n  contentScorecards: {\n    paddingLeft: 0,\n    paddingRight: 0,\n  },\n}));\n\nexport const ScorecardsContent = (props: {\n  title: string;\n  description?: string;\n  checksId?: string[];\n}) => {\n  const { title, description, checksId } = props;\n  const classes = useStyles();\n  const api = useApi(techInsightsApiRef);\n  const { entity } = useEntity();\n  const { namespace, kind, name } = getCompoundEntityRef(entity);\n  const { value, loading, error } = useAsync(\n    async () => await api.runChecks({ namespace, kind, name }, checksId),\n  );\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <Alert severity=\"error\">{error.message}</Alert>;\n  }\n\n  return (\n    <Page themeId=\"home\">\n      <Content className={classes.contentScorecards}>\n        <ScorecardInfo\n          title={title}\n          description={description}\n          entity={entity}\n          checkResults={value || []}\n        />\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AA2BA,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,iBAAmB,EAAA;AAAA,IACjB,WAAa,EAAA,CAAA;AAAA,IACb,YAAc,EAAA,CAAA;AAAA,GAChB;AACF,CAAE,CAAA,CAAA,CAAA;AAEW,MAAA,iBAAA,GAAoB,CAAC,KAI5B,KAAA;AACJ,EAAA,MAAM,EAAE,KAAA,EAAO,WAAa,EAAA,QAAA,EAAa,GAAA,KAAA,CAAA;AACzC,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,CAAA,CAAA;AACrC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA,CAAA;AAC7B,EAAA,MAAM,EAAE,SAAW,EAAA,IAAA,EAAM,IAAK,EAAA,GAAI,qBAAqB,MAAM,CAAA,CAAA;AAC7D,EAAA,MAAM,EAAE,KAAA,EAAO,OAAS,EAAA,KAAA,EAAU,GAAA,QAAA;AAAA,IAChC,YAAY,MAAM,GAAI,CAAA,SAAA,CAAU,EAAE,SAAW,EAAA,IAAA,EAAM,IAAK,EAAA,EAAG,QAAQ,CAAA;AAAA,GACrE,CAAA;AAEA,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA,CAAA;AAAA,aACR,KAAO,EAAA;AAChB,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,OAAA,EAAA,EAAS,MAAM,OAAQ,CAAA,CAAA;AAAA,GAChD;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,OAAQ,EAAA,MAAA,EAAA,sCACX,OAAQ,EAAA,EAAA,SAAA,EAAW,QAAQ,iBAC1B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAA,EAAc,SAAS,EAAC;AAAA,KAAA;AAAA,GAE5B,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/ScorecardsInfo/ScorecardInfo.esm.js

@@ -10,11 +10,9 @@ import AccordionDetails from '@material-ui/core/AccordionDetails';
 import AccordionSummary from '@material-ui/core/AccordionSummary';
 import { useApi } from '@backstage/core-plugin-api';
 import { techInsightsApiRef } from '../../api/TechInsightsApi.esm.js';
-import '@backstage/errors';
-import '@backstage/catalog-model';
+import '@backstage-community/plugin-tech-insights-common/client';
 import '@material-ui/icons/CheckCircleOutline';
 import '@material-ui/icons/ErrorOutline';
-import 'qs';
 
 const useStyles = makeStyles((theme) => ({
   subheader: {
@@ -50,6 +48,7 @@ const ScorecardInfo = (props) => {
   const {
     checkResults,
     title,
+    entity,
     description,
     noWarning,
     expanded = true
@@ -78,7 +77,7 @@ const ScorecardInfo = (props) => {
     title,
     description,
     classes,
-    /* @__PURE__ */ React.createElement(ScorecardsList, { checkResults }),
+    /* @__PURE__ */ React.createElement(ScorecardsList, { checkResults, entity }),
     expanded,
     `${checkResults.filter((checkResult) => !api.isCheckResultFailed(checkResult)).length}/${checkResults.length}`
   );

package/dist/components/ScorecardsInfo/ScorecardInfo.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScorecardInfo.esm.js","sources":["../../../src/components/ScorecardsInfo/ScorecardInfo.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, { ReactNode } from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { CheckResult } from '@backstage-community/plugin-tech-insights-common';\nimport Alert from '@material-ui/lab/Alert';\nimport { ScorecardsList } from '../ScorecardsList';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport Accordion from '@material-ui/core/Accordion';\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { techInsightsApiRef } from '../../api';\n\nconst useStyles = makeStyles(theme => ({\n  subheader: {\n    paddingLeft: theme.spacing(0.5),\n  },\n  accordionHeader: {\n    borderBottom: `1px solid ${theme.palette.border}`,\n  },\n  accordionHeaderContent: {\n    margin: `${theme.spacing(2)}px 0 !important`,\n  },\n}));\n\nconst infoCard = (\n  title: React.ReactNode,\n  description: string | undefined,\n  classes: ReturnType<typeof useStyles>,\n  element: React.ReactElement,\n  expanded: boolean,\n  summary?: string,\n) => (\n  <Grid item xs={12}>\n    <Accordion defaultExpanded={expanded}>\n      <AccordionSummary\n        expandIcon={<ExpandMoreIcon />}\n        className={classes.accordionHeader}\n        classes={{\n          content: classes.accordionHeaderContent,\n        }}\n      >\n        <Grid container justifyContent=\"space-between\" alignItems=\"center\">\n          <Grid item>\n            <Typography variant=\"h5\">{title}</Typography>\n          </Grid>\n          <Grid item>\n            <Typography>{summary}</Typography>\n          </Grid>\n        </Grid>\n      </AccordionSummary>\n      <AccordionDetails>\n        <Grid container>\n          {description && (\n            <Grid item xs={12}>\n              <Typography\n                className={classes.subheader}\n                variant=\"body1\"\n                gutterBottom\n              >\n                {description}\n              </Typography>\n            </Grid>\n          )}\n          <Grid item xs={12}>\n            {element}\n          </Grid>\n        </Grid>\n      </AccordionDetails>\n    </Accordion>\n  </Grid>\n);\n\nexport const ScorecardInfo = (props: {\n  checkResults: CheckResult[];\n  title: ReactNode;\n  description?: string;\n  noWarning?: boolean;\n  expanded?: boolean;\n}) => {\n  const {\n    checkResults,\n    title,\n    description,\n    noWarning,\n    expanded = true,\n  } = props;\n  const classes = useStyles();\n  const api = useApi(techInsightsApiRef);\n\n  if (!checkResults.length) {\n    if (noWarning) {\n      return infoCard(\n        title,\n        description,\n        classes,\n        <Alert severity=\"info\">\n          All checks passed, or no checks have been performed yet\n        </Alert>,\n        expanded,\n      );\n    }\n    return infoCard(\n      title,\n      description,\n      classes,\n      <Alert severity=\"warning\">No checks have any data yet.</Alert>,\n      expanded,\n    );\n  }\n\n  return infoCard(\n    title,\n    description,\n    classes,\n    <ScorecardsList checkResults={checkResults} />,\n    expanded,\n    `${\n      checkResults.filter(checkResult => !api.isCheckResultFailed(checkResult))\n        .length\n    }/${checkResults.length}`,\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ScorecardInfo.esm.js","sources":["../../../src/components/ScorecardsInfo/ScorecardInfo.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, { ReactNode } from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { CheckResult } from '@backstage-community/plugin-tech-insights-common';\nimport Alert from '@material-ui/lab/Alert';\nimport { ScorecardsList } from '../ScorecardsList';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport Accordion from '@material-ui/core/Accordion';\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { Entity } from '@backstage/catalog-model';\nimport { techInsightsApiRef } from '../../api';\n\nconst useStyles = makeStyles(theme => ({\n  subheader: {\n    paddingLeft: theme.spacing(0.5),\n  },\n  accordionHeader: {\n    borderBottom: `1px solid ${theme.palette.border}`,\n  },\n  accordionHeaderContent: {\n    margin: `${theme.spacing(2)}px 0 !important`,\n  },\n}));\n\nconst infoCard = (\n  title: React.ReactNode,\n  description: string | undefined,\n  classes: ReturnType<typeof useStyles>,\n  element: React.ReactElement,\n  expanded: boolean,\n  summary?: string,\n) => (\n  <Grid item xs={12}>\n    <Accordion defaultExpanded={expanded}>\n      <AccordionSummary\n        expandIcon={<ExpandMoreIcon />}\n        className={classes.accordionHeader}\n        classes={{\n          content: classes.accordionHeaderContent,\n        }}\n      >\n        <Grid container justifyContent=\"space-between\" alignItems=\"center\">\n          <Grid item>\n            <Typography variant=\"h5\">{title}</Typography>\n          </Grid>\n          <Grid item>\n            <Typography>{summary}</Typography>\n          </Grid>\n        </Grid>\n      </AccordionSummary>\n      <AccordionDetails>\n        <Grid container>\n          {description && (\n            <Grid item xs={12}>\n              <Typography\n                className={classes.subheader}\n                variant=\"body1\"\n                gutterBottom\n              >\n                {description}\n              </Typography>\n            </Grid>\n          )}\n          <Grid item xs={12}>\n            {element}\n          </Grid>\n        </Grid>\n      </AccordionDetails>\n    </Accordion>\n  </Grid>\n);\n\nexport const ScorecardInfo = (props: {\n  checkResults: CheckResult[];\n  title: ReactNode;\n  entity: Entity;\n  description?: string;\n  noWarning?: boolean;\n  expanded?: boolean;\n}) => {\n  const {\n    checkResults,\n    title,\n    entity,\n    description,\n    noWarning,\n    expanded = true,\n  } = props;\n  const classes = useStyles();\n  const api = useApi(techInsightsApiRef);\n\n  if (!checkResults.length) {\n    if (noWarning) {\n      return infoCard(\n        title,\n        description,\n        classes,\n        <Alert severity=\"info\">\n          All checks passed, or no checks have been performed yet\n        </Alert>,\n        expanded,\n      );\n    }\n    return infoCard(\n      title,\n      description,\n      classes,\n      <Alert severity=\"warning\">No checks have any data yet.</Alert>,\n      expanded,\n    );\n  }\n\n  return infoCard(\n    title,\n    description,\n    classes,\n    <ScorecardsList checkResults={checkResults} entity={entity} />,\n    expanded,\n    `${\n      checkResults.filter(checkResult => !api.isCheckResultFailed(checkResult))\n        .length\n    }/${checkResults.length}`,\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ScorecardsList/ScorecardsList.esm.js

@@ -5,13 +5,11 @@ import ListItem from '@material-ui/core/ListItem';
 import ListItemText from '@material-ui/core/ListItemText';
 import { makeStyles } from '@material-ui/core/styles';
 import { techInsightsApiRef } from '../../api/TechInsightsApi.esm.js';
-import '@backstage/errors';
-import '@backstage/catalog-model';
+import '@backstage-community/plugin-tech-insights-common/client';
 import '@material-ui/icons/CheckCircleOutline';
 import '@material-ui/icons/ErrorOutline';
-import 'qs';
-import Alert from '@material-ui/lab/Alert';
 import { MarkdownContent } from '@backstage/core-components';
+import { ResultCheckIcon } from '../ResultCheckIcon/ResultCheckIcon.esm.js';
 
 const useStyles = makeStyles((theme) => ({
   listItemText: {
@@ -19,15 +17,16 @@ const useStyles = makeStyles((theme) => ({
   }
 }));
 const ScorecardsList = (props) => {
-  const { checkResults } = props;
+  const { checkResults, entity } = props;
   const classes = useStyles();
   const api = useApi(techInsightsApiRef);
   const types = [...new Set(checkResults.map(({ check }) => check.type))];
   const checkResultRenderers = api.getCheckResultRenderers(types);
   return /* @__PURE__ */ React.createElement(List, null, checkResults.map((result, index) => {
-    const description = checkResultRenderers.find(
+    const checkResultRenderer = checkResultRenderers.find(
       (renderer) => renderer.type === result.check.type
-    )?.description;
+    );
+    const description = checkResultRenderer?.description;
     return /* @__PURE__ */ React.createElement(ListItem, { key: result.check.id }, /* @__PURE__ */ React.createElement(
       ListItemText,
       {
@@ -36,7 +35,14 @@ const ScorecardsList = (props) => {
         secondary: description ? description(result) : /* @__PURE__ */ React.createElement(MarkdownContent, { content: result.check.description }),
         className: classes.listItemText
       }
-    ), checkResultRenderers.find(({ type }) => type === result.check.type)?.component(result) ?? /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, "Unknown type."));
+    ), /* @__PURE__ */ React.createElement(
+      ResultCheckIcon,
+      {
+        result,
+        entity,
+        checkResultRenderer
+      }
+    ));
   }));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"ScorecardsList.esm.js","sources":["../../../src/components/ScorecardsList/ScorecardsList.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 { useApi } from '@backstage/core-plugin-api';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { techInsightsApiRef } from '../../api';\nimport { CheckResult } from '@backstage-community/plugin-tech-insights-common';\nimport Alert from '@material-ui/lab/Alert';\nimport { MarkdownContent } from '@backstage/core-components';\n\nconst useStyles = makeStyles(theme => ({\n  listItemText: {\n    paddingRight: theme.spacing(0.5),\n  },\n}));\n\nexport const ScorecardsList = (props: { checkResults: CheckResult[] }) => {\n  const { checkResults } = props;\n  const classes = useStyles();\n  const api = useApi(techInsightsApiRef);\n\n  const types = [...new Set(checkResults.map(({ check }) => check.type))];\n  const checkResultRenderers = api.getCheckResultRenderers(types);\n\n  return (\n    <List>\n      {checkResults.map((result, index) => {\n        const description = checkResultRenderers.find(\n          renderer => renderer.type === result.check.type,\n        )?.description;\n\n        return (\n          <ListItem key={result.check.id}>\n            <ListItemText\n              key={index}\n              primary={result.check.name}\n              secondary={\n                description ? (\n                  description(result)\n                ) : (\n                  <MarkdownContent content={result.check.description} />\n                )\n              }\n              className={classes.listItemText}\n            />\n            {checkResultRenderers\n              .find(({ type }) => type === result.check.type)\n              ?.component(result) ?? (\n              <Alert severity=\"error\">Unknown type.</Alert>\n            )}\n          </ListItem>\n        );\n      })}\n    </List>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AA2BA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,YAAc,EAAA;AAAA,IACZ,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,GACjC;AACF,CAAE,CAAA,CAAA,CAAA;AAEW,MAAA,cAAA,GAAiB,CAAC,KAA2C,KAAA;AACxE,EAAM,MAAA,EAAE,cAAiB,GAAA,KAAA,CAAA;AACzB,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,CAAA,CAAA;AAErC,EAAA,MAAM,KAAQ,GAAA,CAAC,GAAG,IAAI,IAAI,YAAa,CAAA,GAAA,CAAI,CAAC,EAAE,KAAM,EAAA,KAAM,KAAM,CAAA,IAAI,CAAC,CAAC,CAAA,CAAA;AACtE,EAAM,MAAA,oBAAA,GAAuB,GAAI,CAAA,uBAAA,CAAwB,KAAK,CAAA,CAAA;AAE9D,EAAA,2CACG,IACE,EAAA,IAAA,EAAA,YAAA,CAAa,GAAI,CAAA,CAAC,QAAQ,KAAU,KAAA;AACnC,IAAA,MAAM,cAAc,oBAAqB,CAAA,IAAA;AAAA,MACvC,CAAY,QAAA,KAAA,QAAA,CAAS,IAAS,KAAA,MAAA,CAAO,KAAM,CAAA,IAAA;AAAA,KAC1C,EAAA,WAAA,CAAA;AAEH,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,GAAK,EAAA,MAAA,CAAO,MAAM,EAC1B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,KAAA;AAAA,QACL,OAAA,EAAS,OAAO,KAAM,CAAA,IAAA;AAAA,QACtB,SAAA,EACE,WACE,GAAA,WAAA,CAAY,MAAM,CAAA,uCAEjB,eAAgB,EAAA,EAAA,OAAA,EAAS,MAAO,CAAA,KAAA,CAAM,WAAa,EAAA,CAAA;AAAA,QAGxD,WAAW,OAAQ,CAAA,YAAA;AAAA,OAAA;AAAA,KACrB,EACC,qBACE,IAAK,CAAA,CAAC,EAAE,IAAK,EAAA,KAAM,SAAS,MAAO,CAAA,KAAA,CAAM,IAAI,CAC5C,EAAA,SAAA,CAAU,MAAM,CAClB,oBAAA,KAAA,CAAA,aAAA,CAAC,SAAM,QAAS,EAAA,OAAA,EAAA,EAAQ,eAAa,CAEzC,CAAA,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ScorecardsList.esm.js","sources":["../../../src/components/ScorecardsList/ScorecardsList.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 { useApi } from '@backstage/core-plugin-api';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { techInsightsApiRef } from '../../api';\nimport { CheckResult } from '@backstage-community/plugin-tech-insights-common';\nimport { MarkdownContent } from '@backstage/core-components';\nimport { Entity } from '@backstage/catalog-model';\nimport { ResultCheckIcon } from '../ResultCheckIcon';\n\nconst useStyles = makeStyles(theme => ({\n  listItemText: {\n    paddingRight: theme.spacing(0.5),\n  },\n}));\n\nexport const ScorecardsList = (props: {\n  checkResults: CheckResult[];\n  entity?: Entity;\n}) => {\n  const { checkResults, entity } = props;\n\n  const classes = useStyles();\n  const api = useApi(techInsightsApiRef);\n\n  const types = [...new Set(checkResults.map(({ check }) => check.type))];\n  const checkResultRenderers = api.getCheckResultRenderers(types);\n\n  return (\n    <List>\n      {checkResults.map((result, index) => {\n        const checkResultRenderer = checkResultRenderers.find(\n          renderer => renderer.type === result.check.type,\n        );\n\n        const description = checkResultRenderer?.description;\n\n        return (\n          <ListItem key={result.check.id}>\n            <ListItemText\n              key={index}\n              primary={result.check.name}\n              secondary={\n                description ? (\n                  description(result)\n                ) : (\n                  <MarkdownContent content={result.check.description} />\n                )\n              }\n              className={classes.listItemText}\n            />\n            <ResultCheckIcon\n              result={result}\n              entity={entity}\n              checkResultRenderer={checkResultRenderer}\n            />\n          </ListItem>\n        );\n      })}\n    </List>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AA4BA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,YAAc,EAAA;AAAA,IACZ,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,GACjC;AACF,CAAE,CAAA,CAAA,CAAA;AAEW,MAAA,cAAA,GAAiB,CAAC,KAGzB,KAAA;AACJ,EAAM,MAAA,EAAE,YAAc,EAAA,MAAA,EAAW,GAAA,KAAA,CAAA;AAEjC,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,CAAA,CAAA;AAErC,EAAA,MAAM,KAAQ,GAAA,CAAC,GAAG,IAAI,IAAI,YAAa,CAAA,GAAA,CAAI,CAAC,EAAE,KAAM,EAAA,KAAM,KAAM,CAAA,IAAI,CAAC,CAAC,CAAA,CAAA;AACtE,EAAM,MAAA,oBAAA,GAAuB,GAAI,CAAA,uBAAA,CAAwB,KAAK,CAAA,CAAA;AAE9D,EAAA,2CACG,IACE,EAAA,IAAA,EAAA,YAAA,CAAa,GAAI,CAAA,CAAC,QAAQ,KAAU,KAAA;AACnC,IAAA,MAAM,sBAAsB,oBAAqB,CAAA,IAAA;AAAA,MAC/C,CAAY,QAAA,KAAA,QAAA,CAAS,IAAS,KAAA,MAAA,CAAO,KAAM,CAAA,IAAA;AAAA,KAC7C,CAAA;AAEA,IAAA,MAAM,cAAc,mBAAqB,EAAA,WAAA,CAAA;AAEzC,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,GAAK,EAAA,MAAA,CAAO,MAAM,EAC1B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,KAAA;AAAA,QACL,OAAA,EAAS,OAAO,KAAM,CAAA,IAAA;AAAA,QACtB,SAAA,EACE,WACE,GAAA,WAAA,CAAY,MAAM,CAAA,uCAEjB,eAAgB,EAAA,EAAA,OAAA,EAAS,MAAO,CAAA,KAAA,CAAM,WAAa,EAAA,CAAA;AAAA,QAGxD,WAAW,OAAQ,CAAA,YAAA;AAAA,OAAA;AAAA,KAErB,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,MAAA;AAAA,QACA,MAAA;AAAA,QACA,mBAAA;AAAA,OAAA;AAAA,KAEJ,CAAA,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/ScorecardsPage/Filters.esm.js

@@ -1,10 +1,8 @@
 import React from 'react';
 import { techInsightsApiRef } from '../../api/TechInsightsApi.esm.js';
-import '@backstage/errors';
-import '@backstage/catalog-model';
+import '@backstage-community/plugin-tech-insights-common/client';
 import '@material-ui/icons/CheckCircleOutline';
 import '@material-ui/icons/ErrorOutline';
-import 'qs';
 import Typography from '@material-ui/core/Typography';
 import Autocomplete from '@material-ui/lab/Autocomplete';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';

package/dist/components/ScorecardsPage/Filters.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Filters.esm.js","sources":["../../../src/components/ScorecardsPage/Filters.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 { Check, techInsightsApiRef } from '../../api';\nimport Typography from '@material-ui/core/Typography';\nimport Autocomplete from '@material-ui/lab/Autocomplete';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport TextField from '@material-ui/core/TextField';\nimport Box from '@material-ui/core/Box';\nimport { makeStyles, withStyles } from '@material-ui/core/styles';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';\nimport CheckBoxIcon from '@material-ui/icons/CheckBox';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport { useApi } from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/lib/useAsync';\nimport { ErrorPanel } from '@backstage/core-components';\n\nconst useStyles = makeStyles({\n  fullWidth: { width: '100%' },\n  boxLabel: {\n    width: '100%',\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n  },\n});\n\nconst FixedWidthFormControlLabel = withStyles(_theme => ({\n  label: {\n    width: '100%',\n  },\n  root: {\n    width: '90%',\n  },\n}))(FormControlLabel);\n\nconst icon = <CheckBoxOutlineBlankIcon fontSize=\"small\" />;\nconst checkedIcon = <CheckBoxIcon fontSize=\"small\" />;\n\nfunction RenderOptionLabel(props: { check: Check; isSelected: boolean }) {\n  const classes = useStyles();\n  const { check, isSelected } = props;\n  return (\n    <Box className={classes.fullWidth}>\n      <FixedWidthFormControlLabel\n        className={classes.fullWidth}\n        control={\n          <Checkbox\n            icon={icon}\n            checkedIcon={checkedIcon}\n            checked={isSelected}\n          />\n        }\n        onClick={event => event.preventDefault()}\n        label={\n          <Tooltip title={check.id}>\n            <Box display=\"flex\" alignItems=\"center\">\n              <Box className={classes.boxLabel}>\n                <Typography noWrap>{check.name}</Typography>\n              </Box>\n            </Box>\n          </Tooltip>\n        }\n      />\n    </Box>\n  );\n}\n\nconst withResultsOptions = [\n  { label: 'Yes', value: true },\n  { label: 'No', value: false },\n];\n\n/** public **/\nexport type FiltersProps = {\n  checksChanged: (checks: Check[]) => void;\n  withResultsChanged: (withResults: boolean) => void;\n};\n\nexport const Filters = (props: FiltersProps) => {\n  const { checksChanged, withResultsChanged } = props;\n  const api = useApi(techInsightsApiRef);\n\n  const { value, loading, error } = useAsync(async () => {\n    return api.getAllChecks();\n  }, [api]);\n\n  if (error) {\n    return <ErrorPanel error={error} />;\n  }\n\n  return (\n    <>\n      <Box pb={1} pt={1}>\n        <Typography variant=\"button\" component=\"label\">\n          Checks\n          <Autocomplete\n            multiple\n            disableCloseOnSelect\n            options={value ?? []}\n            loading={loading}\n            getOptionLabel={o => o.name}\n            onChange={(_: object, changedChecks) => {\n              checksChanged(changedChecks);\n            }}\n            filterOptions={x => x}\n            renderOption={(check, { selected }) => {\n              return <RenderOptionLabel check={check} isSelected={selected} />;\n            }}\n            size=\"small\"\n            popupIcon={<ExpandMoreIcon />}\n            renderInput={params => <TextField {...params} variant=\"outlined\" />}\n          />\n        </Typography>\n      </Box>\n      <Box pb={1} pt={1}>\n        <Typography variant=\"button\" component=\"label\">\n          Only with results\n          <Autocomplete\n            defaultValue={withResultsOptions[0]}\n            options={withResultsOptions}\n            getOptionLabel={o => o.label}\n            onChange={(_: object, selectedItem) => {\n              if (selectedItem) {\n                withResultsChanged(selectedItem.value);\n              }\n            }}\n            disableClearable\n            size=\"small\"\n            popupIcon={<ExpandMoreIcon />}\n            renderInput={params => <TextField {...params} variant=\"outlined\" />}\n          />\n        </Typography>\n      </Box>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Filters.esm.js","sources":["../../../src/components/ScorecardsPage/Filters.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 { Check, techInsightsApiRef } from '../../api';\nimport Typography from '@material-ui/core/Typography';\nimport Autocomplete from '@material-ui/lab/Autocomplete';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport TextField from '@material-ui/core/TextField';\nimport Box from '@material-ui/core/Box';\nimport { makeStyles, withStyles } from '@material-ui/core/styles';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';\nimport CheckBoxIcon from '@material-ui/icons/CheckBox';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport { useApi } from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/lib/useAsync';\nimport { ErrorPanel } from '@backstage/core-components';\n\nconst useStyles = makeStyles({\n  fullWidth: { width: '100%' },\n  boxLabel: {\n    width: '100%',\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n  },\n});\n\nconst FixedWidthFormControlLabel = withStyles(_theme => ({\n  label: {\n    width: '100%',\n  },\n  root: {\n    width: '90%',\n  },\n}))(FormControlLabel);\n\nconst icon = <CheckBoxOutlineBlankIcon fontSize=\"small\" />;\nconst checkedIcon = <CheckBoxIcon fontSize=\"small\" />;\n\nfunction RenderOptionLabel(props: { check: Check; isSelected: boolean }) {\n  const classes = useStyles();\n  const { check, isSelected } = props;\n  return (\n    <Box className={classes.fullWidth}>\n      <FixedWidthFormControlLabel\n        className={classes.fullWidth}\n        control={\n          <Checkbox\n            icon={icon}\n            checkedIcon={checkedIcon}\n            checked={isSelected}\n          />\n        }\n        onClick={event => event.preventDefault()}\n        label={\n          <Tooltip title={check.id}>\n            <Box display=\"flex\" alignItems=\"center\">\n              <Box className={classes.boxLabel}>\n                <Typography noWrap>{check.name}</Typography>\n              </Box>\n            </Box>\n          </Tooltip>\n        }\n      />\n    </Box>\n  );\n}\n\nconst withResultsOptions = [\n  { label: 'Yes', value: true },\n  { label: 'No', value: false },\n];\n\n/** public **/\nexport type FiltersProps = {\n  checksChanged: (checks: Check[]) => void;\n  withResultsChanged: (withResults: boolean) => void;\n};\n\nexport const Filters = (props: FiltersProps) => {\n  const { checksChanged, withResultsChanged } = props;\n  const api = useApi(techInsightsApiRef);\n\n  const { value, loading, error } = useAsync(async () => {\n    return api.getAllChecks();\n  }, [api]);\n\n  if (error) {\n    return <ErrorPanel error={error} />;\n  }\n\n  return (\n    <>\n      <Box pb={1} pt={1}>\n        <Typography variant=\"button\" component=\"label\">\n          Checks\n          <Autocomplete\n            multiple\n            disableCloseOnSelect\n            options={value ?? []}\n            loading={loading}\n            getOptionLabel={o => o.name}\n            onChange={(_: object, changedChecks) => {\n              checksChanged(changedChecks);\n            }}\n            filterOptions={x => x}\n            renderOption={(check, { selected }) => {\n              return <RenderOptionLabel check={check} isSelected={selected} />;\n            }}\n            size=\"small\"\n            popupIcon={<ExpandMoreIcon />}\n            renderInput={params => <TextField {...params} variant=\"outlined\" />}\n          />\n        </Typography>\n      </Box>\n      <Box pb={1} pt={1}>\n        <Typography variant=\"button\" component=\"label\">\n          Only with results\n          <Autocomplete\n            defaultValue={withResultsOptions[0]}\n            options={withResultsOptions}\n            getOptionLabel={o => o.label}\n            onChange={(_: object, selectedItem) => {\n              if (selectedItem) {\n                withResultsChanged(selectedItem.value);\n              }\n            }}\n            disableClearable\n            size=\"small\"\n            popupIcon={<ExpandMoreIcon />}\n            renderInput={params => <TextField {...params} variant=\"outlined\" />}\n          />\n        </Typography>\n      </Box>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ScorecardsPage/ScorecardsPage.esm.js

@@ -2,11 +2,9 @@ import React, { useState, useMemo } from 'react';
 import { ErrorPanel, Page, Header, HeaderLabel, Content, Table } from '@backstage/core-components';
 import { useApi } from '@backstage/core-plugin-api';
 import { techInsightsApiRef } from '../../api/TechInsightsApi.esm.js';
-import '@backstage/errors';
-import '@backstage/catalog-model';
+import '@backstage-community/plugin-tech-insights-common/client';
 import '@material-ui/icons/CheckCircleOutline';
 import '@material-ui/icons/ErrorOutline';
-import 'qs';
 import useAsync from 'react-use/lib/useAsync';
 import { EntityRefLink } from '@backstage/plugin-catalog-react';
 import { ScorecardsList } from '../ScorecardsList/ScorecardsList.esm.js';

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

@@ -1 +1 @@
-{"version":3,"file":"ScorecardsPage.esm.js","sources":["../../../src/components/ScorecardsPage/ScorecardsPage.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, { useMemo, useState } from 'react';\nimport {\n  Content,\n  ErrorPanel,\n  Header,\n  HeaderLabel,\n  Page,\n  TableColumn,\n  Table,\n  TableOptions,\n} from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { Check, techInsightsApiRef } from '../../api';\nimport useAsync from 'react-use/lib/useAsync';\nimport { BulkCheckResponse } from '@backstage-community/plugin-tech-insights-common';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { ScorecardsList } from '../ScorecardsList';\nimport Grid from '@material-ui/core/Grid';\nimport { Filters } from './Filters';\nimport { ExportCsv as exportCsv } from '@material-table/exporters';\n\nexport const ScorecardsPage = () => {\n  const api = useApi(techInsightsApiRef);\n  const [filterSelectedChecks, setFilterSelectedChecks] = useState<Check[]>([]);\n  const [filterWithResults, setFilterWithResults] = useState<boolean>(true);\n  const tableOptions: TableOptions = {\n    exportAllData: true,\n    exportMenu: [\n      {\n        label: 'Export CSV',\n        exportFunc: (cols, datas) => exportCsv(cols, datas, 'tech-insights'),\n      },\n    ],\n  };\n\n  const { value, loading, error } = useAsync(async () => {\n    const checks = await api.getAllChecks();\n    const result = await api.runBulkChecks([], filterSelectedChecks);\n\n    return {\n      checks,\n      result: filterWithResults\n        ? result.filter(response => response.results.length > 0)\n        : result,\n    };\n  }, [api, filterSelectedChecks, filterWithResults]);\n\n  const tableColumns = useMemo(() => {\n    const columns: TableColumn<BulkCheckResponse[0]>[] = [\n      {\n        field: 'entity',\n        title: 'Entity',\n        render: row => <EntityRefLink entityRef={row.entity} />,\n      },\n      {\n        field: 'results',\n        title: 'Results',\n        render: row => <ScorecardsList checkResults={row.results} />,\n        export: false,\n      },\n    ];\n\n    (filterSelectedChecks.length === 0\n      ? value?.checks || []\n      : filterSelectedChecks\n    ).forEach(check => {\n      columns.push({\n        field: check.id,\n        title: check.name,\n        customExport: row =>\n          `${\n            row.results.filter(\n              result => result && result.check && result.check.id === check.id,\n            )[0]?.result\n          }`,\n        hidden: true,\n        export: true,\n      });\n    });\n\n    return columns;\n  }, [value, filterSelectedChecks]);\n\n  if (error) {\n    return <ErrorPanel error={error} />;\n  }\n\n  return (\n    <Page themeId=\"tool\">\n      <Header title=\"Tech insights\">\n        <HeaderLabel label=\"Entities\" value={value?.result.length ?? 0} />\n        <HeaderLabel label=\"Checks\" value={value?.checks.length ?? 0} />\n      </Header>\n      <Content>\n        <Grid container>\n          <Grid item style={{ width: '300px' }}>\n            <Filters\n              checksChanged={checks => setFilterSelectedChecks(checks)}\n              withResultsChanged={withResults =>\n                setFilterWithResults(withResults)\n              }\n            />\n          </Grid>\n          <Grid item xs>\n            <Table\n              columns={tableColumns}\n              data={value?.result ?? []}\n              isLoading={loading}\n              options={tableOptions}\n            />\n          </Grid>\n        </Grid>\n      </Content>\n    </Page>\n  );\n};\n"],"names":["exportCsv"],"mappings":"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"}
+{"version":3,"file":"ScorecardsPage.esm.js","sources":["../../../src/components/ScorecardsPage/ScorecardsPage.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, { useMemo, useState } from 'react';\nimport {\n  Content,\n  ErrorPanel,\n  Header,\n  HeaderLabel,\n  Page,\n  TableColumn,\n  Table,\n  TableOptions,\n} from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { Check, techInsightsApiRef } from '../../api';\nimport useAsync from 'react-use/lib/useAsync';\nimport { BulkCheckResponse } from '@backstage-community/plugin-tech-insights-common';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { ScorecardsList } from '../ScorecardsList';\nimport Grid from '@material-ui/core/Grid';\nimport { Filters } from './Filters';\nimport { ExportCsv as exportCsv } from '@material-table/exporters';\n\nexport const ScorecardsPage = () => {\n  const api = useApi(techInsightsApiRef);\n  const [filterSelectedChecks, setFilterSelectedChecks] = useState<Check[]>([]);\n  const [filterWithResults, setFilterWithResults] = useState<boolean>(true);\n  const tableOptions: TableOptions = {\n    exportAllData: true,\n    exportMenu: [\n      {\n        label: 'Export CSV',\n        exportFunc: (cols, datas) => exportCsv(cols, datas, 'tech-insights'),\n      },\n    ],\n  };\n\n  const { value, loading, error } = useAsync(async () => {\n    const checks = await api.getAllChecks();\n    const result = await api.runBulkChecks([], filterSelectedChecks);\n\n    return {\n      checks,\n      result: filterWithResults\n        ? result.filter(response => response.results.length > 0)\n        : result,\n    };\n  }, [api, filterSelectedChecks, filterWithResults]);\n\n  const tableColumns = useMemo(() => {\n    const columns: TableColumn<BulkCheckResponse[0]>[] = [\n      {\n        field: 'entity',\n        title: 'Entity',\n        render: row => <EntityRefLink entityRef={row.entity} />,\n      },\n      {\n        field: 'results',\n        title: 'Results',\n        render: row => <ScorecardsList checkResults={row.results} />,\n        export: false,\n      },\n    ];\n\n    (filterSelectedChecks.length === 0\n      ? value?.checks || []\n      : filterSelectedChecks\n    ).forEach(check => {\n      columns.push({\n        field: check.id,\n        title: check.name,\n        customExport: row =>\n          `${\n            row.results.filter(\n              result => result && result.check && result.check.id === check.id,\n            )[0]?.result\n          }`,\n        hidden: true,\n        export: true,\n      });\n    });\n\n    return columns;\n  }, [value, filterSelectedChecks]);\n\n  if (error) {\n    return <ErrorPanel error={error} />;\n  }\n\n  return (\n    <Page themeId=\"tool\">\n      <Header title=\"Tech insights\">\n        <HeaderLabel label=\"Entities\" value={value?.result.length ?? 0} />\n        <HeaderLabel label=\"Checks\" value={value?.checks.length ?? 0} />\n      </Header>\n      <Content>\n        <Grid container>\n          <Grid item style={{ width: '300px' }}>\n            <Filters\n              checksChanged={checks => setFilterSelectedChecks(checks)}\n              withResultsChanged={withResults =>\n                setFilterWithResults(withResults)\n              }\n            />\n          </Grid>\n          <Grid item xs>\n            <Table\n              columns={tableColumns}\n              data={value?.result ?? []}\n              isLoading={loading}\n              options={tableOptions}\n            />\n          </Grid>\n        </Grid>\n      </Content>\n    </Page>\n  );\n};\n"],"names":["exportCsv"],"mappings":";;;;;;;;;;;;;;AAqCO,MAAM,iBAAiB,MAAM;AAClC,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,CAAA,CAAA;AACrC,EAAA,MAAM,CAAC,oBAAsB,EAAA,uBAAuB,CAAI,GAAA,QAAA,CAAkB,EAAE,CAAA,CAAA;AAC5E,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAI,SAAkB,IAAI,CAAA,CAAA;AACxE,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,aAAe,EAAA,IAAA;AAAA,IACf,UAAY,EAAA;AAAA,MACV;AAAA,QACE,KAAO,EAAA,YAAA;AAAA,QACP,YAAY,CAAC,IAAA,EAAM,UAAUA,SAAU,CAAA,IAAA,EAAM,OAAO,eAAe,CAAA;AAAA,OACrE;AAAA,KACF;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,EAAE,KAAO,EAAA,OAAA,EAAS,KAAM,EAAA,GAAI,SAAS,YAAY;AACrD,IAAM,MAAA,MAAA,GAAS,MAAM,GAAA,CAAI,YAAa,EAAA,CAAA;AACtC,IAAA,MAAM,SAAS,MAAM,GAAA,CAAI,aAAc,CAAA,IAAI,oBAAoB,CAAA,CAAA;AAE/D,IAAO,OAAA;AAAA,MACL,MAAA;AAAA,MACA,MAAA,EAAQ,oBACJ,MAAO,CAAA,MAAA,CAAO,cAAY,QAAS,CAAA,OAAA,CAAQ,MAAS,GAAA,CAAC,CACrD,GAAA,MAAA;AAAA,KACN,CAAA;AAAA,GACC,EAAA,CAAC,GAAK,EAAA,oBAAA,EAAsB,iBAAiB,CAAC,CAAA,CAAA;AAEjD,EAAM,MAAA,YAAA,GAAe,QAAQ,MAAM;AACjC,IAAA,MAAM,OAA+C,GAAA;AAAA,MACnD;AAAA,QACE,KAAO,EAAA,QAAA;AAAA,QACP,KAAO,EAAA,QAAA;AAAA,QACP,QAAQ,CAAO,GAAA,qBAAA,KAAA,CAAA,aAAA,CAAC,aAAc,EAAA,EAAA,SAAA,EAAW,IAAI,MAAQ,EAAA,CAAA;AAAA,OACvD;AAAA,MACA;AAAA,QACE,KAAO,EAAA,SAAA;AAAA,QACP,KAAO,EAAA,SAAA;AAAA,QACP,QAAQ,CAAO,GAAA,qBAAA,KAAA,CAAA,aAAA,CAAC,cAAe,EAAA,EAAA,YAAA,EAAc,IAAI,OAAS,EAAA,CAAA;AAAA,QAC1D,MAAQ,EAAA,KAAA;AAAA,OACV;AAAA,KACF,CAAA;AAEA,IAAC,CAAA,oBAAA,CAAqB,WAAW,CAC7B,GAAA,KAAA,EAAO,UAAU,EAAC,GAClB,oBACF,EAAA,OAAA,CAAQ,CAAS,KAAA,KAAA;AACjB,MAAA,OAAA,CAAQ,IAAK,CAAA;AAAA,QACX,OAAO,KAAM,CAAA,EAAA;AAAA,QACb,OAAO,KAAM,CAAA,IAAA;AAAA,QACb,YAAc,EAAA,CAAA,GAAA,KACZ,CACE,EAAA,GAAA,CAAI,OAAQ,CAAA,MAAA;AAAA,UACV,YAAU,MAAU,IAAA,MAAA,CAAO,SAAS,MAAO,CAAA,KAAA,CAAM,OAAO,KAAM,CAAA,EAAA;AAAA,SAChE,CAAE,CAAC,CAAA,EAAG,MACR,CAAA,CAAA;AAAA,QACF,MAAQ,EAAA,IAAA;AAAA,QACR,MAAQ,EAAA,IAAA;AAAA,OACT,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAO,OAAA,OAAA,CAAA;AAAA,GACN,EAAA,CAAC,KAAO,EAAA,oBAAoB,CAAC,CAAA,CAAA;AAEhC,EAAA,IAAI,KAAO,EAAA;AACT,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,KAAc,EAAA,CAAA,CAAA;AAAA,GACnC;AAEA,EAAA,2CACG,IAAK,EAAA,EAAA,OAAA,EAAQ,0BACX,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,OAAM,eACZ,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,eAAY,KAAM,EAAA,UAAA,EAAW,OAAO,KAAO,EAAA,MAAA,CAAO,UAAU,CAAG,EAAA,CAAA,sCAC/D,WAAY,EAAA,EAAA,KAAA,EAAM,UAAS,KAAO,EAAA,KAAA,EAAO,OAAO,MAAU,IAAA,CAAA,EAAG,CAChE,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,+BACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,WAAS,IACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,OAAO,EAAE,KAAA,EAAO,SACzB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAe,CAAU,MAAA,KAAA,uBAAA,CAAwB,MAAM,CAAA;AAAA,MACvD,kBAAA,EAAoB,CAClB,WAAA,KAAA,oBAAA,CAAqB,WAAW,CAAA;AAAA,KAAA;AAAA,GAGtC,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAE,IACX,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA,YAAA;AAAA,MACT,IAAA,EAAM,KAAO,EAAA,MAAA,IAAU,EAAC;AAAA,MACxB,SAAW,EAAA,OAAA;AAAA,MACX,OAAS,EAAA,YAAA;AAAA,KAAA;AAAA,GAEb,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/index.d.ts

@@ -1,12 +1,106 @@
 /// <reference types="react" />
+import * as _material_ui_core from '@material-ui/core';
 import * as react from 'react';
-import react__default from 'react';
+import react__default, { ComponentType, MouseEventHandler, ComponentProps, ReactNode } from 'react';
 import * as _backstage_community_plugin_tech_insights_common from '@backstage-community/plugin-tech-insights-common';
-import { CheckResult, BulkCheckResponse, FactSchema } from '@backstage-community/plugin-tech-insights-common';
+import { CheckResult, BulkCheckResponse, FactSchema, CheckLink } from '@backstage-community/plugin-tech-insights-common';
+import * as _backstage_catalog_model from '@backstage/catalog-model';
+import { Entity, CompoundEntityRef } from '@backstage/catalog-model';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import { DiscoveryApi, IdentityApi } from '@backstage/core-plugin-api';
 import { JsonValue } from '@backstage/types';
-import { CompoundEntityRef } from '@backstage/catalog-model';
+import { Check as Check$1, TechInsightsClient as TechInsightsClient$1 } from '@backstage-community/plugin-tech-insights-common/client';
+
+/**
+ * TechInsightsLinksMenu setMenu receiver.
+ *
+ * This object contains an {@link ResultLinksMenuInfo.open | open} function,
+ * which can be used to open the popup menu. It closes automatically on
+ * click-away.
+ *
+ * @public
+ */
+type ResultLinksMenuInfo = {
+    /**
+     * Call this function to open the popup menu. The element argument should be
+     * an element which is used as an anchor for the menu - where to display it.
+     */
+    open: (element: Element) => void;
+};
+
+/**
+ * Defines a react component that is responsible for rendering a result of a given type.
+ *
+ * @public
+ */
+type CheckResultRenderer = {
+    type: string;
+    component: (check: CheckResult) => react__default.ReactElement;
+    description?: (check: CheckResult) => string | react__default.ReactElement;
+    isFailed?: (check: CheckResult) => boolean;
+};
+/**
+ * Default renderer for json-rules-engine check results.
+ *
+ * @public
+ */
+declare const jsonRulesEngineCheckResultRenderer: CheckResultRenderer;
+
+/** @public */
+type ResultCheckIconBaseComponent = ComponentType<{
+    onClick?: MouseEventHandler | undefined;
+}>;
+/**
+ * ResultCheckIcon props
+ *
+ * The only necessary prop is {@link ResultCheckIconProps.result}, but if
+ * {@link ResultCheckIconProps.entity} is provided, the popup menu with links
+ * will also include links specifically for this entity.
+ *
+ * @public
+ */
+interface ResultCheckIconProps<C extends ResultCheckIconBaseComponent> {
+    /**
+     * The CheckResult object to create an icon for
+     */
+    result: CheckResult;
+    /**
+     * The entity for which this check result is created. This is optional, but if
+     * provided, entity-specific links will be added to the popup menu, if any.
+     */
+    entity?: Entity;
+    /**
+     * This can optionally be provided, with a small performance improvement, if
+     * it is already cashed upstream.
+     */
+    checkResultRenderer?: CheckResultRenderer;
+    /**
+     * Will disable the popup menu
+     */
+    disableLinksMenu?: boolean;
+    /**
+     * By default, the icon (and the parent `IconButton`) is wrapped inside a
+     * `ListItemSecondaryAction` which handles the `onClick` to open the popup
+     * menu.
+     *
+     * This can be changed by providing a custom component here.
+     *
+     * The {@link ResultCheckIconProps.componentProps} prop can be specified to
+     * add props to the wrapping component.
+     */
+    component?: C;
+    /**
+     * Props to provide to the wrapping component, which by default is a
+     * `ListItemSecondaryAction` but can be overridden using
+     * {@link ResultCheckIconProps.component}.
+     */
+    componentProps?: Omit<ComponentProps<C>, 'onClick'>;
+    /**
+     * Override the component used to display instead of a result icon, when no
+     * renderer was found for this check type.
+     */
+    missingRendererComponent?: ReactNode;
+}
 
 /**
  * @public
@@ -20,7 +114,11 @@ declare const techInsightsPlugin: _backstage_core_plugin_api.BackstagePlugin<{
 declare const ScorecardInfo: (props: {
     checkResults: _backstage_community_plugin_tech_insights_common.CheckResult[];
     title: react.ReactNode;
+    entity: _backstage_catalog_model.Entity;
     description?: string | undefined;
+    /**
+     * @public
+     */
     noWarning?: boolean | undefined;
     expanded?: boolean | undefined;
 }) => react.JSX.Element;
@@ -29,6 +127,7 @@ declare const ScorecardInfo: (props: {
  */
 declare const ScorecardsList: (props: {
     checkResults: _backstage_community_plugin_tech_insights_common.CheckResult[];
+    entity?: _backstage_catalog_model.Entity | undefined;
 }) => react.JSX.Element;
 /**
  * @public
@@ -52,54 +151,31 @@ declare const EntityTechInsightsScorecardCard: (props: {
  * @public
  */
 declare const TechInsightsScorecardPage: () => react.JSX.Element;
+/**
+ * @public
+ */
+declare const TechInsightsCheckIcon: <C extends ResultCheckIconBaseComponent = typeof _material_ui_core.ListItemSecondaryAction>(props: ResultCheckIconProps<C>) => react.JSX.Element;
+/**
+ * @public
+ */
+declare const TechInsightsLinksMenu: (props: react.PropsWithChildren<{
+    result: _backstage_community_plugin_tech_insights_common.CheckResult;
+    entity?: _backstage_catalog_model.Entity | undefined;
+    setMenu(opener: ResultLinksMenuInfo | undefined): void;
+}>) => react.JSX.Element | null;
 
 /**
  * Represents a single check defined on the TechInsights backend.
  *
  * @public
+ * @deprecated Import from \@backstage-community/plugin-tech-insights-common/client
  */
-type Check = {
-    /**
-     * Unique identifier of the check
-     *
-     * Used to identify which checks to use when running checks.
-     */
-    id: string;
-    /**
-     * Type identifier for the check.
-     * Can be used to determine storage options, logical routing to correct FactChecker implementation
-     * or to help frontend render correct component types based on this
-     */
-    type: string;
-    /**
-     * Human readable name of the check, may be displayed in the UI
-     */
-    name: string;
-    /**
-     * Human readable description of the check, may be displayed in the UI
-     */
-    description: string;
-    /**
-     * A collection of string referencing fact rows that a check will be run against.
-     *
-     * References the fact container, aka fact retriever itself which may or may not contain multiple individual facts and values
-     */
-    factIds: string[];
-    /**
-     * Metadata to be returned in case a check has been successfully evaluated
-     * Can contain links, description texts or other actionable items
-     */
-    successMetadata?: Record<string, unknown>;
-    /**
-     * Metadata to be returned in case a check evaluation has ended in failure
-     * Can contain links, description texts or other actionable items
-     */
-    failureMetadata?: Record<string, unknown>;
-};
+type Check = Check$1;
 /**
  * Represents a Fact defined on the TechInsights backend.
  *
  * @public
+ * @deprecated Import from \@backstage-community/plugin-tech-insights-common/client
  */
 interface InsightFacts {
     [factId: string]: {
@@ -109,24 +185,6 @@ interface InsightFacts {
     };
 }
 
-/**
- * Defines a react component that is responsible for rendering a result of a given type.
- *
- * @public
- */
-type CheckResultRenderer = {
-    type: string;
-    component: (check: CheckResult) => react__default.ReactElement;
-    description?: (check: CheckResult) => string | react__default.ReactElement;
-    isFailed?: (check: CheckResult) => boolean;
-};
-/**
- * Default renderer for json-rules-engine check results.
- *
- * @public
- */
-declare const jsonRulesEngineCheckResultRenderer: CheckResultRenderer;
-
 /**
  * {@link @backstage/core-plugin-api#ApiRef} for the {@link TechInsightsApi}
  *
@@ -146,26 +204,26 @@ interface TechInsightsApi {
     runBulkChecks(entities: CompoundEntityRef[], checks?: Check[]): Promise<BulkCheckResponse>;
     getFacts(entity: CompoundEntityRef, facts: string[]): Promise<InsightFacts>;
     getFactSchemas(): Promise<FactSchema[]>;
+    getLinksForEntity(result: CheckResult, entity: Entity, options?: {
+        includeStaticLinks?: boolean;
+    }): CheckLink[];
 }
 
 /** @public */
-declare class TechInsightsClient implements TechInsightsApi {
-    private readonly discoveryApi;
-    private readonly identityApi;
+declare class TechInsightsClient extends TechInsightsClient$1 implements TechInsightsApi {
     private readonly renderers?;
+    private readonly customGetEntityLinks;
     constructor(options: {
         discoveryApi: DiscoveryApi;
         identityApi: IdentityApi;
         renderers?: CheckResultRenderer[];
+        getEntityLinks?: (result: CheckResult, entity: Entity) => CheckLink[];
     });
-    getFacts(entity: CompoundEntityRef, facts: string[]): Promise<InsightFacts>;
     getCheckResultRenderers(types: string[]): CheckResultRenderer[];
     isCheckResultFailed(check: CheckResult): boolean;
-    getAllChecks(): Promise<Check[]>;
-    getFactSchemas(): Promise<FactSchema[]>;
-    runChecks(entityParams: CompoundEntityRef, checks?: string[]): Promise<CheckResult[]>;
-    runBulkChecks(entities: CompoundEntityRef[], checks?: Check[]): Promise<BulkCheckResponse>;
-    private api;
+    getLinksForEntity(result: CheckResult, entity: Entity, options?: {
+        includeStaticLinks?: boolean;
+    }): CheckLink[];
 }
 
 /**
@@ -175,4 +233,4 @@ declare const BooleanCheck: (props: {
     checkResult: CheckResult;
 }) => react__default.JSX.Element;
 
-export { BooleanCheck, type Check, type CheckResultRenderer, EntityTechInsightsScorecardCard, EntityTechInsightsScorecardContent, type InsightFacts, ScorecardInfo, ScorecardsList, type TechInsightsApi, TechInsightsClient, TechInsightsScorecardPage, jsonRulesEngineCheckResultRenderer, techInsightsApiRef, techInsightsPlugin };
+export { BooleanCheck, type Check, type CheckResultRenderer, EntityTechInsightsScorecardCard, EntityTechInsightsScorecardContent, type InsightFacts, type ResultCheckIconBaseComponent, type ResultCheckIconProps, type ResultLinksMenuInfo, ScorecardInfo, ScorecardsList, type TechInsightsApi, TechInsightsCheckIcon, TechInsightsClient, TechInsightsLinksMenu, TechInsightsScorecardPage, jsonRulesEngineCheckResultRenderer, techInsightsApiRef, techInsightsPlugin };

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-export { EntityTechInsightsScorecardCard, EntityTechInsightsScorecardContent, ScorecardInfo, ScorecardsList, TechInsightsScorecardPage, techInsightsPlugin } from './plugin.esm.js';
+export { EntityTechInsightsScorecardCard, EntityTechInsightsScorecardContent, ScorecardInfo, ScorecardsList, TechInsightsCheckIcon, TechInsightsLinksMenu, TechInsightsScorecardPage, techInsightsPlugin } from './plugin.esm.js';
 export { techInsightsApiRef } from './api/TechInsightsApi.esm.js';
 export { TechInsightsClient } from './api/TechInsightsClient.esm.js';
 export { BooleanCheck } from './components/BooleanCheck/BooleanCheck.esm.js';

package/dist/plugin.esm.js

@@ -51,6 +51,20 @@ const TechInsightsScorecardPage = techInsightsPlugin.provide(
     mountPoint: rootRouteRef
   })
 );
+const TechInsightsCheckIcon = techInsightsPlugin.provide(
+  createRoutableExtension({
+    name: "TechInsightsCheckIcon",
+    component: () => import('./components/ResultCheckIcon/index.esm.js').then((m) => m.ResultCheckIcon),
+    mountPoint: rootRouteRef
+  })
+);
+const TechInsightsLinksMenu = techInsightsPlugin.provide(
+  createRoutableExtension({
+    name: "TechInsightsLinksMenu",
+    component: () => import('./components/ResultLinksMenu/index.esm.js').then((m) => m.ResultLinksMenu),
+    mountPoint: rootRouteRef
+  })
+);
 
-export { EntityTechInsightsScorecardCard, EntityTechInsightsScorecardContent, ScorecardInfo, ScorecardsList, TechInsightsScorecardPage, techInsightsPlugin };
+export { EntityTechInsightsScorecardCard, EntityTechInsightsScorecardContent, ScorecardInfo, ScorecardsList, TechInsightsCheckIcon, TechInsightsLinksMenu, TechInsightsScorecardPage, techInsightsPlugin };
 //# sourceMappingURL=plugin.esm.js.map

package/dist/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"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 */\nimport {\n  createPlugin,\n  createRoutableExtension,\n  createApiFactory,\n  discoveryApiRef,\n  identityApiRef,\n} from '@backstage/core-plugin-api';\nimport { rootRouteRef } from './routes';\nimport { techInsightsApiRef } from './api/TechInsightsApi';\nimport { TechInsightsClient } from './api/TechInsightsClient';\n\n/**\n * @public\n */\nexport const techInsightsPlugin = createPlugin({\n  id: 'tech-insights',\n  apis: [\n    createApiFactory({\n      api: techInsightsApiRef,\n      deps: { discoveryApi: discoveryApiRef, identityApi: identityApiRef },\n      factory: ({ discoveryApi, identityApi }) =>\n        new TechInsightsClient({ discoveryApi, identityApi }),\n    }),\n  ],\n  routes: {\n    root: rootRouteRef,\n  },\n});\n\n/**\n * @public\n */\nexport const ScorecardInfo = techInsightsPlugin.provide(\n  createRoutableExtension({\n    name: 'ScorecardInfo',\n    component: () =>\n      import('./components/ScorecardsInfo').then(m => m.ScorecardInfo),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * @public\n */\nexport const ScorecardsList = techInsightsPlugin.provide(\n  createRoutableExtension({\n    name: 'ScorecardsList',\n    component: () =>\n      import('./components/ScorecardsList').then(m => m.ScorecardsList),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * @public\n */\nexport const EntityTechInsightsScorecardContent = techInsightsPlugin.provide(\n  createRoutableExtension({\n    name: 'EntityTechInsightsScorecardContent',\n    component: () =>\n      import('./components/ScorecardsContent').then(m => m.ScorecardsContent),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * @public\n */\nexport const EntityTechInsightsScorecardCard = techInsightsPlugin.provide(\n  createRoutableExtension({\n    name: 'EntityTechInsightsScorecardCard',\n    component: () =>\n      import('./components/ScorecardsCard').then(m => m.ScorecardsCard),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * @public\n */\nexport const TechInsightsScorecardPage = techInsightsPlugin.provide(\n  createRoutableExtension({\n    name: 'TechInsightsScorecardPage',\n    component: () =>\n      import('./components/ScorecardsPage').then(m => m.ScorecardsPage),\n    mountPoint: rootRouteRef,\n  }),\n);\n"],"names":[],"mappings":";;;;;AA6BO,MAAM,qBAAqB,YAAa,CAAA;AAAA,EAC7C,EAAI,EAAA,eAAA;AAAA,EACJ,IAAM,EAAA;AAAA,IACJ,gBAAiB,CAAA;AAAA,MACf,GAAK,EAAA,kBAAA;AAAA,MACL,IAAM,EAAA,EAAE,YAAc,EAAA,eAAA,EAAiB,aAAa,cAAe,EAAA;AAAA,MACnE,OAAA,EAAS,CAAC,EAAE,YAAc,EAAA,WAAA,EACxB,KAAA,IAAI,kBAAmB,CAAA,EAAE,YAAc,EAAA,WAAA,EAAa,CAAA;AAAA,KACvD,CAAA;AAAA,GACH;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,YAAA;AAAA,GACR;AACF,CAAC,EAAA;AAKM,MAAM,gBAAgB,kBAAmB,CAAA,OAAA;AAAA,EAC9C,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,eAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,0CAA6B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,aAAa,CAAA;AAAA,IACjE,UAAY,EAAA,YAAA;AAAA,GACb,CAAA;AACH,EAAA;AAKO,MAAM,iBAAiB,kBAAmB,CAAA,OAAA;AAAA,EAC/C,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,gBAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,0CAA6B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,cAAc,CAAA;AAAA,IAClE,UAAY,EAAA,YAAA;AAAA,GACb,CAAA;AACH,EAAA;AAKO,MAAM,qCAAqC,kBAAmB,CAAA,OAAA;AAAA,EACnE,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,oCAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,6CAAgC,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,iBAAiB,CAAA;AAAA,IACxE,UAAY,EAAA,YAAA;AAAA,GACb,CAAA;AACH,EAAA;AAKO,MAAM,kCAAkC,kBAAmB,CAAA,OAAA;AAAA,EAChE,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,iCAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,0CAA6B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,cAAc,CAAA;AAAA,IAClE,UAAY,EAAA,YAAA;AAAA,GACb,CAAA;AACH,EAAA;AAKO,MAAM,4BAA4B,kBAAmB,CAAA,OAAA;AAAA,EAC1D,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,2BAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,0CAA6B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,cAAc,CAAA;AAAA,IAClE,UAAY,EAAA,YAAA;AAAA,GACb,CAAA;AACH;;;;"}
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"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 */\nimport {\n  createPlugin,\n  createRoutableExtension,\n  createApiFactory,\n  discoveryApiRef,\n  identityApiRef,\n} from '@backstage/core-plugin-api';\nimport { rootRouteRef } from './routes';\nimport { techInsightsApiRef } from './api/TechInsightsApi';\nimport { TechInsightsClient } from './api/TechInsightsClient';\n\n/**\n * @public\n */\nexport const techInsightsPlugin = createPlugin({\n  id: 'tech-insights',\n  apis: [\n    createApiFactory({\n      api: techInsightsApiRef,\n      deps: { discoveryApi: discoveryApiRef, identityApi: identityApiRef },\n      factory: ({ discoveryApi, identityApi }) =>\n        new TechInsightsClient({ discoveryApi, identityApi }),\n    }),\n  ],\n  routes: {\n    root: rootRouteRef,\n  },\n});\n\n/**\n * @public\n */\nexport const ScorecardInfo = techInsightsPlugin.provide(\n  createRoutableExtension({\n    name: 'ScorecardInfo',\n    component: () =>\n      import('./components/ScorecardsInfo').then(m => m.ScorecardInfo),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * @public\n */\nexport const ScorecardsList = techInsightsPlugin.provide(\n  createRoutableExtension({\n    name: 'ScorecardsList',\n    component: () =>\n      import('./components/ScorecardsList').then(m => m.ScorecardsList),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * @public\n */\nexport const EntityTechInsightsScorecardContent = techInsightsPlugin.provide(\n  createRoutableExtension({\n    name: 'EntityTechInsightsScorecardContent',\n    component: () =>\n      import('./components/ScorecardsContent').then(m => m.ScorecardsContent),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * @public\n */\nexport const EntityTechInsightsScorecardCard = techInsightsPlugin.provide(\n  createRoutableExtension({\n    name: 'EntityTechInsightsScorecardCard',\n    component: () =>\n      import('./components/ScorecardsCard').then(m => m.ScorecardsCard),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * @public\n */\nexport const TechInsightsScorecardPage = techInsightsPlugin.provide(\n  createRoutableExtension({\n    name: 'TechInsightsScorecardPage',\n    component: () =>\n      import('./components/ScorecardsPage').then(m => m.ScorecardsPage),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * @public\n */\nexport const TechInsightsCheckIcon = techInsightsPlugin.provide(\n  createRoutableExtension({\n    name: 'TechInsightsCheckIcon',\n    component: () =>\n      import('./components/ResultCheckIcon').then(m => m.ResultCheckIcon),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * @public\n */\nexport const TechInsightsLinksMenu = techInsightsPlugin.provide(\n  createRoutableExtension({\n    name: 'TechInsightsLinksMenu',\n    component: () =>\n      import('./components/ResultLinksMenu').then(m => m.ResultLinksMenu),\n    mountPoint: rootRouteRef,\n  }),\n);\n"],"names":[],"mappings":";;;;;AA6BO,MAAM,qBAAqB,YAAa,CAAA;AAAA,EAC7C,EAAI,EAAA,eAAA;AAAA,EACJ,IAAM,EAAA;AAAA,IACJ,gBAAiB,CAAA;AAAA,MACf,GAAK,EAAA,kBAAA;AAAA,MACL,IAAM,EAAA,EAAE,YAAc,EAAA,eAAA,EAAiB,aAAa,cAAe,EAAA;AAAA,MACnE,OAAA,EAAS,CAAC,EAAE,YAAc,EAAA,WAAA,EACxB,KAAA,IAAI,kBAAmB,CAAA,EAAE,YAAc,EAAA,WAAA,EAAa,CAAA;AAAA,KACvD,CAAA;AAAA,GACH;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,YAAA;AAAA,GACR;AACF,CAAC,EAAA;AAKM,MAAM,gBAAgB,kBAAmB,CAAA,OAAA;AAAA,EAC9C,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,eAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,0CAA6B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,aAAa,CAAA;AAAA,IACjE,UAAY,EAAA,YAAA;AAAA,GACb,CAAA;AACH,EAAA;AAKO,MAAM,iBAAiB,kBAAmB,CAAA,OAAA;AAAA,EAC/C,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,gBAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,0CAA6B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,cAAc,CAAA;AAAA,IAClE,UAAY,EAAA,YAAA;AAAA,GACb,CAAA;AACH,EAAA;AAKO,MAAM,qCAAqC,kBAAmB,CAAA,OAAA;AAAA,EACnE,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,oCAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,6CAAgC,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,iBAAiB,CAAA;AAAA,IACxE,UAAY,EAAA,YAAA;AAAA,GACb,CAAA;AACH,EAAA;AAKO,MAAM,kCAAkC,kBAAmB,CAAA,OAAA;AAAA,EAChE,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,iCAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,0CAA6B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,cAAc,CAAA;AAAA,IAClE,UAAY,EAAA,YAAA;AAAA,GACb,CAAA;AACH,EAAA;AAKO,MAAM,4BAA4B,kBAAmB,CAAA,OAAA;AAAA,EAC1D,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,2BAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,0CAA6B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,cAAc,CAAA;AAAA,IAClE,UAAY,EAAA,YAAA;AAAA,GACb,CAAA;AACH,EAAA;AAKO,MAAM,wBAAwB,kBAAmB,CAAA,OAAA;AAAA,EACtD,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,uBAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,2CAA8B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,eAAe,CAAA;AAAA,IACpE,UAAY,EAAA,YAAA;AAAA,GACb,CAAA;AACH,EAAA;AAKO,MAAM,wBAAwB,kBAAmB,CAAA,OAAA;AAAA,EACtD,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,uBAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,2CAA8B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,eAAe,CAAA;AAAA,IACpE,UAAY,EAAA,YAAA;AAAA,GACb,CAAA;AACH;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage-community/plugin-tech-insights",
-  "version": "0.3.33",
+  "version": "0.3.35",
   "backstage": {
     "role": "frontend-plugin",
     "pluginId": "tech-insights",
@@ -39,7 +39,7 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage-community/plugin-tech-insights-common": "^0.2.16",
+    "@backstage-community/plugin-tech-insights-common": "^0.2.18",
     "@backstage/catalog-model": "^1.6.0",
     "@backstage/core-components": "^0.14.10",
     "@backstage/core-plugin-api": "^1.9.3",
@@ -51,7 +51,6 @@
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.61",
     "@types/react": "^16.13.1 || ^17.0.0 || ^18.0.0",
-    "qs": "^6.9.4",
     "react-use": "^17.2.4"
   },
   "devDependencies": {