@backstage-community/plugin-tech-insights 1.0.3 → 1.1.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @backstage-community/plugin-tech-insights
 
+## 1.1.0
+
+### Minor Changes
+
+- 1a5b5e4: Added `TechInsightsScorecardBlueprint` for creating custom entity scorecard content filtered to specific entities on the new frontend system. See the plugin README for usage details.
+
+### Patch Changes
+
+- Updated dependencies [1a5b5e4]
+  - @backstage-community/plugin-tech-insights-react@1.4.0
+
 ## 1.0.3
 
 ### Patch Changes

package/README.md

@@ -25,6 +25,39 @@ If you are using Backstage's [new frontend system](https://backstage.io/docs/fro
 - Entity content for displaying scorecards on entity pages
 - Entity cards for displaying scorecards in entity overview
 
+#### Creating custom scorecards with TechInsightsScorecardBlueprint
+
+The `TechInsightsScorecardBlueprint` allows you to create custom scorecard content that can be filtered to specific entities. This is useful when you want different scorecards to appear for different entity types or based on entity metadata. The `filter` parameter uses the same entity predicate format as other Backstage entity filters, allowing you to match on `kind`, `metadata`, `spec` fields, and more.
+
+```ts
+import { createFrontendModule } from '@backstage/frontend-plugin-api';
+import { TechInsightsScorecardBlueprint } from '@backstage-community/plugin-tech-insights-react/alpha';
+
+// In this example, all API entities would get the first scorecard, but only the production APIs would get the second scorecard.
+const techInsightsModule = createFrontendModule({
+  pluginId: 'tech-insights',
+  extensions: [
+    TechInsightsScorecardBlueprint.make({
+      name: 'apis',
+      params: {
+        filter: { kind: 'api' },
+        title: 'API Scorecard',
+        description: 'Checks specific to API entities',
+        checkIds: ['apiDefinitionCheck'],
+      },
+    }),
+    TechInsightsScorecardBlueprint.make({
+      name: 'production-apis',
+      params: {
+        filter: { kind: 'api', 'spec.lifecycle': 'production' },
+        title: 'Production API Scorecard',
+        checkIds: ['groupOwnerCheck', 'productionReadinessCheck'],
+      },
+    }),
+  ],
+});
+```
+
 ### Integrating with the Legacy Frontend System
 
 The following sections describe how to integrate the plugin with the legacy frontend system.

package/dist/alpha/entityContent.esm.js

@@ -1,17 +1,76 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsx, Fragment } from 'react/jsx-runtime';
 import { compatWrapper } from '@backstage/core-compat-api';
-import { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';
+import { createExtensionInput } from '@backstage/frontend-plugin-api';
+import { useEntity } from '@backstage/plugin-catalog-react';
+import { EntityContentBlueprint, entityPredicateToFilterFunction } from '@backstage/plugin-catalog-react/alpha';
+import { TechInsightsScorecardBlueprint } from '@backstage-community/plugin-tech-insights-react/alpha';
 
-const entityTechInsightsScorecardContent = EntityContentBlueprint.make({
-  name: "scorecards",
-  params: {
-    path: "/tech-insights",
-    title: "Scorecards",
-    loader: () => import('../components/ScorecardsContent/index.esm.js').then(
-      (m) => compatWrapper(/* @__PURE__ */ jsx(m.ScorecardsContent, { title: "Scorecards" }))
-    )
+const entityTechInsightsContent = EntityContentBlueprint.makeWithOverrides({
+  name: "scorecards-content",
+  config: {
+    schema: {
+      description: (z) => z.string().optional(),
+      checkIds: (z) => z.array(z.string()).optional(),
+      dense: (z) => z.boolean().optional()
+    }
+  },
+  inputs: {
+    scorecards: createExtensionInput([
+      TechInsightsScorecardBlueprint.dataRefs.props,
+      TechInsightsScorecardBlueprint.dataRefs.entityFilter.optional()
+    ])
+  },
+  factory(originalFactory, { inputs, config }) {
+    return originalFactory(
+      (defineParams) => defineParams({
+        path: config.path ?? "/tech-insights",
+        title: config.title ?? "Tech Insights",
+        loader: async () => {
+          const { ScorecardsContent } = await import('../components/ScorecardsContent/index.esm.js');
+          const scorecards = inputs.scorecards.map((scorecard) => {
+            const entityFilter = scorecard.get(
+              TechInsightsScorecardBlueprint.dataRefs.entityFilter
+            );
+            return {
+              props: scorecard.get(
+                TechInsightsScorecardBlueprint.dataRefs.props
+              ),
+              entityFilter: entityFilter ? entityPredicateToFilterFunction(entityFilter) : () => true
+            };
+          });
+          if (scorecards.length === 0) {
+            return /* @__PURE__ */ jsx(
+              ScorecardsContent,
+              {
+                title: config.title ?? "Scorecards",
+                description: config.description,
+                checksId: config.checkIds ?? void 0,
+                dense: config.dense
+              }
+            );
+          }
+          const Component = () => {
+            const { entity } = useEntity();
+            const matchingScorecards = scorecards.filter(
+              (s) => s.entityFilter(entity)
+            );
+            return /* @__PURE__ */ jsx(Fragment, { children: matchingScorecards.map((s) => /* @__PURE__ */ jsx(
+              ScorecardsContent,
+              {
+                title: s.props.title ?? "Scorecards",
+                description: s.props.description,
+                checksId: s.props.checkIds ?? [],
+                dense: s.props.dense,
+                filter: s.props.checkFilter
+              }
+            )) });
+          };
+          return compatWrapper(/* @__PURE__ */ jsx(Component, {}));
+        }
+      })
+    );
   }
 });
 
-export { entityTechInsightsScorecardContent };
+export { entityTechInsightsContent };
 //# sourceMappingURL=entityContent.esm.js.map

package/dist/alpha/entityContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"entityContent.esm.js","sources":["../../src/alpha/entityContent.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 { compatWrapper } from '@backstage/core-compat-api';\nimport { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';\n\n/**\n * Entity content extension that displays Tech Insights scorecards for an entity.\n *\n * @alpha\n */\nexport const entityTechInsightsScorecardContent = EntityContentBlueprint.make({\n  name: 'scorecards',\n  params: {\n    path: '/tech-insights',\n    title: 'Scorecards',\n    loader: () =>\n      import('../components/ScorecardsContent').then(m =>\n        compatWrapper(<m.ScorecardsContent title=\"Scorecards\" />),\n      ),\n  },\n});\n"],"names":[],"mappings":";;;;AAuBa,MAAA,kCAAA,GAAqC,uBAAuB,IAAK,CAAA;AAAA,EAC5E,IAAM,EAAA,YAAA;AAAA,EACN,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,gBAAA;AAAA,IACN,KAAO,EAAA,YAAA;AAAA,IACP,MAAQ,EAAA,MACN,OAAO,8CAAiC,CAAE,CAAA,IAAA;AAAA,MAAK,CAAA,CAAA,KAC7C,8BAAe,GAAA,CAAA,CAAA,CAAE,mBAAF,EAAoB,KAAA,EAAM,cAAa,CAAE;AAAA;AAC1D;AAEN,CAAC;;;;"}
+{"version":3,"file":"entityContent.esm.js","sources":["../../src/alpha/entityContent.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 { compatWrapper } from '@backstage/core-compat-api';\nimport { createExtensionInput } from '@backstage/frontend-plugin-api';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport {\n  entityPredicateToFilterFunction,\n  EntityContentBlueprint,\n} from '@backstage/plugin-catalog-react/alpha';\nimport { TechInsightsScorecardBlueprint } from '@backstage-community/plugin-tech-insights-react/alpha';\n\nexport const entityTechInsightsContent =\n  EntityContentBlueprint.makeWithOverrides({\n    name: 'scorecards-content',\n    config: {\n      schema: {\n        description: z => z.string().optional(),\n        checkIds: z => z.array(z.string()).optional(),\n        dense: z => z.boolean().optional(),\n      },\n    },\n    inputs: {\n      scorecards: createExtensionInput([\n        TechInsightsScorecardBlueprint.dataRefs.props,\n        TechInsightsScorecardBlueprint.dataRefs.entityFilter.optional(),\n      ]),\n    },\n    factory(originalFactory, { inputs, config }) {\n      return originalFactory(defineParams =>\n        defineParams({\n          path: config.path ?? '/tech-insights',\n          title: config.title ?? 'Tech Insights',\n          loader: async () => {\n            const { ScorecardsContent } = await import(\n              '../components/ScorecardsContent'\n            );\n\n            const scorecards = inputs.scorecards.map(scorecard => {\n              const entityFilter = scorecard.get(\n                TechInsightsScorecardBlueprint.dataRefs.entityFilter,\n              );\n\n              return {\n                props: scorecard.get(\n                  TechInsightsScorecardBlueprint.dataRefs.props,\n                ),\n                entityFilter: entityFilter\n                  ? entityPredicateToFilterFunction(entityFilter)\n                  : () => true,\n              };\n            });\n\n            if (scorecards.length === 0) {\n              return (\n                <ScorecardsContent\n                  title={config.title ?? 'Scorecards'}\n                  description={config.description}\n                  checksId={config.checkIds ?? undefined}\n                  dense={config.dense}\n                />\n              );\n            }\n\n            const Component = () => {\n              const { entity } = useEntity();\n\n              const matchingScorecards = scorecards.filter(s =>\n                s.entityFilter(entity),\n              );\n\n              return (\n                <>\n                  {matchingScorecards.map(s => (\n                    <ScorecardsContent\n                      title={s.props.title ?? 'Scorecards'}\n                      description={s.props.description}\n                      checksId={s.props.checkIds ?? []}\n                      dense={s.props.dense}\n                      filter={s.props.checkFilter}\n                    />\n                  ))}\n                </>\n              );\n            };\n\n            return compatWrapper(<Component />);\n          },\n        }),\n      );\n    },\n  });\n"],"names":[],"mappings":";;;;;;;AAyBa,MAAA,yBAAA,GACX,uBAAuB,iBAAkB,CAAA;AAAA,EACvC,IAAM,EAAA,oBAAA;AAAA,EACN,MAAQ,EAAA;AAAA,IACN,MAAQ,EAAA;AAAA,MACN,WAAa,EAAA,CAAA,CAAA,KAAK,CAAE,CAAA,MAAA,GAAS,QAAS,EAAA;AAAA,MACtC,QAAA,EAAU,OAAK,CAAE,CAAA,KAAA,CAAM,EAAE,MAAO,EAAC,EAAE,QAAS,EAAA;AAAA,MAC5C,KAAO,EAAA,CAAA,CAAA,KAAK,CAAE,CAAA,OAAA,GAAU,QAAS;AAAA;AACnC,GACF;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,YAAY,oBAAqB,CAAA;AAAA,MAC/B,+BAA+B,QAAS,CAAA,KAAA;AAAA,MACxC,8BAAA,CAA+B,QAAS,CAAA,YAAA,CAAa,QAAS;AAAA,KAC/D;AAAA,GACH;AAAA,EACA,OAAQ,CAAA,eAAA,EAAiB,EAAE,MAAA,EAAQ,QAAU,EAAA;AAC3C,IAAO,OAAA,eAAA;AAAA,MAAgB,kBACrB,YAAa,CAAA;AAAA,QACX,IAAA,EAAM,OAAO,IAAQ,IAAA,gBAAA;AAAA,QACrB,KAAA,EAAO,OAAO,KAAS,IAAA,eAAA;AAAA,QACvB,QAAQ,YAAY;AAClB,UAAA,MAAM,EAAE,iBAAA,EAAsB,GAAA,MAAM,OAClC,8CACF,CAAA;AAEA,UAAA,MAAM,UAAa,GAAA,MAAA,CAAO,UAAW,CAAA,GAAA,CAAI,CAAa,SAAA,KAAA;AACpD,YAAA,MAAM,eAAe,SAAU,CAAA,GAAA;AAAA,cAC7B,+BAA+B,QAAS,CAAA;AAAA,aAC1C;AAEA,YAAO,OAAA;AAAA,cACL,OAAO,SAAU,CAAA,GAAA;AAAA,gBACf,+BAA+B,QAAS,CAAA;AAAA,eAC1C;AAAA,cACA,YAAc,EAAA,YAAA,GACV,+BAAgC,CAAA,YAAY,IAC5C,MAAM;AAAA,aACZ;AAAA,WACD,CAAA;AAED,UAAI,IAAA,UAAA,CAAW,WAAW,CAAG,EAAA;AAC3B,YACE,uBAAA,GAAA;AAAA,cAAC,iBAAA;AAAA,cAAA;AAAA,gBACC,KAAA,EAAO,OAAO,KAAS,IAAA,YAAA;AAAA,gBACvB,aAAa,MAAO,CAAA,WAAA;AAAA,gBACpB,QAAA,EAAU,OAAO,QAAY,IAAA,KAAA,CAAA;AAAA,gBAC7B,OAAO,MAAO,CAAA;AAAA;AAAA,aAChB;AAAA;AAIJ,UAAA,MAAM,YAAY,MAAM;AACtB,YAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAE7B,YAAA,MAAM,qBAAqB,UAAW,CAAA,MAAA;AAAA,cAAO,CAAA,CAAA,KAC3C,CAAE,CAAA,YAAA,CAAa,MAAM;AAAA,aACvB;AAEA,YACE,uBAAA,GAAA,CAAA,QAAA,EAAA,EACG,QAAmB,EAAA,kBAAA,CAAA,GAAA,CAAI,CACtB,CAAA,qBAAA,GAAA;AAAA,cAAC,iBAAA;AAAA,cAAA;AAAA,gBACC,KAAA,EAAO,CAAE,CAAA,KAAA,CAAM,KAAS,IAAA,YAAA;AAAA,gBACxB,WAAA,EAAa,EAAE,KAAM,CAAA,WAAA;AAAA,gBACrB,QAAU,EAAA,CAAA,CAAE,KAAM,CAAA,QAAA,IAAY,EAAC;AAAA,gBAC/B,KAAA,EAAO,EAAE,KAAM,CAAA,KAAA;AAAA,gBACf,MAAA,EAAQ,EAAE,KAAM,CAAA;AAAA;AAAA,aAEnB,CACH,EAAA,CAAA;AAAA,WAEJ;AAEA,UAAO,OAAA,aAAA,iBAAe,GAAA,CAAA,SAAA,EAAA,EAAU,CAAE,CAAA;AAAA;AACpC,OACD;AAAA,KACH;AAAA;AAEJ,CAAC;;;;"}

package/dist/alpha/plugin.esm.js

@@ -1,6 +1,6 @@
 import { createFrontendPlugin } from '@backstage/frontend-plugin-api';
 import { techInsightsApi } from './apis.esm.js';
-import { entityTechInsightsScorecardContent } from './entityContent.esm.js';
+import { entityTechInsightsContent } from './entityContent.esm.js';
 import { entityTechInsightsScorecardCard } from './entityCards.esm.js';
 import { techInsightsScorecardPage } from './pages.esm.js';
 import { techInsightsNavItem } from './navItems.esm.js';
@@ -10,7 +10,7 @@ const techInsightsPlugin = createFrontendPlugin({
   extensions: [
     techInsightsApi,
     techInsightsScorecardPage,
-    entityTechInsightsScorecardContent,
+    entityTechInsightsContent,
     entityTechInsightsScorecardCard,
     techInsightsNavItem
   ]

package/dist/alpha/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../../src/alpha/plugin.ts"],"sourcesContent":["/*\n * Copyright 2026 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 { createFrontendPlugin } from '@backstage/frontend-plugin-api';\nimport { techInsightsApi } from './apis';\nimport { entityTechInsightsScorecardContent } from './entityContent';\nimport { entityTechInsightsScorecardCard } from './entityCards';\nimport { techInsightsScorecardPage } from './pages';\nimport { techInsightsNavItem } from './navItems';\n\n/**\n * The Tech Insights frontend plugin for the new Backstage frontend system.\n *\n * @alpha\n */\nconst techInsightsPlugin = createFrontendPlugin({\n  pluginId: 'tech-insights',\n  extensions: [\n    techInsightsApi,\n    techInsightsScorecardPage,\n    entityTechInsightsScorecardContent,\n    entityTechInsightsScorecardCard,\n    techInsightsNavItem,\n  ],\n});\n\nexport default techInsightsPlugin;\n"],"names":[],"mappings":";;;;;;;AA2BA,MAAM,qBAAqB,oBAAqB,CAAA;AAAA,EAC9C,QAAU,EAAA,eAAA;AAAA,EACV,UAAY,EAAA;AAAA,IACV,eAAA;AAAA,IACA,yBAAA;AAAA,IACA,kCAAA;AAAA,IACA,+BAAA;AAAA,IACA;AAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"plugin.esm.js","sources":["../../src/alpha/plugin.ts"],"sourcesContent":["/*\n * Copyright 2026 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 { createFrontendPlugin } from '@backstage/frontend-plugin-api';\nimport { techInsightsApi } from './apis';\nimport { entityTechInsightsContent } from './entityContent';\nimport { entityTechInsightsScorecardCard } from './entityCards';\nimport { techInsightsScorecardPage } from './pages';\nimport { techInsightsNavItem } from './navItems';\n\n/**\n * The Tech Insights frontend plugin for the new Backstage frontend system.\n *\n * @alpha\n */\nconst techInsightsPlugin = createFrontendPlugin({\n  pluginId: 'tech-insights',\n  extensions: [\n    techInsightsApi,\n    techInsightsScorecardPage,\n    entityTechInsightsContent,\n    entityTechInsightsScorecardCard,\n    techInsightsNavItem,\n  ],\n});\n\nexport default techInsightsPlugin;\n"],"names":[],"mappings":";;;;;;;AA2BA,MAAM,qBAAqB,oBAAqB,CAAA;AAAA,EAC9C,QAAU,EAAA,eAAA;AAAA,EACV,UAAY,EAAA;AAAA,IACV,eAAA;AAAA,IACA,yBAAA;AAAA,IACA,yBAAA;AAAA,IACA,+BAAA;AAAA,IACA;AAAA;AAEJ,CAAC;;;;"}

package/dist/alpha.d.ts

@@ -1,3 +1,4 @@
+import * as _backstage_community_plugin_tech_insights_common from '@backstage-community/plugin-tech-insights-common';
 import * as _backstage_catalog_model from '@backstage/catalog-model';
 import * as react from 'react';
 import * as _backstage_plugin_catalog_react_alpha from '@backstage/plugin-catalog-react/alpha';
@@ -43,20 +44,24 @@ declare const techInsightsPlugin: _backstage_frontend_plugin_api.OverridableFron
             type?: _backstage_plugin_catalog_react_alpha.EntityCardType;
         };
     }>;
-    "entity-content:tech-insights/scorecards": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
-        kind: "entity-content";
-        name: "scorecards";
+    "entity-content:tech-insights/scorecards-content": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
         config: {
+            description: string | undefined;
+            checkIds: string[] | undefined;
+            dense: boolean | undefined;
             path: string | undefined;
             title: string | undefined;
             filter: _backstage_plugin_catalog_react_alpha.EntityPredicate | undefined;
             group: string | false | undefined;
         };
         configInput: {
+            description?: string | undefined;
+            dense?: boolean | undefined;
+            checkIds?: string[] | undefined;
             filter?: _backstage_plugin_catalog_react_alpha.EntityPredicate | undefined;
-            title?: string | undefined;
-            path?: string | undefined;
-            group?: string | false | undefined;
+            title?: string | undefined | undefined;
+            path?: string | undefined | undefined;
+            group?: string | false | undefined | undefined;
         };
         output: _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
             optional: true;
@@ -67,7 +72,22 @@ declare const techInsightsPlugin: _backstage_frontend_plugin_api.OverridableFron
         }> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-content-title", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-content-group", {
             optional: true;
         }>;
-        inputs: {};
+        inputs: {
+            scorecards: _backstage_frontend_plugin_api.ExtensionInput<_backstage_frontend_plugin_api.ConfigurableExtensionDataRef<{
+                title?: string;
+                description?: string;
+                checkIds?: string[];
+                dense?: boolean;
+                checkFilter?: (check: _backstage_community_plugin_tech_insights_common.Check) => boolean;
+            }, "tech-insights-scorecard.props", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_plugin_catalog_react_alpha.EntityPredicate, "tech-insights-scorecard.entity-filter", {
+                optional: true;
+            }>, {
+                singleton: false;
+                optional: false;
+            }>;
+        };
+        kind: "entity-content";
+        name: "scorecards-content";
         params: {
             defaultPath?: [Error: `Use the 'path' param instead`];
             path: string;

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

@@ -1,23 +1,15 @@
 import { jsx } from 'react/jsx-runtime';
 import useAsync from 'react-use/esm/useAsync';
-import { Progress, Page, Content } from '@backstage/core-components';
+import { Progress, Content } from '@backstage/core-components';
 import { useApi } from '@backstage/core-plugin-api';
 import { ScorecardInfo } from '../ScorecardsInfo/ScorecardInfo.esm.js';
 import Alert from '@material-ui/lab/Alert';
 import { techInsightsApiRef } from '@backstage-community/plugin-tech-insights-react';
-import { makeStyles } from '@material-ui/core/styles';
 import { useEntity } from '@backstage/plugin-catalog-react';
 import { getCompoundEntityRef } from '@backstage/catalog-model';
 
-const useStyles = makeStyles(() => ({
-  contentScorecards: {
-    paddingLeft: 0,
-    paddingRight: 0
-  }
-}));
 const ScorecardsContent = (props) => {
   const { title, description, checksId, filter, dense } = props;
-  const classes = useStyles();
   const api = useApi(techInsightsApiRef);
   const { entity } = useEntity();
   const { namespace, kind, name } = getCompoundEntityRef(entity);
@@ -30,7 +22,7 @@ const ScorecardsContent = (props) => {
   } else if (error) {
     return /* @__PURE__ */ jsx(Alert, { severity: "error", children: error.message });
   }
-  return /* @__PURE__ */ jsx(Page, { themeId: "home", children: /* @__PURE__ */ jsx(Content, { className: classes.contentScorecards, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(
     ScorecardInfo,
     {
       title,
@@ -39,7 +31,7 @@ const ScorecardsContent = (props) => {
       checkResults: filteredValues || [],
       dense
     }
-  ) }) });
+  ) });
 };
 
 export { ScorecardsContent };

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  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;;;;"}
+{"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, 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 { useEntity } from '@backstage/plugin-catalog-react';\nimport { getCompoundEntityRef } from '@backstage/catalog-model';\nimport { Check } from '@backstage-community/plugin-tech-insights-common';\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 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    <Content>\n      <ScorecardInfo\n        title={title}\n        description={description}\n        entity={entity}\n        checkResults={filteredValues || []}\n        dense={dense}\n      />\n    </Content>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AA0Ba,MAAA,iBAAA,GAAoB,CAAC,KAM5B,KAAA;AACJ,EAAA,MAAM,EAAE,KAAO,EAAA,WAAA,EAAa,QAAU,EAAA,MAAA,EAAQ,OAAU,GAAA,KAAA;AACxD,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,EAAA,2BACG,OACC,EAAA,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,GAEJ,EAAA,CAAA;AAEJ;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage-community/plugin-tech-insights",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "backstage": {
     "role": "frontend-plugin",
     "pluginId": "tech-insights",
@@ -68,7 +68,7 @@
   },
   "dependencies": {
     "@backstage-community/plugin-tech-insights-common": "^0.8.2",
-    "@backstage-community/plugin-tech-insights-react": "^1.3.3",
+    "@backstage-community/plugin-tech-insights-react": "^1.4.0",
     "@backstage/catalog-model": "^1.7.6",
     "@backstage/core-compat-api": "^0.5.7",
     "@backstage/core-components": "^0.18.6",