@backstage-community/plugin-tech-insights 0.6.0 → 0.6.2

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @backstage-community/plugin-tech-insights
 
+## 0.6.2
+
+### Patch Changes
+
+- 43064bf: Updated default non-dense behavior to include a description instead of reverting to tooltip
+- Updated dependencies [ba5bf7b]
+  - @backstage-community/plugin-tech-insights-common@0.7.1
+  - @backstage-community/plugin-tech-insights-react@1.2.1
+
+## 0.6.1
+
+### Patch Changes
+
+- d97a34e: Added support for alternate visualizations of boolean checks:
+
+  - Content lists can be rendered with smaller text size and reduced padding (option `dense`)
+  - Checks in the overview page can be rendered as a badge (option `badge`)
+  - Checks in the entity card can be rendered as a gauge (option `gauge`)
+
 ## 0.6.0
 
 ### Minor Changes

package/README.md

@@ -60,6 +60,8 @@ You can also pass a `filter` function to both `EntityTechInsightsScorecardConten
 
 To only show failed checks, you can pass the boolean `onlyFailed` to these components.
 
+If you prefer a condensed list (with smaller text size and less padding) in `EntityTechInsightsScorecardContent`, you can pass the boolean `dense`.
+
 If you want to show checks in the overview of an entity use `EntityTechInsightsScorecardCard`.
 
 ```tsx
@@ -88,6 +90,29 @@ const overviewContent = (
 );
 ```
 
+If you want to display checks as a gauge visualization, pass the boolean `gauge` to `EntityTechInsightsScorecardCard`.
+
+```tsx
+// packages/app/src/components/catalog/EntityPage.tsx
+
+import { EntityTechInsightsScorecardCard } from '@backstage-community/plugin-tech-insights';
+
+const overviewContent = (
+  <Grid container spacing={3} alignItems="stretch">
+    ...
+    <Grid item md={4}>
+      <EntityTechInsightsScorecardCard
+        title="Customized title for the scorecard"
+        description="Small description about scorecards"
+        gauge
+      />
+    </Grid>
+  </Grid>
+);
+```
+
+![Gauge Scorecard Example](docs/gauge-scorecard-overview.png)
+
 ## Boolean Scorecard Example
 
 If you follow the [Backend Example](../tech-insights-backend#backend-example), once the needed facts have been generated the default boolean scorecard will look like this:
@@ -113,6 +138,12 @@ const routes = (
 );
 ```
 
+To show a condensed list (with smaller text size and less padding), you can pass the boolean `dense`.
+
+If you want to display checks as a badge visualization, pass the boolean `badge` to `TechInsightsScorecardPage`.
+
+![Badge Scorecard Overview](./docs/badge-scorecard-overview.png)
+
 Then add it to the navigation menu
 
 ```tsx

package/dist/components/ScorecardsBadge/ScorecardsBadge.esm.js

@@ -0,0 +1,49 @@
+import { jsx } from 'react/jsx-runtime';
+import Chip from '@material-ui/core/Chip';
+import { useApi } from '@backstage/core-plugin-api';
+import { techInsightsApiRef } from '@backstage-community/plugin-tech-insights-react';
+import Tooltip from '@material-ui/core/Tooltip';
+import { ScorecardsList } from '../ScorecardsList/ScorecardsList.esm.js';
+
+const ScorecardsBadge = (props) => {
+  const { checkResults, entity } = props;
+  const api = useApi(techInsightsApiRef);
+  const types = [...new Set(checkResults.map(({ check }) => check.type))];
+  const checkResultRenderers = api.getCheckResultRenderers(types);
+  const checkResultsWithRenderer = checkResults.map((result) => ({
+    result,
+    renderer: checkResultRenderers.find(
+      (renderer) => renderer.type === result.check.type
+    )
+  }));
+  const succeeded = checkResultsWithRenderer.filter(
+    ({ result, renderer }) => !renderer?.isFailed?.(result)
+  ).length;
+  return /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      title: /* @__PURE__ */ jsx(
+        ScorecardsList,
+        {
+          checkResults,
+          entity,
+          dense: true,
+          hideDescription: true
+        }
+      ),
+      children: /* @__PURE__ */ jsx(
+        Chip,
+        {
+          label: `${succeeded}/${checkResults.length}`,
+          size: "small",
+          style: {
+            backgroundColor: succeeded === checkResults.length ? "mediumseagreen" : "orangered"
+          }
+        }
+      )
+    }
+  );
+};
+
+export { ScorecardsBadge };
+//# sourceMappingURL=ScorecardsBadge.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScorecardsBadge.esm.js","sources":["../../../src/components/ScorecardsBadge/ScorecardsBadge.tsx"],"sourcesContent":["/*\n * Copyright 2025 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 { CheckResult } from '@backstage-community/plugin-tech-insights-common';\nimport { Entity } from '@backstage/catalog-model';\nimport Chip from '@material-ui/core/Chip';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { techInsightsApiRef } from '@backstage-community/plugin-tech-insights-react';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport { ScorecardsList } from '../ScorecardsList';\n\nexport const ScorecardsBadge = (props: {\n  checkResults: CheckResult[];\n  entity?: Entity;\n}) => {\n  const { checkResults, entity } = props;\n\n  const api = useApi(techInsightsApiRef);\n\n  const types = [...new Set(checkResults.map(({ check }) => check.type))];\n  const checkResultRenderers = api.getCheckResultRenderers(types);\n  const checkResultsWithRenderer = checkResults.map(result => ({\n    result,\n    renderer: checkResultRenderers.find(\n      renderer => renderer.type === result.check.type,\n    ),\n  }));\n\n  const succeeded = checkResultsWithRenderer.filter(\n    ({ result, renderer }) => !renderer?.isFailed?.(result),\n  ).length;\n\n  return (\n    <Tooltip\n      title={\n        <ScorecardsList\n          checkResults={checkResults}\n          entity={entity}\n          dense\n          hideDescription\n        />\n      }\n    >\n      <Chip\n        label={`${succeeded}/${checkResults.length}`}\n        size=\"small\"\n        style={{\n          backgroundColor:\n            succeeded === checkResults.length ? 'mediumseagreen' : 'orangered',\n        }}\n      />\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAwBa,MAAA,eAAA,GAAkB,CAAC,KAG1B,KAAA;AACJ,EAAM,MAAA,EAAE,YAAc,EAAA,MAAA,EAAW,GAAA,KAAA;AAEjC,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,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;AACtE,EAAM,MAAA,oBAAA,GAAuB,GAAI,CAAA,uBAAA,CAAwB,KAAK,CAAA;AAC9D,EAAM,MAAA,wBAAA,GAA2B,YAAa,CAAA,GAAA,CAAI,CAAW,MAAA,MAAA;AAAA,IAC3D,MAAA;AAAA,IACA,UAAU,oBAAqB,CAAA,IAAA;AAAA,MAC7B,CAAY,QAAA,KAAA,QAAA,CAAS,IAAS,KAAA,MAAA,CAAO,KAAM,CAAA;AAAA;AAC7C,GACA,CAAA,CAAA;AAEF,EAAA,MAAM,YAAY,wBAAyB,CAAA,MAAA;AAAA,IACzC,CAAC,EAAE,MAAQ,EAAA,QAAA,OAAe,CAAC,QAAA,EAAU,WAAW,MAAM;AAAA,GACtD,CAAA,MAAA;AAEF,EACE,uBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,KACE,kBAAA,GAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,YAAA;AAAA,UACA,MAAA;AAAA,UACA,KAAK,EAAA,IAAA;AAAA,UACL,eAAe,EAAA;AAAA;AAAA,OACjB;AAAA,MAGF,QAAA,kBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,KAAO,EAAA,CAAA,EAAG,SAAS,CAAA,CAAA,EAAI,aAAa,MAAM,CAAA,CAAA;AAAA,UAC1C,IAAK,EAAA,OAAA;AAAA,UACL,KAAO,EAAA;AAAA,YACL,eACE,EAAA,SAAA,KAAc,YAAa,CAAA,MAAA,GAAS,gBAAmB,GAAA;AAAA;AAC3D;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}

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

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

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

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

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

@@ -7,6 +7,7 @@ import { ScorecardInfo } from '../ScorecardsInfo/ScorecardInfo.esm.js';
 import { techInsightsApiRef } from '@backstage-community/plugin-tech-insights-react';
 import { useEntity } from '@backstage/plugin-catalog-react';
 import { getCompoundEntityRef } from '@backstage/catalog-model';
+import { ScorecardsGauge } from '../ScorecardsGauge/ScorecardsGauge.esm.js';
 
 const ScorecardsCard = (props) => {
   const {
@@ -15,7 +16,9 @@ const ScorecardsCard = (props) => {
     checksId,
     filter,
     onlyFailed,
-    expanded = true
+    gauge,
+    expanded = !gauge,
+    dense = true
   } = props;
   const api = useApi(techInsightsApiRef);
   const { entity } = useEntity();
@@ -40,7 +43,18 @@ const ScorecardsCard = (props) => {
   const filteredValue = !onlyFailed ? filteredValues || [] : (filteredValues || []).filter(
     (val) => checkResultRenderers[val.check.type]?.isFailed?.(val)
   );
-  return /* @__PURE__ */ jsx(
+  return gauge ? /* @__PURE__ */ jsx(
+    ScorecardsGauge,
+    {
+      title,
+      description,
+      entity,
+      checkResults: filteredValue,
+      noWarning: onlyFailed,
+      expanded,
+      dense
+    }
+  ) : /* @__PURE__ */ jsx(
     ScorecardInfo,
     {
       title,
@@ -48,7 +62,8 @@ const ScorecardsCard = (props) => {
       entity,
       checkResults: filteredValue,
       noWarning: onlyFailed,
-      expanded
+      expanded,
+      dense
     }
   );
 };

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 { 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 '@backstage-community/plugin-tech-insights-react';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { getCompoundEntityRef } from '@backstage/catalog-model';\nimport { Check } from '@backstage-community/plugin-tech-insights-common';\n\nexport const ScorecardsCard = (props: {\n  title: string;\n  description?: string;\n  checksId?: string[];\n  filter?: (check: Check) => boolean;\n  onlyFailed?: boolean;\n  expanded?: boolean;\n}) => {\n  const {\n    title,\n    description,\n    checksId,\n    filter,\n    onlyFailed,\n    expanded = true,\n  } = 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 filteredValues =\n    !filter || !value ? value : value.filter(val => filter(val.check));\n\n  const checkResultRenderers = useMemo(() => {\n    if (!onlyFailed || !filteredValues) return {};\n\n    const types = [...new Set(filteredValues.map(({ check }) => check.type))];\n    const renderers = api.getCheckResultRenderers(types);\n    return Object.fromEntries(\n      renderers.map(renderer => [renderer.type, renderer]),\n    );\n  }, [api, filteredValues, onlyFailed]);\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <ErrorPanel error={error} />;\n  }\n\n  const filteredValue = !onlyFailed\n    ? filteredValues || []\n    : (filteredValues || []).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":";;;;;;;;;;AA0Ba,MAAA,cAAA,GAAiB,CAAC,KAOzB,KAAA;AACJ,EAAM,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAW,GAAA;AAAA,GACT,GAAA,KAAA;AACJ,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,CAAA;AACrC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;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;AAAA,GACxC;AAEA,EAAA,MAAM,cACJ,GAAA,CAAC,MAAU,IAAA,CAAC,KAAQ,GAAA,KAAA,GAAQ,KAAM,CAAA,MAAA,CAAO,CAAO,GAAA,KAAA,MAAA,CAAO,GAAI,CAAA,KAAK,CAAC,CAAA;AAEnE,EAAM,MAAA,oBAAA,GAAuB,QAAQ,MAAM;AACzC,IAAA,IAAI,CAAC,UAAA,IAAc,CAAC,cAAA,SAAuB,EAAC;AAE5C,IAAA,MAAM,KAAQ,GAAA,CAAC,GAAG,IAAI,IAAI,cAAe,CAAA,GAAA,CAAI,CAAC,EAAE,KAAM,EAAA,KAAM,KAAM,CAAA,IAAI,CAAC,CAAC,CAAA;AACxE,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,uBAAA,CAAwB,KAAK,CAAA;AACnD,IAAA,OAAO,MAAO,CAAA,WAAA;AAAA,MACZ,UAAU,GAAI,CAAA,CAAA,QAAA,KAAY,CAAC,QAAS,CAAA,IAAA,EAAM,QAAQ,CAAC;AAAA,KACrD;AAAA,GACC,EAAA,CAAC,GAAK,EAAA,cAAA,EAAgB,UAAU,CAAC,CAAA;AAEpC,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2BAAQ,QAAS,EAAA,EAAA,CAAA;AAAA,aACR,KAAO,EAAA;AAChB,IAAO,uBAAA,GAAA,CAAC,cAAW,KAAc,EAAA,CAAA;AAAA;AAGnC,EAAM,MAAA,aAAA,GAAgB,CAAC,UACnB,GAAA,cAAA,IAAkB,EACjB,GAAA,CAAA,cAAA,IAAkB,EAAI,EAAA,MAAA;AAAA,IAAO,SAC5B,oBAAqB,CAAA,GAAA,CAAI,MAAM,IAAI,CAAA,EAAG,WAAW,GAAG;AAAA,GACtD;AAEJ,EACE,uBAAA,GAAA;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;AAAA;AAAA,GACF;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 { 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 '@backstage-community/plugin-tech-insights-react';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { getCompoundEntityRef } from '@backstage/catalog-model';\nimport { Check } from '@backstage-community/plugin-tech-insights-common';\nimport { ScorecardsGauge } from '../ScorecardsGauge';\n\nexport const ScorecardsCard = (props: {\n  title: string;\n  description?: string;\n  checksId?: string[];\n  filter?: (check: Check) => boolean;\n  onlyFailed?: boolean;\n  expanded?: boolean;\n  gauge?: boolean;\n  dense?: boolean;\n}) => {\n  const {\n    title,\n    description,\n    checksId,\n    filter,\n    onlyFailed,\n    gauge,\n    expanded = !gauge,\n    dense = true,\n  } = 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 filteredValues =\n    !filter || !value ? value : value.filter(val => filter(val.check));\n\n  const checkResultRenderers = useMemo(() => {\n    if (!onlyFailed || !filteredValues) return {};\n\n    const types = [...new Set(filteredValues.map(({ check }) => check.type))];\n    const renderers = api.getCheckResultRenderers(types);\n    return Object.fromEntries(\n      renderers.map(renderer => [renderer.type, renderer]),\n    );\n  }, [api, filteredValues, onlyFailed]);\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <ErrorPanel error={error} />;\n  }\n\n  const filteredValue = !onlyFailed\n    ? filteredValues || []\n    : (filteredValues || []).filter(val =>\n        checkResultRenderers[val.check.type]?.isFailed?.(val),\n      );\n\n  return gauge ? (\n    <ScorecardsGauge\n      title={title}\n      description={description}\n      entity={entity}\n      checkResults={filteredValue}\n      noWarning={onlyFailed}\n      expanded={expanded}\n      dense={dense}\n    />\n  ) : (\n    <ScorecardInfo\n      title={title}\n      description={description}\n      entity={entity}\n      checkResults={filteredValue}\n      noWarning={onlyFailed}\n      expanded={expanded}\n      dense={dense}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AA2Ba,MAAA,cAAA,GAAiB,CAAC,KASzB,KAAA;AACJ,EAAM,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAW,CAAC,KAAA;AAAA,IACZ,KAAQ,GAAA;AAAA,GACN,GAAA,KAAA;AACJ,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,CAAA;AACrC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;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;AAAA,GACxC;AAEA,EAAA,MAAM,cACJ,GAAA,CAAC,MAAU,IAAA,CAAC,KAAQ,GAAA,KAAA,GAAQ,KAAM,CAAA,MAAA,CAAO,CAAO,GAAA,KAAA,MAAA,CAAO,GAAI,CAAA,KAAK,CAAC,CAAA;AAEnE,EAAM,MAAA,oBAAA,GAAuB,QAAQ,MAAM;AACzC,IAAA,IAAI,CAAC,UAAA,IAAc,CAAC,cAAA,SAAuB,EAAC;AAE5C,IAAA,MAAM,KAAQ,GAAA,CAAC,GAAG,IAAI,IAAI,cAAe,CAAA,GAAA,CAAI,CAAC,EAAE,KAAM,EAAA,KAAM,KAAM,CAAA,IAAI,CAAC,CAAC,CAAA;AACxE,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,uBAAA,CAAwB,KAAK,CAAA;AACnD,IAAA,OAAO,MAAO,CAAA,WAAA;AAAA,MACZ,UAAU,GAAI,CAAA,CAAA,QAAA,KAAY,CAAC,QAAS,CAAA,IAAA,EAAM,QAAQ,CAAC;AAAA,KACrD;AAAA,GACC,EAAA,CAAC,GAAK,EAAA,cAAA,EAAgB,UAAU,CAAC,CAAA;AAEpC,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2BAAQ,QAAS,EAAA,EAAA,CAAA;AAAA,aACR,KAAO,EAAA;AAChB,IAAO,uBAAA,GAAA,CAAC,cAAW,KAAc,EAAA,CAAA;AAAA;AAGnC,EAAM,MAAA,aAAA,GAAgB,CAAC,UACnB,GAAA,cAAA,IAAkB,EACjB,GAAA,CAAA,cAAA,IAAkB,EAAI,EAAA,MAAA;AAAA,IAAO,SAC5B,oBAAqB,CAAA,GAAA,CAAI,MAAM,IAAI,CAAA,EAAG,WAAW,GAAG;AAAA,GACtD;AAEJ,EAAA,OAAO,KACL,mBAAA,GAAA;AAAA,IAAC,eAAA;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,MACA;AAAA;AAAA,GAGF,mBAAA,GAAA;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,MACA;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -16,7 +16,7 @@ const useStyles = makeStyles(() => ({
   }
 }));
 const ScorecardsContent = (props) => {
-  const { title, description, checksId, filter } = props;
+  const { title, description, checksId, filter, dense } = props;
   const classes = useStyles();
   const api = useApi(techInsightsApiRef);
   const { entity } = useEntity();
@@ -36,7 +36,8 @@ const ScorecardsContent = (props) => {
       title,
       description,
       entity,
-      checkResults: filteredValues || []
+      checkResults: filteredValues || [],
+      dense
     }
   ) }) });
 };

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 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 '@backstage-community/plugin-tech-insights-react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { getCompoundEntityRef } from '@backstage/catalog-model';\nimport { Check } from '@backstage-community/plugin-tech-insights-common';\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  filter?: (check: Check) => boolean;\n}) => {\n  const { title, description, checksId, filter } = 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  const filteredValues =\n    !filter || !value ? value : value.filter(val => filter(val.check));\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={filteredValues || []}\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;AAAA;AAElB,CAAE,CAAA,CAAA;AAEW,MAAA,iBAAA,GAAoB,CAAC,KAK5B,KAAA;AACJ,EAAA,MAAM,EAAE,KAAA,EAAO,WAAa,EAAA,QAAA,EAAU,QAAW,GAAA,KAAA;AACjD,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,CAAA;AACrC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAA,MAAM,EAAE,SAAW,EAAA,IAAA,EAAM,IAAK,EAAA,GAAI,qBAAqB,MAAM,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;AAAA,GACrE;AAEA,EAAA,MAAM,cACJ,GAAA,CAAC,MAAU,IAAA,CAAC,KAAQ,GAAA,KAAA,GAAQ,KAAM,CAAA,MAAA,CAAO,CAAO,GAAA,KAAA,MAAA,CAAO,GAAI,CAAA,KAAK,CAAC,CAAA;AAEnE,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2BAAQ,QAAS,EAAA,EAAA,CAAA;AAAA,aACR,KAAO,EAAA;AAChB,IAAA,uBAAQ,GAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,OAAA,EAAS,gBAAM,OAAQ,EAAA,CAAA;AAAA;AAGhD,EACE,uBAAA,GAAA,CAAC,QAAK,OAAQ,EAAA,MAAA,EACZ,8BAAC,OAAQ,EAAA,EAAA,SAAA,EAAW,QAAQ,iBAC1B,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAA,EAAc,kBAAkB;AAAC;AAAA,KAErC,CACF,EAAA,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 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 '@backstage-community/plugin-tech-insights-react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { getCompoundEntityRef } from '@backstage/catalog-model';\nimport { Check } from '@backstage-community/plugin-tech-insights-common';\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  filter?: (check: Check) => boolean;\n  dense?: boolean;\n}) => {\n  const { title, description, checksId, filter, dense } = 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  const filteredValues =\n    !filter || !value ? value : value.filter(val => filter(val.check));\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={filteredValues || []}\n          dense={dense}\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;AAAA;AAElB,CAAE,CAAA,CAAA;AAEW,MAAA,iBAAA,GAAoB,CAAC,KAM5B,KAAA;AACJ,EAAA,MAAM,EAAE,KAAO,EAAA,WAAA,EAAa,QAAU,EAAA,MAAA,EAAQ,OAAU,GAAA,KAAA;AACxD,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,CAAA;AACrC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAA,MAAM,EAAE,SAAW,EAAA,IAAA,EAAM,IAAK,EAAA,GAAI,qBAAqB,MAAM,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;AAAA,GACrE;AAEA,EAAA,MAAM,cACJ,GAAA,CAAC,MAAU,IAAA,CAAC,KAAQ,GAAA,KAAA,GAAQ,KAAM,CAAA,MAAA,CAAO,CAAO,GAAA,KAAA,MAAA,CAAO,GAAI,CAAA,KAAK,CAAC,CAAA;AAEnE,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2BAAQ,QAAS,EAAA,EAAA,CAAA;AAAA,aACR,KAAO,EAAA;AAChB,IAAA,uBAAQ,GAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,OAAA,EAAS,gBAAM,OAAQ,EAAA,CAAA;AAAA;AAGhD,EACE,uBAAA,GAAA,CAAC,QAAK,OAAQ,EAAA,MAAA,EACZ,8BAAC,OAAQ,EAAA,EAAA,SAAA,EAAW,QAAQ,iBAC1B,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAA,EAAc,kBAAkB,EAAC;AAAA,MACjC;AAAA;AAAA,KAEJ,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/ScorecardsGauge/ScorecardsGauge.esm.js

@@ -0,0 +1,51 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useApi } from '@backstage/core-plugin-api';
+import { techInsightsApiRef } from '@backstage-community/plugin-tech-insights-react';
+import { InfoCard, Gauge } from '@backstage/core-components';
+import { ScorecardInfo } from '../ScorecardsInfo/ScorecardInfo.esm.js';
+import Typography from '@material-ui/core/Typography';
+import Grid from '@material-ui/core/Grid';
+
+const ScorecardsGauge = (props) => {
+  const {
+    checkResults,
+    entity,
+    title,
+    description,
+    noWarning,
+    expanded,
+    dense = true,
+    hideDescription
+  } = props;
+  const api = useApi(techInsightsApiRef);
+  const types = [...new Set(checkResults.map(({ check }) => check.type))];
+  const checkResultRenderers = api.getCheckResultRenderers(types);
+  const checkResultsWithRenderer = checkResults.map((result) => ({
+    result,
+    renderer: checkResultRenderers.find(
+      (renderer) => renderer.type === result.check.type
+    )
+  }));
+  const succeeded = checkResultsWithRenderer.filter(
+    ({ result, renderer }) => !renderer?.isFailed?.(result)
+  ).length;
+  const progress = succeeded / checkResults.length;
+  return /* @__PURE__ */ jsxs(InfoCard, { title, subheader: description, children: [
+    /* @__PURE__ */ jsx(Grid, { container: true, justifyContent: "center", children: /* @__PURE__ */ jsx(Grid, { item: true, style: { width: "160px", marginBottom: "1em" }, children: /* @__PURE__ */ jsx(Gauge, { value: progress, size: "small" }) }) }),
+    /* @__PURE__ */ jsx(
+      ScorecardInfo,
+      {
+        title: /* @__PURE__ */ jsx(Typography, { variant: "h6", children: "Checks" }),
+        checkResults,
+        entity,
+        noWarning,
+        expanded,
+        dense,
+        hideDescription
+      }
+    )
+  ] });
+};
+
+export { ScorecardsGauge };
+//# sourceMappingURL=ScorecardsGauge.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScorecardsGauge.esm.js","sources":["../../../src/components/ScorecardsGauge/ScorecardsGauge.tsx"],"sourcesContent":["/*\n * Copyright 2025 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 { CheckResult } from '@backstage-community/plugin-tech-insights-common';\nimport { Entity } from '@backstage/catalog-model';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { techInsightsApiRef } from '@backstage-community/plugin-tech-insights-react';\nimport { Gauge, InfoCard } from '@backstage/core-components';\nimport { ScorecardInfo } from '../ScorecardsInfo';\nimport Typography from '@material-ui/core/Typography';\nimport Grid from '@material-ui/core/Grid';\n\nexport const ScorecardsGauge = (props: {\n  checkResults: CheckResult[];\n  entity?: Entity;\n  title: string;\n  description?: string;\n  noWarning?: boolean;\n  expanded?: boolean;\n  dense?: boolean;\n  hideDescription?: boolean;\n}) => {\n  const {\n    checkResults,\n    entity,\n    title,\n    description,\n    noWarning,\n    expanded,\n    dense = true,\n    hideDescription,\n  } = props;\n\n  const api = useApi(techInsightsApiRef);\n\n  const types = [...new Set(checkResults.map(({ check }) => check.type))];\n  const checkResultRenderers = api.getCheckResultRenderers(types);\n  const checkResultsWithRenderer = checkResults.map(result => ({\n    result,\n    renderer: checkResultRenderers.find(\n      renderer => renderer.type === result.check.type,\n    ),\n  }));\n\n  const succeeded = checkResultsWithRenderer.filter(\n    ({ result, renderer }) => !renderer?.isFailed?.(result),\n  ).length;\n  const progress = succeeded / checkResults.length;\n\n  return (\n    <InfoCard title={title} subheader={description}>\n      <Grid container justifyContent=\"center\">\n        <Grid item style={{ width: '160px', marginBottom: '1em' }}>\n          <Gauge value={progress} size=\"small\" />\n        </Grid>\n      </Grid>\n      <ScorecardInfo\n        title={<Typography variant=\"h6\">Checks</Typography>}\n        checkResults={checkResults}\n        entity={entity}\n        noWarning={noWarning}\n        expanded={expanded}\n        dense={dense}\n        hideDescription={hideDescription}\n      />\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAyBa,MAAA,eAAA,GAAkB,CAAC,KAS1B,KAAA;AACJ,EAAM,MAAA;AAAA,IACJ,YAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAQ,GAAA,IAAA;AAAA,IACR;AAAA,GACE,GAAA,KAAA;AAEJ,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,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;AACtE,EAAM,MAAA,oBAAA,GAAuB,GAAI,CAAA,uBAAA,CAAwB,KAAK,CAAA;AAC9D,EAAM,MAAA,wBAAA,GAA2B,YAAa,CAAA,GAAA,CAAI,CAAW,MAAA,MAAA;AAAA,IAC3D,MAAA;AAAA,IACA,UAAU,oBAAqB,CAAA,IAAA;AAAA,MAC7B,CAAY,QAAA,KAAA,QAAA,CAAS,IAAS,KAAA,MAAA,CAAO,KAAM,CAAA;AAAA;AAC7C,GACA,CAAA,CAAA;AAEF,EAAA,MAAM,YAAY,wBAAyB,CAAA,MAAA;AAAA,IACzC,CAAC,EAAE,MAAQ,EAAA,QAAA,OAAe,CAAC,QAAA,EAAU,WAAW,MAAM;AAAA,GACtD,CAAA,MAAA;AACF,EAAM,MAAA,QAAA,GAAW,YAAY,YAAa,CAAA,MAAA;AAE1C,EAAA,uBACG,IAAA,CAAA,QAAA,EAAA,EAAS,KAAc,EAAA,SAAA,EAAW,WACjC,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,WAAS,IAAC,EAAA,cAAA,EAAe,UAC7B,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,KAAO,EAAA,EAAE,OAAO,OAAS,EAAA,YAAA,EAAc,KAAM,EAAA,EACtD,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAM,OAAO,QAAU,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA,EACvC,CACF,EAAA,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,KAAO,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,MAAK,QAAM,EAAA,QAAA,EAAA,CAAA;AAAA,QACtC,YAAA;AAAA,QACA,MAAA;AAAA,QACA,SAAA;AAAA,QACA,QAAA;AAAA,QACA,KAAA;AAAA,QACA;AAAA;AAAA;AACF,GACF,EAAA,CAAA;AAEJ;;;;"}

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

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

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

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

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

@@ -21,9 +21,13 @@ const useStyles = makeStyles((theme) => ({
   },
   accordionHeaderContent: {
     margin: `${theme.spacing(2)}px 0 !important`
+  },
+  accordionDetails: {
+    margin: 0,
+    paddingBottom: 0
   }
 }));
-const infoCard = (title, description, classes, element, expanded, summary) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Accordion, { defaultExpanded: expanded, children: [
+const infoAccordion = (title, children, classes, expanded, summary) => /* @__PURE__ */ jsxs(Accordion, { defaultExpanded: expanded, children: [
   /* @__PURE__ */ jsx(
     AccordionSummary,
     {
@@ -38,7 +42,10 @@ const infoCard = (title, description, classes, element, expanded, summary) => /*
       ] })
     }
   ),
-  /* @__PURE__ */ jsx(AccordionDetails, { children: /* @__PURE__ */ jsxs(Grid, { container: true, children: [
+  /* @__PURE__ */ jsx(AccordionDetails, { classes: { root: classes.accordionDetails }, children })
+] });
+const infoDetails = (description, classes, element) => {
+  return /* @__PURE__ */ jsxs(Grid, { container: true, children: [
     description && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
       Typography,
       {
@@ -49,8 +56,15 @@ const infoCard = (title, description, classes, element, expanded, summary) => /*
       }
     ) }),
     /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: element })
-  ] }) })
-] }) });
+  ] });
+};
+const infoCard = (title, description, classes, element, expanded, summary) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: infoAccordion(
+  title,
+  infoDetails(description, classes, element),
+  classes,
+  expanded,
+  summary
+) });
 const ScorecardInfo = (props) => {
   const {
     checkResults,
@@ -58,7 +72,9 @@ const ScorecardInfo = (props) => {
     entity,
     description,
     noWarning,
-    expanded = true
+    expanded = true,
+    dense,
+    hideDescription = dense
   } = props;
   const classes = useStyles();
   const api = useApi(techInsightsApiRef);
@@ -84,7 +100,15 @@ const ScorecardInfo = (props) => {
     title,
     description,
     classes,
-    /* @__PURE__ */ jsx(ScorecardsList, { checkResults, entity }),
+    /* @__PURE__ */ jsx(
+      ScorecardsList,
+      {
+        checkResults,
+        entity,
+        dense,
+        hideDescription
+      }
+    ),
     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 { ReactNode } from 'react';\n\nimport * as React 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 { MarkdownContent } from '@backstage/core-components';\nimport { techInsightsApiRef } from '@backstage-community/plugin-tech-insights-react';\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                <MarkdownContent content={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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"}
+{"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 { ReactElement, 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 { MarkdownContent } from '@backstage/core-components';\nimport { techInsightsApiRef } from '@backstage-community/plugin-tech-insights-react';\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  accordionDetails: {\n    margin: 0,\n    paddingBottom: 0,\n  },\n}));\n\nconst infoAccordion = (\n  title: ReactNode,\n  children: ReactNode,\n  classes: ReturnType<typeof useStyles>,\n  expanded: boolean,\n  summary?: string,\n) => (\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 classes={{ root: classes.accordionDetails }}>\n      {children}\n    </AccordionDetails>\n  </Accordion>\n);\n\nconst infoDetails = (\n  description: string | undefined,\n  classes: ReturnType<typeof useStyles>,\n  element: ReactElement,\n) => {\n  return (\n    <Grid container>\n      {description && (\n        <Grid item xs={12}>\n          <Typography\n            className={classes.subheader}\n            variant=\"body1\"\n            gutterBottom\n          >\n            <MarkdownContent content={description} />\n          </Typography>\n        </Grid>\n      )}\n      <Grid item xs={12}>\n        {element}\n      </Grid>\n    </Grid>\n  );\n};\n\nconst infoCard = (\n  title: ReactNode,\n  description: string | undefined,\n  classes: ReturnType<typeof useStyles>,\n  element: ReactElement,\n  expanded: boolean,\n  summary?: string,\n) => (\n  <Grid item xs={12}>\n    {infoAccordion(\n      title,\n      infoDetails(description, classes, element),\n      classes,\n      expanded,\n      summary,\n    )}\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  dense?: boolean;\n  hideDescription?: boolean;\n}) => {\n  const {\n    checkResults,\n    title,\n    entity,\n    description,\n    noWarning,\n    expanded = true,\n    dense,\n    hideDescription = dense,\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\n      checkResults={checkResults}\n      entity={entity}\n      dense={dense}\n      hideDescription={hideDescription}\n    />,\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

@@ -2,48 +2,55 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useApi } from '@backstage/core-plugin-api';
 import List from '@material-ui/core/List';
 import ListItem from '@material-ui/core/ListItem';
-import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';
 import ListItemText from '@material-ui/core/ListItemText';
 import { makeStyles } from '@material-ui/core/styles';
 import { MarkdownContent } from '@backstage/core-components';
 import { techInsightsApiRef, ResultCheckIcon } from '@backstage-community/plugin-tech-insights-react';
+import Tooltip from '@material-ui/core/Tooltip';
 
 const useStyles = makeStyles((theme) => ({
   listItemText: {
     paddingRight: theme.spacing(0.5)
   }
 }));
+const itemTooltip = (children, title, enabled) => enabled ? /* @__PURE__ */ jsx(Tooltip, { title, children }) : children;
 const ScorecardsList = (props) => {
-  const { checkResults, entity } = props;
+  const { checkResults, entity, dense, hideDescription } = props;
   const classes = useStyles();
   const api = useApi(techInsightsApiRef);
   const types = [...new Set(checkResults.map(({ check }) => check.type))];
   const checkResultRenderers = api.getCheckResultRenderers(types);
-  return /* @__PURE__ */ jsx(List, { children: checkResults.map((result, index) => {
+  return /* @__PURE__ */ jsx(List, { dense, disablePadding: true, children: checkResults.map((result, index) => {
     const checkResultRenderer = checkResultRenderers.find(
-      (renderer) => renderer.type === result.check.type
+      (renderer2) => renderer2.type === result.check.type
+    );
+    const renderer = checkResultRenderer?.description;
+    const description = renderer ? renderer(result) : /* @__PURE__ */ jsx(MarkdownContent, { content: result.check.description });
+    return itemTooltip(
+      /* @__PURE__ */ jsxs(ListItem, { disableGutters: true, children: [
+        /* @__PURE__ */ jsx(
+          ListItemText,
+          {
+            primary: result.check.name,
+            ...!props.hideDescription ? {
+              secondary: description
+            } : {},
+            className: classes.listItemText
+          },
+          index
+        ),
+        /* @__PURE__ */ jsx(
+          ResultCheckIcon,
+          {
+            result,
+            entity,
+            checkResultRenderer
+          }
+        )
+      ] }, result.check.id),
+      description,
+      hideDescription
     );
-    const description = checkResultRenderer?.description;
-    return /* @__PURE__ */ jsxs(ListItem, { children: [
-      /* @__PURE__ */ jsx(
-        ListItemText,
-        {
-          primary: result.check.name,
-          secondary: description ? description(result) : /* @__PURE__ */ jsx(MarkdownContent, { content: result.check.description }),
-          className: classes.listItemText
-        },
-        index
-      ),
-      /* @__PURE__ */ jsx(
-        ResultCheckIcon,
-        {
-          result,
-          entity,
-          component: ListItemSecondaryAction,
-          checkResultRenderer
-        }
-      )
-    ] }, result.check.id);
   }) });
 };
 

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 { useApi } from '@backstage/core-plugin-api';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { CheckResult } from '@backstage-community/plugin-tech-insights-common';\nimport { MarkdownContent } from '@backstage/core-components';\nimport { Entity } from '@backstage/catalog-model';\nimport {\n  ResultCheckIcon,\n  techInsightsApiRef,\n} from '@backstage-community/plugin-tech-insights-react';\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              component={ListItemSecondaryAction}\n              checkResultRenderer={checkResultRenderer}\n            />\n          </ListItem>\n        );\n      })}\n    </List>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AA8BA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,YAAc,EAAA;AAAA,IACZ,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,GAAG;AAAA;AAEnC,CAAE,CAAA,CAAA;AAEW,MAAA,cAAA,GAAiB,CAAC,KAGzB,KAAA;AACJ,EAAM,MAAA,EAAE,YAAc,EAAA,MAAA,EAAW,GAAA,KAAA;AAEjC,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,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;AACtE,EAAM,MAAA,oBAAA,GAAuB,GAAI,CAAA,uBAAA,CAAwB,KAAK,CAAA;AAE9D,EAAA,2BACG,IACE,EAAA,EAAA,QAAA,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;AAAA,KAC7C;AAEA,IAAA,MAAM,cAAc,mBAAqB,EAAA,WAAA;AAEzC,IAAA,4BACG,QACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UAEC,OAAA,EAAS,OAAO,KAAM,CAAA,IAAA;AAAA,UACtB,SAAA,EACE,WACE,GAAA,WAAA,CAAY,MAAM,CAAA,uBAEjB,eAAgB,EAAA,EAAA,OAAA,EAAS,MAAO,CAAA,KAAA,CAAM,WAAa,EAAA,CAAA;AAAA,UAGxD,WAAW,OAAQ,CAAA;AAAA,SAAA;AAAA,QATd;AAAA,OAUP;AAAA,sBACA,GAAA;AAAA,QAAC,eAAA;AAAA,QAAA;AAAA,UACC,MAAA;AAAA,UACA,MAAA;AAAA,UACA,SAAW,EAAA,uBAAA;AAAA,UACX;AAAA;AAAA;AACF,KAlBa,EAAA,EAAA,MAAA,CAAO,MAAM,EAmB5B,CAAA;AAAA,GAEH,CACH,EAAA,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 { 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 { CheckResult } from '@backstage-community/plugin-tech-insights-common';\nimport { MarkdownContent } from '@backstage/core-components';\nimport { Entity } from '@backstage/catalog-model';\nimport {\n  ResultCheckIcon,\n  techInsightsApiRef,\n} from '@backstage-community/plugin-tech-insights-react';\nimport Tooltip from '@material-ui/core/Tooltip';\n\nconst useStyles = makeStyles(theme => ({\n  listItemText: {\n    paddingRight: theme.spacing(0.5),\n  },\n}));\nconst itemTooltip = (\n  children: React.ReactElement,\n  title: string | NonNullable<React.ReactNode>,\n  enabled?: boolean,\n) => (enabled ? <Tooltip title={title}>{children}</Tooltip> : children);\n\nexport const ScorecardsList = (props: {\n  checkResults: CheckResult[];\n  entity?: Entity;\n  dense?: boolean;\n  hideDescription?: boolean;\n}) => {\n  const { checkResults, entity, dense, hideDescription } = 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 dense={dense} disablePadding>\n      {checkResults.map((result, index) => {\n        const checkResultRenderer = checkResultRenderers.find(\n          renderer => renderer.type === result.check.type,\n        );\n        const renderer = checkResultRenderer?.description;\n        const description = renderer ? (\n          renderer(result)\n        ) : (\n          <MarkdownContent content={result.check.description} />\n        );\n\n        return itemTooltip(\n          <ListItem key={result.check.id} disableGutters>\n            <ListItemText\n              key={index}\n              primary={result.check.name}\n              {...(!props.hideDescription\n                ? {\n                    secondary: description,\n                  }\n                : {})}\n              className={classes.listItemText}\n            />\n            <ResultCheckIcon\n              result={result}\n              entity={entity}\n              checkResultRenderer={checkResultRenderer}\n            />\n          </ListItem>,\n          description,\n          hideDescription,\n        );\n      })}\n    </List>\n  );\n};\n"],"names":["renderer"],"mappings":";;;;;;;;;;AA8BA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,YAAc,EAAA;AAAA,IACZ,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,GAAG;AAAA;AAEnC,CAAE,CAAA,CAAA;AACF,MAAM,WAAA,GAAc,CAClB,QAAA,EACA,KACA,EAAA,OAAA,KACI,0BAAW,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAe,EAAA,QAAA,EAAS,CAAa,GAAA,QAAA;AAEjD,MAAA,cAAA,GAAiB,CAAC,KAKzB,KAAA;AACJ,EAAA,MAAM,EAAE,YAAA,EAAc,MAAQ,EAAA,KAAA,EAAO,iBAAoB,GAAA,KAAA;AAEzD,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,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;AACtE,EAAM,MAAA,oBAAA,GAAuB,GAAI,CAAA,uBAAA,CAAwB,KAAK,CAAA;AAE9D,EACE,uBAAA,GAAA,CAAC,QAAK,KAAc,EAAA,cAAA,EAAc,MAC/B,QAAa,EAAA,YAAA,CAAA,GAAA,CAAI,CAAC,MAAA,EAAQ,KAAU,KAAA;AACnC,IAAA,MAAM,sBAAsB,oBAAqB,CAAA,IAAA;AAAA,MAC/C,CAAAA,SAAAA,KAAYA,SAAS,CAAA,IAAA,KAAS,OAAO,KAAM,CAAA;AAAA,KAC7C;AACA,IAAA,MAAM,WAAW,mBAAqB,EAAA,WAAA;AACtC,IAAM,MAAA,WAAA,GAAc,QAClB,GAAA,QAAA,CAAS,MAAM,CAAA,uBAEd,eAAgB,EAAA,EAAA,OAAA,EAAS,MAAO,CAAA,KAAA,CAAM,WAAa,EAAA,CAAA;AAGtD,IAAO,OAAA,WAAA;AAAA,sBACL,IAAA,CAAC,QAA+B,EAAA,EAAA,cAAA,EAAc,IAC5C,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YAEC,OAAA,EAAS,OAAO,KAAM,CAAA,IAAA;AAAA,YACrB,GAAI,CAAC,KAAA,CAAM,eACR,GAAA;AAAA,cACE,SAAW,EAAA;AAAA,gBAEb,EAAC;AAAA,YACL,WAAW,OAAQ,CAAA;AAAA,WAAA;AAAA,UAPd;AAAA,SAQP;AAAA,wBACA,GAAA;AAAA,UAAC,eAAA;AAAA,UAAA;AAAA,YACC,MAAA;AAAA,YACA,MAAA;AAAA,YACA;AAAA;AAAA;AACF,OAfa,EAAA,EAAA,MAAA,CAAO,MAAM,EAgB5B,CAAA;AAAA,MACA,WAAA;AAAA,MACA;AAAA,KACF;AAAA,GACD,CACH,EAAA,CAAA;AAEJ;;;;"}

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

@@ -9,8 +9,9 @@ import Grid from '@material-ui/core/Grid';
 import { Filters } from './Filters.esm.js';
 import { ExportCsv } from '@material-table/exporters';
 import { techInsightsApiRef } from '@backstage-community/plugin-tech-insights-react';
+import { ScorecardsBadge } from '../ScorecardsBadge/ScorecardsBadge.esm.js';
 
-const ScorecardsPage = () => {
+const ScorecardsPage = (props) => {
   const api = useApi(techInsightsApiRef);
   const [filterSelectedChecks, setFilterSelectedChecks] = useState([]);
   const [filterWithResults, setFilterWithResults] = useState(true);
@@ -21,14 +22,19 @@ const ScorecardsPage = () => {
         label: "Export CSV",
         exportFunc: (cols, datas) => ExportCsv(cols, datas, "tech-insights")
       }
-    ]
+    ],
+    pageSize: props.badge ? 15 : 5,
+    pageSizeOptions: props.badge ? [15, 30, 100] : [5, 10, 20],
+    padding: `${props.dense ? "dense" : "default"}`
   };
   const { value, loading, error } = useAsync(async () => {
     const checks = await api.getAllChecks();
     const result = await api.runBulkChecks([], filterSelectedChecks);
     return {
       checks,
-      result: filterWithResults ? result.filter((response) => response.results.length > 0) : result
+      result: filterWithResults ? result.filter((response) => response.results.length > 0) : result.filter(
+        (response) => (response.results?.length ?? 0) === 0 || response.results.every((r) => r.result === false)
+      )
     };
   }, [api, filterSelectedChecks, filterWithResults]);
   const tableColumns = useMemo(() => {
@@ -41,7 +47,7 @@ const ScorecardsPage = () => {
       {
         field: "results",
         title: "Results",
-        render: (row) => /* @__PURE__ */ jsx(ScorecardsList, { checkResults: row.results }),
+        render: (row) => props.badge ? /* @__PURE__ */ jsx(ScorecardsBadge, { checkResults: row.results }) : /* @__PURE__ */ jsx(ScorecardsList, { checkResults: row.results, dense: props.dense }),
         export: false
       }
     ];
@@ -57,7 +63,7 @@ const ScorecardsPage = () => {
       });
     });
     return columns;
-  }, [value, filterSelectedChecks]);
+  }, [props, value, filterSelectedChecks]);
   if (error) {
     return /* @__PURE__ */ jsx(ErrorPanel, { error });
   }

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 { 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 {\n  Check,\n  BulkCheckResponse,\n} from '@backstage-community/plugin-tech-insights-common';\nimport useAsync from 'react-use/lib/useAsync';\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';\nimport { techInsightsApiRef } from '@backstage-community/plugin-tech-insights-react';\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 { 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 {\n  Check,\n  BulkCheckResponse,\n} from '@backstage-community/plugin-tech-insights-common';\nimport useAsync from 'react-use/lib/useAsync';\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';\nimport { techInsightsApiRef } from '@backstage-community/plugin-tech-insights-react';\nimport { ScorecardsBadge } from '../ScorecardsBadge';\n\nexport const ScorecardsPage = (props: { badge?: boolean; dense?: boolean }) => {\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    pageSize: props.badge ? 15 : 5,\n    pageSizeOptions: props.badge ? [15, 30, 100] : [5, 10, 20],\n    padding: `${props.dense ? 'dense' : 'default'}`,\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.filter(\n            response =>\n              (response.results?.length ?? 0) === 0 ||\n              response.results.every(r => r.result === false),\n          ),\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 =>\n          props.badge ? (\n            <ScorecardsBadge checkResults={row.results} />\n          ) : (\n            <ScorecardsList checkResults={row.results} dense={props.dense} />\n          ),\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  }, [props, 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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"}

package/dist/index.d.ts

@@ -20,17 +20,24 @@ 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;
+    entity?: _backstage_catalog_model.Entity | undefined;
     description?: string | undefined;
     noWarning?: boolean | undefined;
     expanded?: boolean | undefined;
+    dense?: boolean | undefined;
+    hideDescription?: boolean | undefined;
 }) => react_jsx_runtime.JSX.Element;
 /**
  * @public
  */
 declare const ScorecardsList: (props: {
     checkResults: _backstage_community_plugin_tech_insights_common.CheckResult[];
+    /**
+     * @public
+     */
     entity?: _backstage_catalog_model.Entity | undefined;
+    dense?: boolean | undefined;
+    hideDescription?: boolean | undefined;
 }) => react_jsx_runtime.JSX.Element;
 /**
  * @public
@@ -40,6 +47,7 @@ declare const EntityTechInsightsScorecardContent: (props: {
     description?: string | undefined;
     checksId?: string[] | undefined;
     filter?: ((check: _backstage_community_plugin_tech_insights_common.Check) => boolean) | undefined;
+    dense?: boolean | undefined;
 }) => react_jsx_runtime.JSX.Element;
 /**
  * @public
@@ -51,11 +59,16 @@ declare const EntityTechInsightsScorecardCard: (props: {
     filter?: ((check: _backstage_community_plugin_tech_insights_common.Check) => boolean) | undefined;
     onlyFailed?: boolean | undefined;
     expanded?: boolean | undefined;
+    gauge?: boolean | undefined;
+    dense?: boolean | undefined;
 }) => react_jsx_runtime.JSX.Element;
 /**
  * @public
  */
-declare const TechInsightsScorecardPage: () => react_jsx_runtime.JSX.Element;
+declare const TechInsightsScorecardPage: (props: {
+    badge?: boolean | undefined;
+    dense?: boolean | undefined;
+}) => react_jsx_runtime.JSX.Element;
 /**
  * @public
  * @deprecated Use `ResultCheckIcon` from `@backstage-community/plugin-tech-insights-react` instead

package/dist/plugin.esm.js

@@ -31,6 +31,22 @@ const ScorecardsList = techInsightsPlugin.provide(
     }
   })
 );
+techInsightsPlugin.provide(
+  createComponentExtension({
+    name: "ScorecardBadge",
+    component: {
+      lazy: () => import('./components/ScorecardsBadge/index.esm.js').then((m) => m.ScorecardsBadge)
+    }
+  })
+);
+techInsightsPlugin.provide(
+  createComponentExtension({
+    name: "ScorecardGauge",
+    component: {
+      lazy: () => import('./components/ScorecardsGauge/index.esm.js').then((m) => m.ScorecardsGauge)
+    }
+  })
+);
 const EntityTechInsightsScorecardContent = techInsightsPlugin.provide(
   createRoutableExtension({
     name: "EntityTechInsightsScorecardContent",

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  createComponentExtension,\n  createRoutableExtension,\n  createApiFactory,\n  discoveryApiRef,\n  identityApiRef,\n} from '@backstage/core-plugin-api';\nimport {\n  techInsightsApiRef,\n  TechInsightsClient,\n} from '@backstage-community/plugin-tech-insights-react';\nimport { rootRouteRef } from './routes';\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  createComponentExtension({\n    name: 'ScorecardInfo',\n    component: {\n      lazy: () =>\n        import('./components/ScorecardsInfo').then(m => m.ScorecardInfo),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const ScorecardsList = techInsightsPlugin.provide(\n  createComponentExtension({\n    name: 'ScorecardsList',\n    component: {\n      lazy: () =>\n        import('./components/ScorecardsList').then(m => m.ScorecardsList),\n    },\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 * @deprecated Use `ResultCheckIcon` from `@backstage-community/plugin-tech-insights-react` instead\n */\nexport const TechInsightsCheckIcon = techInsightsPlugin.provide(\n  createComponentExtension({\n    name: 'TechInsightsCheckIcon',\n    component: {\n      lazy: () =>\n        import('@backstage-community/plugin-tech-insights-react').then(\n          m => m.ResultCheckIcon,\n        ),\n    },\n  }),\n);\n\n/**\n * @public\n * @deprecated Use `ResultLinksMenu` from `@backstage-community/plugin-tech-insights-react` instead\n */\nexport const TechInsightsLinksMenu = techInsightsPlugin.provide(\n  createComponentExtension({\n    name: 'TechInsightsLinksMenu',\n    component: {\n      lazy: () =>\n        import('@backstage-community/plugin-tech-insights-react').then(\n          m => m.ResultLinksMenu,\n        ),\n    },\n  }),\n);\n"],"names":[],"mappings":";;;;AAgCO,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;AAAA,KACvD;AAAA,GACH;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA;AAAA;AAEV,CAAC;AAKM,MAAM,gBAAgB,kBAAmB,CAAA,OAAA;AAAA,EAC9C,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,eAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAA,EAAM,MACJ,OAAO,0CAA6B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,aAAa;AAAA;AACnE,GACD;AACH;AAKO,MAAM,iBAAiB,kBAAmB,CAAA,OAAA;AAAA,EAC/C,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,gBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAA,EAAM,MACJ,OAAO,0CAA6B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,cAAc;AAAA;AACpE,GACD;AACH;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;AAAA,GACb;AACH;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;AAAA,GACb;AACH;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;AAAA,GACb;AACH;AAMO,MAAM,wBAAwB,kBAAmB,CAAA,OAAA;AAAA,EACtD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,uBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAM,EAAA,MACJ,OAAO,iDAAiD,CAAE,CAAA,IAAA;AAAA,QACxD,OAAK,CAAE,CAAA;AAAA;AACT;AACJ,GACD;AACH;AAMO,MAAM,wBAAwB,kBAAmB,CAAA,OAAA;AAAA,EACtD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,uBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAM,EAAA,MACJ,OAAO,iDAAiD,CAAE,CAAA,IAAA;AAAA,QACxD,OAAK,CAAE,CAAA;AAAA;AACT;AACJ,GACD;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  createComponentExtension,\n  createRoutableExtension,\n  createApiFactory,\n  discoveryApiRef,\n  identityApiRef,\n} from '@backstage/core-plugin-api';\nimport {\n  techInsightsApiRef,\n  TechInsightsClient,\n} from '@backstage-community/plugin-tech-insights-react';\nimport { rootRouteRef } from './routes';\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  createComponentExtension({\n    name: 'ScorecardInfo',\n    component: {\n      lazy: () =>\n        import('./components/ScorecardsInfo').then(m => m.ScorecardInfo),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const ScorecardsList = techInsightsPlugin.provide(\n  createComponentExtension({\n    name: 'ScorecardsList',\n    component: {\n      lazy: () =>\n        import('./components/ScorecardsList').then(m => m.ScorecardsList),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const ScorecardBadge = techInsightsPlugin.provide(\n  createComponentExtension({\n    name: 'ScorecardBadge',\n    component: {\n      lazy: () =>\n        import('./components/ScorecardsBadge').then(m => m.ScorecardsBadge),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const ScorecardGauge = techInsightsPlugin.provide(\n  createComponentExtension({\n    name: 'ScorecardGauge',\n    component: {\n      lazy: () =>\n        import('./components/ScorecardsGauge').then(m => m.ScorecardsGauge),\n    },\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 * @deprecated Use `ResultCheckIcon` from `@backstage-community/plugin-tech-insights-react` instead\n */\nexport const TechInsightsCheckIcon = techInsightsPlugin.provide(\n  createComponentExtension({\n    name: 'TechInsightsCheckIcon',\n    component: {\n      lazy: () =>\n        import('@backstage-community/plugin-tech-insights-react').then(\n          m => m.ResultCheckIcon,\n        ),\n    },\n  }),\n);\n\n/**\n * @public\n * @deprecated Use `ResultLinksMenu` from `@backstage-community/plugin-tech-insights-react` instead\n */\nexport const TechInsightsLinksMenu = techInsightsPlugin.provide(\n  createComponentExtension({\n    name: 'TechInsightsLinksMenu',\n    component: {\n      lazy: () =>\n        import('@backstage-community/plugin-tech-insights-react').then(\n          m => m.ResultLinksMenu,\n        ),\n    },\n  }),\n);\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage-community/plugin-tech-insights",
-  "version": "0.6.0",
+  "version": "0.6.2",
   "backstage": {
     "role": "frontend-plugin",
     "pluginId": "tech-insights",
@@ -42,8 +42,8 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage-community/plugin-tech-insights-common": "^0.7.0",
-    "@backstage-community/plugin-tech-insights-react": "^1.2.0",
+    "@backstage-community/plugin-tech-insights-common": "^0.7.1",
+    "@backstage-community/plugin-tech-insights-react": "^1.2.1",
     "@backstage/catalog-model": "^1.7.4",
     "@backstage/core-components": "^0.17.2",
     "@backstage/core-plugin-api": "^1.10.7",