@backstage-community/plugin-tech-insights 0.3.39 → 0.3.40

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @backstage-community/plugin-tech-insights
 
+## 0.3.40
+
+### Patch Changes
+
+- 331daba: Added optional `filter` prop to `EntityTechInsightsScorecardContent` and `EntityTechInsightsScorecardCard` for easier and more flexible filtering of what checks to display.
+- Updated dependencies [331daba]
+  - @backstage-community/plugin-tech-insights-common@0.2.21
+
 ## 0.3.39
 
 ### Patch Changes

package/README.md

@@ -57,6 +57,10 @@ You can pass an array `checksId` as a prop with the [Fact Retrievers ids](../tec
 />
 ```
 
+You can also pass a `filter` function to both `EntityTechInsightsScorecardContent` and `EntityTechInsightsScorecardCard` which filters in/out check result after they have been fetched. This can be useful to filter by more logical conditions on fields like `id` or `name`, e.g. the first characters in a name.
+
+To only show failed checks, you can pass the boolan `onlyFailed` to these components.
+
 If you want to show checks in the overview of an entity use `EntityTechInsightsScorecardCard`.
 
 ```tsx

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

@@ -11,27 +11,35 @@ import { useEntity } from '@backstage/plugin-catalog-react';
 import { getCompoundEntityRef } from '@backstage/catalog-model';
 
 const ScorecardsCard = (props) => {
-  const { title, description, checksId, onlyFailed, expanded = true } = props;
+  const {
+    title,
+    description,
+    checksId,
+    filter,
+    onlyFailed,
+    expanded = true
+  } = props;
   const api = useApi(techInsightsApiRef);
   const { entity } = useEntity();
   const { value, loading, error } = useAsync(
     async () => await api.runChecks(getCompoundEntityRef(entity), checksId),
     [api, entity, JSON.stringify(checksId)]
   );
+  const filteredValues = !filter || !value ? value : value.filter((val) => filter(val.check));
   const checkResultRenderers = useMemo(() => {
-    if (!onlyFailed || !value) return {};
-    const types = [...new Set(value.map(({ check }) => check.type))];
+    if (!onlyFailed || !filteredValues) return {};
+    const types = [...new Set(filteredValues.map(({ check }) => check.type))];
     const renderers = api.getCheckResultRenderers(types);
     return Object.fromEntries(
       renderers.map((renderer) => [renderer.type, renderer])
     );
-  }, [api, value, onlyFailed]);
+  }, [api, filteredValues, onlyFailed]);
   if (loading) {
     return /* @__PURE__ */ React.createElement(Progress, null);
   } else if (error) {
     return /* @__PURE__ */ React.createElement(ErrorPanel, { error });
   }
-  const filteredValue = !onlyFailed ? value || [] : (value || []).filter(
+  const filteredValue = !onlyFailed ? filteredValues || [] : (filteredValues || []).filter(
     (val) => checkResultRenderers[val.check.type]?.isFailed?.(val)
   );
   return /* @__PURE__ */ React.createElement(

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

@@ -1 +1 @@
-{"version":3,"file":"ScorecardsCard.esm.js","sources":["../../../src/components/ScorecardsCard/ScorecardsCard.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useMemo } from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { ErrorPanel, Progress } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { ScorecardInfo } from '../ScorecardsInfo';\nimport { techInsightsApiRef } from '../../api';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { getCompoundEntityRef } from '@backstage/catalog-model';\n\nexport const ScorecardsCard = (props: {\n  title: string;\n  description?: string;\n  checksId?: string[];\n  onlyFailed?: boolean;\n  expanded?: boolean;\n}) => {\n  const { title, description, checksId, onlyFailed, expanded = true } = props;\n  const api = useApi(techInsightsApiRef);\n  const { entity } = useEntity();\n  const { value, loading, error } = useAsync(\n    async () => await api.runChecks(getCompoundEntityRef(entity), checksId),\n    [api, entity, JSON.stringify(checksId)],\n  );\n\n  const checkResultRenderers = useMemo(() => {\n    if (!onlyFailed || !value) return {};\n\n    const types = [...new Set(value.map(({ check }) => check.type))];\n    const renderers = api.getCheckResultRenderers(types);\n    return Object.fromEntries(\n      renderers.map(renderer => [renderer.type, renderer]),\n    );\n  }, [api, value, onlyFailed]);\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <ErrorPanel error={error} />;\n  }\n\n  const filteredValue = !onlyFailed\n    ? value || []\n    : (value || []).filter(val =>\n        checkResultRenderers[val.check.type]?.isFailed?.(val),\n      );\n\n  return (\n    <ScorecardInfo\n      title={title}\n      description={description}\n      entity={entity}\n      checkResults={filteredValue}\n      noWarning={onlyFailed}\n      expanded={expanded}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAyBa,MAAA,cAAA,GAAiB,CAAC,KAMzB,KAAA;AACJ,EAAA,MAAM,EAAE,KAAO,EAAA,WAAA,EAAa,UAAU,UAAY,EAAA,QAAA,GAAW,MAAS,GAAA,KAAA,CAAA;AACtE,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,CAAA,CAAA;AACrC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA,CAAA;AAC7B,EAAA,MAAM,EAAE,KAAA,EAAO,OAAS,EAAA,KAAA,EAAU,GAAA,QAAA;AAAA,IAChC,YAAY,MAAM,GAAA,CAAI,UAAU,oBAAqB,CAAA,MAAM,GAAG,QAAQ,CAAA;AAAA,IACtE,CAAC,GAAK,EAAA,MAAA,EAAQ,IAAK,CAAA,SAAA,CAAU,QAAQ,CAAC,CAAA;AAAA,GACxC,CAAA;AAEA,EAAM,MAAA,oBAAA,GAAuB,QAAQ,MAAM;AACzC,IAAA,IAAI,CAAC,UAAA,IAAc,CAAC,KAAA,SAAc,EAAC,CAAA;AAEnC,IAAA,MAAM,KAAQ,GAAA,CAAC,GAAG,IAAI,IAAI,KAAM,CAAA,GAAA,CAAI,CAAC,EAAE,KAAM,EAAA,KAAM,KAAM,CAAA,IAAI,CAAC,CAAC,CAAA,CAAA;AAC/D,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,uBAAA,CAAwB,KAAK,CAAA,CAAA;AACnD,IAAA,OAAO,MAAO,CAAA,WAAA;AAAA,MACZ,UAAU,GAAI,CAAA,CAAA,QAAA,KAAY,CAAC,QAAS,CAAA,IAAA,EAAM,QAAQ,CAAC,CAAA;AAAA,KACrD,CAAA;AAAA,GACC,EAAA,CAAC,GAAK,EAAA,KAAA,EAAO,UAAU,CAAC,CAAA,CAAA;AAE3B,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA,CAAA;AAAA,aACR,KAAO,EAAA;AAChB,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,KAAc,EAAA,CAAA,CAAA;AAAA,GACnC;AAEA,EAAM,MAAA,aAAA,GAAgB,CAAC,UACnB,GAAA,KAAA,IAAS,EACR,GAAA,CAAA,KAAA,IAAS,EAAI,EAAA,MAAA;AAAA,IAAO,SACnB,oBAAqB,CAAA,GAAA,CAAI,MAAM,IAAI,CAAA,EAAG,WAAW,GAAG,CAAA;AAAA,GACtD,CAAA;AAEJ,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAc,EAAA,aAAA;AAAA,MACd,SAAW,EAAA,UAAA;AAAA,MACX,QAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ScorecardsCard.esm.js","sources":["../../../src/components/ScorecardsCard/ScorecardsCard.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useMemo } from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { ErrorPanel, Progress } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { ScorecardInfo } from '../ScorecardsInfo';\nimport { techInsightsApiRef } from '../../api';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { getCompoundEntityRef } from '@backstage/catalog-model';\nimport { Check } from '@backstage-community/plugin-tech-insights-common/client';\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,IAAA;AAAA,GACT,GAAA,KAAA,CAAA;AACJ,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,CAAA,CAAA;AACrC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA,CAAA;AAC7B,EAAA,MAAM,EAAE,KAAA,EAAO,OAAS,EAAA,KAAA,EAAU,GAAA,QAAA;AAAA,IAChC,YAAY,MAAM,GAAA,CAAI,UAAU,oBAAqB,CAAA,MAAM,GAAG,QAAQ,CAAA;AAAA,IACtE,CAAC,GAAK,EAAA,MAAA,EAAQ,IAAK,CAAA,SAAA,CAAU,QAAQ,CAAC,CAAA;AAAA,GACxC,CAAA;AAEA,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,CAAA;AAEnE,EAAM,MAAA,oBAAA,GAAuB,QAAQ,MAAM;AACzC,IAAA,IAAI,CAAC,UAAA,IAAc,CAAC,cAAA,SAAuB,EAAC,CAAA;AAE5C,IAAA,MAAM,KAAQ,GAAA,CAAC,GAAG,IAAI,IAAI,cAAe,CAAA,GAAA,CAAI,CAAC,EAAE,KAAM,EAAA,KAAM,KAAM,CAAA,IAAI,CAAC,CAAC,CAAA,CAAA;AACxE,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,uBAAA,CAAwB,KAAK,CAAA,CAAA;AACnD,IAAA,OAAO,MAAO,CAAA,WAAA;AAAA,MACZ,UAAU,GAAI,CAAA,CAAA,QAAA,KAAY,CAAC,QAAS,CAAA,IAAA,EAAM,QAAQ,CAAC,CAAA;AAAA,KACrD,CAAA;AAAA,GACC,EAAA,CAAC,GAAK,EAAA,cAAA,EAAgB,UAAU,CAAC,CAAA,CAAA;AAEpC,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA,CAAA;AAAA,aACR,KAAO,EAAA;AAChB,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,KAAc,EAAA,CAAA,CAAA;AAAA,GACnC;AAEA,EAAM,MAAA,aAAA,GAAgB,CAAC,UACnB,GAAA,cAAA,IAAkB,EACjB,GAAA,CAAA,cAAA,IAAkB,EAAI,EAAA,MAAA;AAAA,IAAO,SAC5B,oBAAqB,CAAA,GAAA,CAAI,MAAM,IAAI,CAAA,EAAG,WAAW,GAAG,CAAA;AAAA,GACtD,CAAA;AAEJ,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAc,EAAA,aAAA;AAAA,MACd,SAAW,EAAA,UAAA;AAAA,MACX,QAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ;;;;"}

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

@@ -16,7 +16,7 @@ const useStyles = makeStyles(() => ({
   }
 }));
 const ScorecardsContent = (props) => {
-  const { title, description, checksId } = props;
+  const { title, description, checksId, filter } = props;
   const classes = useStyles();
   const api = useApi(techInsightsApiRef);
   const { entity } = useEntity();
@@ -24,6 +24,7 @@ const ScorecardsContent = (props) => {
   const { value, loading, error } = useAsync(
     async () => await api.runChecks({ namespace, kind, name }, checksId)
   );
+  const filteredValues = !filter || !value ? value : value.filter((val) => filter(val.check));
   if (loading) {
     return /* @__PURE__ */ React.createElement(Progress, null);
   } else if (error) {
@@ -35,7 +36,7 @@ const ScorecardsContent = (props) => {
       title,
       description,
       entity,
-      checkResults: value || []
+      checkResults: filteredValues || []
     }
   )));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ScorecardContent.esm.js","sources":["../../../src/components/ScorecardsContent/ScorecardContent.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { Content, Page, Progress } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { ScorecardInfo } from '../ScorecardsInfo';\nimport Alert from '@material-ui/lab/Alert';\nimport { techInsightsApiRef } from '../../api/TechInsightsApi';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { getCompoundEntityRef } from '@backstage/catalog-model';\n\nconst useStyles = makeStyles(() => ({\n  contentScorecards: {\n    paddingLeft: 0,\n    paddingRight: 0,\n  },\n}));\n\nexport const ScorecardsContent = (props: {\n  title: string;\n  description?: string;\n  checksId?: string[];\n}) => {\n  const { title, description, checksId } = props;\n  const classes = useStyles();\n  const api = useApi(techInsightsApiRef);\n  const { entity } = useEntity();\n  const { namespace, kind, name } = getCompoundEntityRef(entity);\n  const { value, loading, error } = useAsync(\n    async () => await api.runChecks({ namespace, kind, name }, checksId),\n  );\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <Alert severity=\"error\">{error.message}</Alert>;\n  }\n\n  return (\n    <Page themeId=\"home\">\n      <Content className={classes.contentScorecards}>\n        <ScorecardInfo\n          title={title}\n          description={description}\n          entity={entity}\n          checkResults={value || []}\n        />\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AA2BA,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,iBAAmB,EAAA;AAAA,IACjB,WAAa,EAAA,CAAA;AAAA,IACb,YAAc,EAAA,CAAA;AAAA,GAChB;AACF,CAAE,CAAA,CAAA,CAAA;AAEW,MAAA,iBAAA,GAAoB,CAAC,KAI5B,KAAA;AACJ,EAAA,MAAM,EAAE,KAAA,EAAO,WAAa,EAAA,QAAA,EAAa,GAAA,KAAA,CAAA;AACzC,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,CAAA,CAAA;AACrC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA,CAAA;AAC7B,EAAA,MAAM,EAAE,SAAW,EAAA,IAAA,EAAM,IAAK,EAAA,GAAI,qBAAqB,MAAM,CAAA,CAAA;AAC7D,EAAA,MAAM,EAAE,KAAA,EAAO,OAAS,EAAA,KAAA,EAAU,GAAA,QAAA;AAAA,IAChC,YAAY,MAAM,GAAI,CAAA,SAAA,CAAU,EAAE,SAAW,EAAA,IAAA,EAAM,IAAK,EAAA,EAAG,QAAQ,CAAA;AAAA,GACrE,CAAA;AAEA,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA,CAAA;AAAA,aACR,KAAO,EAAA;AAChB,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,OAAA,EAAA,EAAS,MAAM,OAAQ,CAAA,CAAA;AAAA,GAChD;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,OAAQ,EAAA,MAAA,EAAA,sCACX,OAAQ,EAAA,EAAA,SAAA,EAAW,QAAQ,iBAC1B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAA,EAAc,SAAS,EAAC;AAAA,KAAA;AAAA,GAE5B,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ScorecardContent.esm.js","sources":["../../../src/components/ScorecardsContent/ScorecardContent.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { Content, Page, Progress } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { ScorecardInfo } from '../ScorecardsInfo';\nimport Alert from '@material-ui/lab/Alert';\nimport { techInsightsApiRef } from '../../api/TechInsightsApi';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { getCompoundEntityRef } from '@backstage/catalog-model';\nimport { Check } from '@backstage-community/plugin-tech-insights-common/client';\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":";;;;;;;;;;;AA4BA,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,iBAAmB,EAAA;AAAA,IACjB,WAAa,EAAA,CAAA;AAAA,IACb,YAAc,EAAA,CAAA;AAAA,GAChB;AACF,CAAE,CAAA,CAAA,CAAA;AAEW,MAAA,iBAAA,GAAoB,CAAC,KAK5B,KAAA;AACJ,EAAA,MAAM,EAAE,KAAA,EAAO,WAAa,EAAA,QAAA,EAAU,QAAW,GAAA,KAAA,CAAA;AACjD,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,CAAA,CAAA;AACrC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA,CAAA;AAC7B,EAAA,MAAM,EAAE,SAAW,EAAA,IAAA,EAAM,IAAK,EAAA,GAAI,qBAAqB,MAAM,CAAA,CAAA;AAC7D,EAAA,MAAM,EAAE,KAAA,EAAO,OAAS,EAAA,KAAA,EAAU,GAAA,QAAA;AAAA,IAChC,YAAY,MAAM,GAAI,CAAA,SAAA,CAAU,EAAE,SAAW,EAAA,IAAA,EAAM,IAAK,EAAA,EAAG,QAAQ,CAAA;AAAA,GACrE,CAAA;AAEA,EAAA,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,CAAA;AAEnE,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA,CAAA;AAAA,aACR,KAAO,EAAA;AAChB,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,OAAA,EAAA,EAAS,MAAM,OAAQ,CAAA,CAAA;AAAA,GAChD;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,OAAQ,EAAA,MAAA,EAAA,sCACX,OAAQ,EAAA,EAAA,SAAA,EAAW,QAAQ,iBAC1B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAA,EAAc,kBAAkB,EAAC;AAAA,KAAA;AAAA,GAErC,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/index.d.ts

@@ -5,9 +5,10 @@ import * as _backstage_community_plugin_tech_insights_common from '@backstage-co
 import { CheckResult, BulkCheckResponse, FactSchema, CheckLink } from '@backstage-community/plugin-tech-insights-common';
 import * as _backstage_catalog_model from '@backstage/catalog-model';
 import { Entity, CompoundEntityRef } from '@backstage/catalog-model';
+import * as _backstage_community_plugin_tech_insights_common_client from '@backstage-community/plugin-tech-insights-common/client';
+import { Check as Check$1, InsightFacts as InsightFacts$1, TechInsightsClient as TechInsightsClient$1 } from '@backstage-community/plugin-tech-insights-common/client';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import { DiscoveryApi, IdentityApi } from '@backstage/core-plugin-api';
-import { Check as Check$1, InsightFacts as InsightFacts$1, TechInsightsClient as TechInsightsClient$1 } from '@backstage-community/plugin-tech-insights-common/client';
 import { JsonValue } from '@backstage/types';
 
 /**
@@ -130,6 +131,7 @@ declare const EntityTechInsightsScorecardContent: (props: {
     title: string;
     description?: string | undefined;
     checksId?: string[] | undefined;
+    filter?: ((check: _backstage_community_plugin_tech_insights_common_client.Check) => boolean) | undefined;
 }) => react.JSX.Element;
 /**
  * @public
@@ -138,6 +140,7 @@ declare const EntityTechInsightsScorecardCard: (props: {
     title: string;
     description?: string | undefined;
     checksId?: string[] | undefined;
+    filter?: ((check: _backstage_community_plugin_tech_insights_common_client.Check) => boolean) | undefined;
     onlyFailed?: boolean | undefined;
     expanded?: boolean | undefined;
 }) => react.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage-community/plugin-tech-insights",
-  "version": "0.3.39",
+  "version": "0.3.40",
   "backstage": {
     "role": "frontend-plugin",
     "pluginId": "tech-insights",
@@ -39,7 +39,7 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage-community/plugin-tech-insights-common": "^0.2.20",
+    "@backstage-community/plugin-tech-insights-common": "^0.2.21",
     "@backstage/catalog-model": "^1.7.0",
     "@backstage/core-components": "^0.15.1",
     "@backstage/core-plugin-api": "^1.10.0",