@red-hat-developer-hub/backstage-plugin-scorecard 2.6.0 → 2.7.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @red-hat-developer-hub/backstage-plugin-scorecard
 
+## 2.7.0
+
+### Minor Changes
+
+- bf72ffc: Adds `**average**` as an aggregation KPI type alongside `**statusGrouped**`, with configurable `**options.statusScores**` and optional `**options.thresholds**` (same shape as metric thresholds) for homepage donut coloring against `**averageScore × 100**`, with built-in defaults when omitted.
+
+### Patch Changes
+
+- Updated dependencies [bf72ffc]
+  - @red-hat-developer-hub/backstage-plugin-scorecard-common@2.7.0
+
 ## 2.6.0
 
 ### Minor Changes

package/README.md

@@ -6,7 +6,7 @@ The plugin supports both the **legacy** Backstage frontend and the **New Fronten
 **Features:**
 
 - **Entity scorecard tab** — View scorecard metrics on catalog entity pages (components, websites, etc.).
-- **Scorecard homepage card** — Show aggregated KPIs on the home page (e.g. GitHub open PRs, Jira open issues).
+- **Scorecard homepage card** — Show aggregated KPIs on the home page (e.g. GitHub open PRs, Jira open issues). Supports **`statusGrouped`** (multi-slice pie) and **`average`** (weighted health donut) KPI types configured under **`scorecard.aggregationKPIs`**.
 - **Scorecard Entities page** — Drill down from an aggregated metric to see the list of entities contributing to that metric, with entity-level values and status, so you can identify services impacting the KPI and investigate issues.
 
 ## Getting started
@@ -310,6 +310,8 @@ The plugin exports **`ScorecardHomepageCard`** (see [`plugin.ts`](./src/plugin.t
 
 Define KPI ids and optional labels under **`scorecard.aggregationKPIs`** so each card can call **`GET /aggregations/<aggregationId>`** with a stable id. See [Scorecard backend README — Aggregation KPIs](../scorecard-backend/README.md#aggregation-kpis-homepage-and-get-aggregations). If you omit a KPI entry, use the **metric id** as `aggregationId` (default status-grouped aggregation).
 
+**`type: average`** KPIs require **`options.statusScores`** (weights per threshold rule key). Optionally set **`options.thresholds`** so the API returns **`aggregationChartDisplayColor`** for the headline percentage. Behavior, validation, and drill-down notes are described in [aggregation.md](../scorecard-backend/docs/aggregation.md).
+
 #### Card props
 
 The supported model is **a single `aggregationId` string** whose value is either:

package/dist/alpha/extensions/homePageCards.esm.js

@@ -32,6 +32,9 @@ function AggregatedCardWithGithubFilecheckLicenseContent() {
 function AggregatedCardWithGithubFilecheckCodeownersContent() {
   return /* @__PURE__ */ jsx(ScorecardHomepageCardWithProvider, { aggregationId: "filecheck.codeowners" });
 }
+function AggregatedCardWithGithubOpenPrsWeightedContent() {
+  return /* @__PURE__ */ jsx(ScorecardHomepageCardWithProvider, { aggregationId: "openPrsWeightedKpi" });
+}
 function BorderlessHomeWidgetRenderer({ Content }) {
   return /* @__PURE__ */ jsx(Content, {});
 }
@@ -119,6 +122,20 @@ const aggregatedCardWithGithubFilecheckCodeownersWidget = HomePageWidgetBlueprin
     })
   }
 });
+const aggregatedCardWithGithubOpenPrsWeightedWidget = HomePageWidgetBlueprint.make({
+  name: "scorecard-github-open-prs-weighted",
+  params: {
+    name: "AggregatedCardWithGithubOpenPrsWeighted",
+    title: "Scorecard: GitHub open PRs (weighted health)",
+    layout: defaultCardLayout,
+    componentProps: {
+      Renderer: BorderlessHomeWidgetRenderer
+    },
+    components: () => Promise.resolve({
+      Content: AggregatedCardWithGithubOpenPrsWeightedContent
+    })
+  }
+});
 
-export { aggregatedCardWithDefaultAggregationWidget, aggregatedCardWithDeprecatedMetricIdWidget, aggregatedCardWithGithubFilecheckCodeownersWidget, aggregatedCardWithGithubFilecheckLicenseWidget, aggregatedCardWithGithubOpenPrsWidget, aggregatedCardWithJiraOpenIssuesWidget };
+export { aggregatedCardWithDefaultAggregationWidget, aggregatedCardWithDeprecatedMetricIdWidget, aggregatedCardWithGithubFilecheckCodeownersWidget, aggregatedCardWithGithubFilecheckLicenseWidget, aggregatedCardWithGithubOpenPrsWeightedWidget, aggregatedCardWithGithubOpenPrsWidget, aggregatedCardWithJiraOpenIssuesWidget };
 //# sourceMappingURL=homePageCards.esm.js.map

package/dist/alpha/extensions/homePageCards.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"homePageCards.esm.js","sources":["../../../src/alpha/extensions/homePageCards.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { HomePageWidgetBlueprint } from '@backstage/plugin-home-react/alpha';\nimport type { RendererProps } from '@backstage/plugin-home-react';\nimport { ScorecardHomepageCardWithProvider } from '../../components/ScorecardHomepageSection';\n\nconst defaultCardLayout = {\n  width: {\n    minColumns: 3,\n    maxColumns: 12,\n    defaultColumns: 4,\n  },\n  height: {\n    minRows: 5,\n    maxRows: 12,\n    defaultRows: 6,\n  },\n} as const;\n\nfunction AggregatedCardWithDeprecatedMetricIdContent() {\n  return <ScorecardHomepageCardWithProvider metricId=\"jira.open_issues\" />;\n}\n\nfunction AggregatedCardWithDefaultAggregationContent() {\n  return <ScorecardHomepageCardWithProvider aggregationId=\"github.open_prs\" />;\n}\n\nfunction AggregatedCardWithJiraOpenIssuesContent() {\n  return <ScorecardHomepageCardWithProvider aggregationId=\"openIssuesKpi\" />;\n}\n\nfunction AggregatedCardWithGithubOpenPrsContent() {\n  return <ScorecardHomepageCardWithProvider aggregationId=\"openPrsKpi\" />;\n}\n\nfunction AggregatedCardWithGithubFilecheckLicenseContent() {\n  return (\n    <ScorecardHomepageCardWithProvider aggregationId=\"licenseFileExistsKpi\" />\n  );\n}\n\nfunction AggregatedCardWithGithubFilecheckCodeownersContent() {\n  return (\n    <ScorecardHomepageCardWithProvider aggregationId=\"filecheck.codeowners\" />\n  );\n}\n\nfunction BorderlessHomeWidgetRenderer({ Content }: RendererProps) {\n  return <Content />;\n}\n\n/**\n * NFS widget: AggregatedCardWithDeprecatedMetricId.\n * @alpha\n */\nexport const aggregatedCardWithDeprecatedMetricIdWidget =\n  HomePageWidgetBlueprint.make({\n    name: 'scorecard-deprecated-metric-id',\n    params: {\n      name: 'AggregatedCardWithDeprecatedMetricId',\n      title: 'Scorecard: With deprecated metricId property (Jira)',\n      layout: defaultCardLayout,\n      componentProps: {\n        Renderer: BorderlessHomeWidgetRenderer,\n      },\n      components: () =>\n        Promise.resolve({\n          Content: AggregatedCardWithDeprecatedMetricIdContent,\n        }),\n    },\n  });\n\n/**\n * NFS widget: AggregatedCardWithDefaultAggregation.\n * @alpha\n */\nexport const aggregatedCardWithDefaultAggregationWidget =\n  HomePageWidgetBlueprint.make({\n    name: 'scorecard-default-aggregation',\n    params: {\n      name: 'AggregatedCardWithDefaultAggregation',\n      title: 'Scorecard: With default aggregation config (GitHub)',\n      layout: defaultCardLayout,\n      componentProps: {\n        Renderer: BorderlessHomeWidgetRenderer,\n      },\n      components: () =>\n        Promise.resolve({\n          Content: AggregatedCardWithDefaultAggregationContent,\n        }),\n    },\n  });\n\n/**\n * NFS widget: AggregatedCardWithJiraOpenIssues.\n * @alpha\n */\nexport const aggregatedCardWithJiraOpenIssuesWidget =\n  HomePageWidgetBlueprint.make({\n    name: 'scorecard-jira-open-issues',\n    params: {\n      name: 'AggregatedCardWithJiraOpenIssues',\n      title: 'Scorecard: Jira open blocking tickets',\n      layout: defaultCardLayout,\n      componentProps: {\n        Renderer: BorderlessHomeWidgetRenderer,\n      },\n      components: () =>\n        Promise.resolve({\n          Content: AggregatedCardWithJiraOpenIssuesContent,\n        }),\n    },\n  });\n\n/**\n * NFS widget: AggregatedCardWithGithubOpenPrs.\n * @alpha\n */\nexport const aggregatedCardWithGithubOpenPrsWidget =\n  HomePageWidgetBlueprint.make({\n    name: 'scorecard-github-open-prs',\n    params: {\n      name: 'AggregatedCardWithGithubOpenPrs',\n      title: 'Scorecard: GitHub open PRs',\n      layout: defaultCardLayout,\n      componentProps: {\n        Renderer: BorderlessHomeWidgetRenderer,\n      },\n      components: () =>\n        Promise.resolve({\n          Content: AggregatedCardWithGithubOpenPrsContent,\n        }),\n    },\n  });\n\n/**\n * NFS widget: AggregatedCardWithGithubFilecheckLicense.\n * @alpha\n */\nexport const aggregatedCardWithGithubFilecheckLicenseWidget =\n  HomePageWidgetBlueprint.make({\n    name: 'scorecard-github-filecheck-license',\n    params: {\n      name: 'AggregatedCardWithGithubFilecheckLicense',\n      title: 'Scorecard: LICENSE file exists',\n      layout: defaultCardLayout,\n      componentProps: {\n        Renderer: BorderlessHomeWidgetRenderer,\n      },\n      components: () =>\n        Promise.resolve({\n          Content: AggregatedCardWithGithubFilecheckLicenseContent,\n        }),\n    },\n  });\n\n/**\n * NFS widget: AggregatedCardWithGithubFilecheckCodeowners.\n * @alpha\n */\nexport const aggregatedCardWithGithubFilecheckCodeownersWidget =\n  HomePageWidgetBlueprint.make({\n    name: 'scorecard-github-filecheck-codeowners',\n    params: {\n      name: 'AggregatedCardWithGithubFilecheckCodeowners',\n      title: 'Scorecard: CODEOWNERS file exists',\n      layout: defaultCardLayout,\n      componentProps: {\n        Renderer: BorderlessHomeWidgetRenderer,\n      },\n      components: () =>\n        Promise.resolve({\n          Content: AggregatedCardWithGithubFilecheckCodeownersContent,\n        }),\n    },\n  });\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"homePageCards.esm.js","sources":["../../../src/alpha/extensions/homePageCards.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { HomePageWidgetBlueprint } from '@backstage/plugin-home-react/alpha';\nimport type { RendererProps } from '@backstage/plugin-home-react';\nimport { ScorecardHomepageCardWithProvider } from '../../components/ScorecardHomepageSection';\n\nconst defaultCardLayout = {\n  width: {\n    minColumns: 3,\n    maxColumns: 12,\n    defaultColumns: 4,\n  },\n  height: {\n    minRows: 5,\n    maxRows: 12,\n    defaultRows: 6,\n  },\n} as const;\n\nfunction AggregatedCardWithDeprecatedMetricIdContent() {\n  return <ScorecardHomepageCardWithProvider metricId=\"jira.open_issues\" />;\n}\n\nfunction AggregatedCardWithDefaultAggregationContent() {\n  return <ScorecardHomepageCardWithProvider aggregationId=\"github.open_prs\" />;\n}\n\nfunction AggregatedCardWithJiraOpenIssuesContent() {\n  return <ScorecardHomepageCardWithProvider aggregationId=\"openIssuesKpi\" />;\n}\n\nfunction AggregatedCardWithGithubOpenPrsContent() {\n  return <ScorecardHomepageCardWithProvider aggregationId=\"openPrsKpi\" />;\n}\n\nfunction AggregatedCardWithGithubFilecheckLicenseContent() {\n  return (\n    <ScorecardHomepageCardWithProvider aggregationId=\"licenseFileExistsKpi\" />\n  );\n}\n\nfunction AggregatedCardWithGithubFilecheckCodeownersContent() {\n  return (\n    <ScorecardHomepageCardWithProvider aggregationId=\"filecheck.codeowners\" />\n  );\n}\n\nfunction AggregatedCardWithGithubOpenPrsWeightedContent() {\n  return (\n    <ScorecardHomepageCardWithProvider aggregationId=\"openPrsWeightedKpi\" />\n  );\n}\n\nfunction BorderlessHomeWidgetRenderer({ Content }: RendererProps) {\n  return <Content />;\n}\n\n/**\n * NFS widget: AggregatedCardWithDeprecatedMetricId.\n * @alpha\n */\nexport const aggregatedCardWithDeprecatedMetricIdWidget =\n  HomePageWidgetBlueprint.make({\n    name: 'scorecard-deprecated-metric-id',\n    params: {\n      name: 'AggregatedCardWithDeprecatedMetricId',\n      title: 'Scorecard: With deprecated metricId property (Jira)',\n      layout: defaultCardLayout,\n      componentProps: {\n        Renderer: BorderlessHomeWidgetRenderer,\n      },\n      components: () =>\n        Promise.resolve({\n          Content: AggregatedCardWithDeprecatedMetricIdContent,\n        }),\n    },\n  });\n\n/**\n * NFS widget: AggregatedCardWithDefaultAggregation.\n * @alpha\n */\nexport const aggregatedCardWithDefaultAggregationWidget =\n  HomePageWidgetBlueprint.make({\n    name: 'scorecard-default-aggregation',\n    params: {\n      name: 'AggregatedCardWithDefaultAggregation',\n      title: 'Scorecard: With default aggregation config (GitHub)',\n      layout: defaultCardLayout,\n      componentProps: {\n        Renderer: BorderlessHomeWidgetRenderer,\n      },\n      components: () =>\n        Promise.resolve({\n          Content: AggregatedCardWithDefaultAggregationContent,\n        }),\n    },\n  });\n\n/**\n * NFS widget: AggregatedCardWithJiraOpenIssues.\n * @alpha\n */\nexport const aggregatedCardWithJiraOpenIssuesWidget =\n  HomePageWidgetBlueprint.make({\n    name: 'scorecard-jira-open-issues',\n    params: {\n      name: 'AggregatedCardWithJiraOpenIssues',\n      title: 'Scorecard: Jira open blocking tickets',\n      layout: defaultCardLayout,\n      componentProps: {\n        Renderer: BorderlessHomeWidgetRenderer,\n      },\n      components: () =>\n        Promise.resolve({\n          Content: AggregatedCardWithJiraOpenIssuesContent,\n        }),\n    },\n  });\n\n/**\n * NFS widget: AggregatedCardWithGithubOpenPrs.\n * @alpha\n */\nexport const aggregatedCardWithGithubOpenPrsWidget =\n  HomePageWidgetBlueprint.make({\n    name: 'scorecard-github-open-prs',\n    params: {\n      name: 'AggregatedCardWithGithubOpenPrs',\n      title: 'Scorecard: GitHub open PRs',\n      layout: defaultCardLayout,\n      componentProps: {\n        Renderer: BorderlessHomeWidgetRenderer,\n      },\n      components: () =>\n        Promise.resolve({\n          Content: AggregatedCardWithGithubOpenPrsContent,\n        }),\n    },\n  });\n\n/**\n * NFS widget: AggregatedCardWithGithubFilecheckLicense.\n * @alpha\n */\nexport const aggregatedCardWithGithubFilecheckLicenseWidget =\n  HomePageWidgetBlueprint.make({\n    name: 'scorecard-github-filecheck-license',\n    params: {\n      name: 'AggregatedCardWithGithubFilecheckLicense',\n      title: 'Scorecard: LICENSE file exists',\n      layout: defaultCardLayout,\n      componentProps: {\n        Renderer: BorderlessHomeWidgetRenderer,\n      },\n      components: () =>\n        Promise.resolve({\n          Content: AggregatedCardWithGithubFilecheckLicenseContent,\n        }),\n    },\n  });\n\n/**\n * NFS widget: AggregatedCardWithGithubFilecheckCodeowners.\n * @alpha\n */\nexport const aggregatedCardWithGithubFilecheckCodeownersWidget =\n  HomePageWidgetBlueprint.make({\n    name: 'scorecard-github-filecheck-codeowners',\n    params: {\n      name: 'AggregatedCardWithGithubFilecheckCodeowners',\n      title: 'Scorecard: CODEOWNERS file exists',\n      layout: defaultCardLayout,\n      componentProps: {\n        Renderer: BorderlessHomeWidgetRenderer,\n      },\n      components: () =>\n        Promise.resolve({\n          Content: AggregatedCardWithGithubFilecheckCodeownersContent,\n        }),\n    },\n  });\n\n/**\n * NFS widget: AggregatedCardWithGithubOpenPrsWeighted.\n * @alpha\n */\nexport const aggregatedCardWithGithubOpenPrsWeightedWidget =\n  HomePageWidgetBlueprint.make({\n    name: 'scorecard-github-open-prs-weighted',\n    params: {\n      name: 'AggregatedCardWithGithubOpenPrsWeighted',\n      title: 'Scorecard: GitHub open PRs (weighted health)',\n      layout: defaultCardLayout,\n      componentProps: {\n        Renderer: BorderlessHomeWidgetRenderer,\n      },\n      components: () =>\n        Promise.resolve({\n          Content: AggregatedCardWithGithubOpenPrsWeightedContent,\n        }),\n    },\n  });\n"],"names":[],"mappings":"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"}

package/dist/alpha.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
-export { a as scorecardTranslationRef, s as scorecardTranslations } from './types/index.d-WA6f0Uad.js';
+export { a as scorecardTranslationRef, s as scorecardTranslations } from './types/index.d-Uz1xsqdo.js';
 
 /**
  * The primary Scorecard frontend plugin.

package/dist/alpha.esm.js

@@ -4,7 +4,7 @@ import { scorecardDrillDownRouteRef, rootRouteRef } from './routes.esm.js';
 import { scorecardTranslations } from './translations/index.esm.js';
 import { scorecardApi } from './alpha/extensions/api.esm.js';
 import { scorecardEntityContent } from './alpha/extensions/entityTab.esm.js';
-import { aggregatedCardWithDeprecatedMetricIdWidget, aggregatedCardWithDefaultAggregationWidget, aggregatedCardWithJiraOpenIssuesWidget, aggregatedCardWithGithubOpenPrsWidget, aggregatedCardWithGithubFilecheckLicenseWidget, aggregatedCardWithGithubFilecheckCodeownersWidget } from './alpha/extensions/homePageCards.esm.js';
+import { aggregatedCardWithDeprecatedMetricIdWidget, aggregatedCardWithDefaultAggregationWidget, aggregatedCardWithJiraOpenIssuesWidget, aggregatedCardWithGithubOpenPrsWidget, aggregatedCardWithGithubFilecheckLicenseWidget, aggregatedCardWithGithubFilecheckCodeownersWidget, aggregatedCardWithGithubOpenPrsWeightedWidget } from './alpha/extensions/homePageCards.esm.js';
 import { scorecardPage } from './alpha/extensions/scorecardPage.esm.js';
 export { scorecardTranslationRef } from './translations/ref.esm.js';
 
@@ -37,7 +37,8 @@ const scorecardHomeModule = createFrontendModule({
     aggregatedCardWithJiraOpenIssuesWidget,
     aggregatedCardWithGithubOpenPrsWidget,
     aggregatedCardWithGithubFilecheckLicenseWidget,
-    aggregatedCardWithGithubFilecheckCodeownersWidget
+    aggregatedCardWithGithubFilecheckCodeownersWidget,
+    aggregatedCardWithGithubOpenPrsWeightedWidget
   ]
 });
 

package/dist/alpha.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"alpha.esm.js","sources":["../src/alpha/index.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  createFrontendModule,\n  createFrontendPlugin,\n} from '@backstage/frontend-plugin-api';\nimport { TranslationBlueprint } from '@backstage/plugin-app-react';\nimport { rootRouteRef, scorecardDrillDownRouteRef } from '../routes';\nimport { scorecardTranslations } from '../translations';\nimport { scorecardApi } from './extensions/api';\nimport { scorecardEntityContent } from './extensions/entityTab';\nimport {\n  aggregatedCardWithDeprecatedMetricIdWidget,\n  aggregatedCardWithDefaultAggregationWidget,\n  aggregatedCardWithGithubOpenPrsWidget,\n  aggregatedCardWithJiraOpenIssuesWidget,\n  aggregatedCardWithGithubFilecheckLicenseWidget,\n  aggregatedCardWithGithubFilecheckCodeownersWidget,\n} from './extensions/homePageCards';\nimport { scorecardPage } from './extensions/scorecardPage';\n\n/**\n * Extension for Scorecard translations.\n */\nconst scorecardTranslation = TranslationBlueprint.make({\n  params: {\n    resource: scorecardTranslations,\n  },\n});\n\n/**\n * The primary Scorecard frontend plugin.\n * @alpha\n */\nexport default createFrontendPlugin({\n  pluginId: 'scorecard',\n  extensions: [scorecardApi, scorecardPage],\n  routes: {\n    root: rootRouteRef,\n    drillDown: scorecardDrillDownRouteRef,\n  },\n});\n\n/**\n * Catalog module that automatically injects the Scorecard tab into the Catalog.\n * @alpha\n */\nexport const scorecardCatalogModule = createFrontendModule({\n  pluginId: 'catalog',\n  extensions: [scorecardEntityContent],\n});\n\n/**\n * App module that automatically registers Scorecard translations.\n * @alpha\n */\nexport const scorecardTranslationsModule = createFrontendModule({\n  pluginId: 'app',\n  extensions: [scorecardTranslation],\n});\n\n/**\n * Home module that contributes scorecard homepage widget and layout.\n * @alpha\n */\nexport const scorecardHomeModule = createFrontendModule({\n  pluginId: 'home',\n  extensions: [\n    aggregatedCardWithDeprecatedMetricIdWidget,\n    aggregatedCardWithDefaultAggregationWidget,\n    aggregatedCardWithJiraOpenIssuesWidget,\n    aggregatedCardWithGithubOpenPrsWidget,\n    aggregatedCardWithGithubFilecheckLicenseWidget,\n    aggregatedCardWithGithubFilecheckCodeownersWidget,\n  ],\n});\n\n/**\n * Re-exporting translations for external usage.\n * @alpha\n */\nexport * from '../translations';\n"],"names":[],"mappings":";;;;;;;;;;AAsCA,MAAM,oBAAA,GAAuB,qBAAqB,IAAK,CAAA;AAAA,EACrD,MAAQ,EAAA;AAAA,IACN,QAAU,EAAA;AAAA;AAEd,CAAC,CAAA;AAMD,YAAe,oBAAqB,CAAA;AAAA,EAClC,QAAU,EAAA,WAAA;AAAA,EACV,UAAA,EAAY,CAAC,YAAA,EAAc,aAAa,CAAA;AAAA,EACxC,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,YAAA;AAAA,IACN,SAAW,EAAA;AAAA;AAEf,CAAC,CAAA;AAMM,MAAM,yBAAyB,oBAAqB,CAAA;AAAA,EACzD,QAAU,EAAA,SAAA;AAAA,EACV,UAAA,EAAY,CAAC,sBAAsB;AACrC,CAAC;AAMM,MAAM,8BAA8B,oBAAqB,CAAA;AAAA,EAC9D,QAAU,EAAA,KAAA;AAAA,EACV,UAAA,EAAY,CAAC,oBAAoB;AACnC,CAAC;AAMM,MAAM,sBAAsB,oBAAqB,CAAA;AAAA,EACtD,QAAU,EAAA,MAAA;AAAA,EACV,UAAY,EAAA;AAAA,IACV,0CAAA;AAAA,IACA,0CAAA;AAAA,IACA,sCAAA;AAAA,IACA,qCAAA;AAAA,IACA,8CAAA;AAAA,IACA;AAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"alpha.esm.js","sources":["../src/alpha/index.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  createFrontendModule,\n  createFrontendPlugin,\n} from '@backstage/frontend-plugin-api';\nimport { TranslationBlueprint } from '@backstage/plugin-app-react';\nimport { rootRouteRef, scorecardDrillDownRouteRef } from '../routes';\nimport { scorecardTranslations } from '../translations';\nimport { scorecardApi } from './extensions/api';\nimport { scorecardEntityContent } from './extensions/entityTab';\nimport {\n  aggregatedCardWithDeprecatedMetricIdWidget,\n  aggregatedCardWithDefaultAggregationWidget,\n  aggregatedCardWithGithubOpenPrsWidget,\n  aggregatedCardWithJiraOpenIssuesWidget,\n  aggregatedCardWithGithubFilecheckLicenseWidget,\n  aggregatedCardWithGithubFilecheckCodeownersWidget,\n  aggregatedCardWithGithubOpenPrsWeightedWidget,\n} from './extensions/homePageCards';\nimport { scorecardPage } from './extensions/scorecardPage';\n\n/**\n * Extension for Scorecard translations.\n */\nconst scorecardTranslation = TranslationBlueprint.make({\n  params: {\n    resource: scorecardTranslations,\n  },\n});\n\n/**\n * The primary Scorecard frontend plugin.\n * @alpha\n */\nexport default createFrontendPlugin({\n  pluginId: 'scorecard',\n  extensions: [scorecardApi, scorecardPage],\n  routes: {\n    root: rootRouteRef,\n    drillDown: scorecardDrillDownRouteRef,\n  },\n});\n\n/**\n * Catalog module that automatically injects the Scorecard tab into the Catalog.\n * @alpha\n */\nexport const scorecardCatalogModule = createFrontendModule({\n  pluginId: 'catalog',\n  extensions: [scorecardEntityContent],\n});\n\n/**\n * App module that automatically registers Scorecard translations.\n * @alpha\n */\nexport const scorecardTranslationsModule = createFrontendModule({\n  pluginId: 'app',\n  extensions: [scorecardTranslation],\n});\n\n/**\n * Home module that contributes scorecard homepage widget and layout.\n * @alpha\n */\nexport const scorecardHomeModule = createFrontendModule({\n  pluginId: 'home',\n  extensions: [\n    aggregatedCardWithDeprecatedMetricIdWidget,\n    aggregatedCardWithDefaultAggregationWidget,\n    aggregatedCardWithJiraOpenIssuesWidget,\n    aggregatedCardWithGithubOpenPrsWidget,\n    aggregatedCardWithGithubFilecheckLicenseWidget,\n    aggregatedCardWithGithubFilecheckCodeownersWidget,\n    aggregatedCardWithGithubOpenPrsWeightedWidget,\n  ],\n});\n\n/**\n * Re-exporting translations for external usage.\n * @alpha\n */\nexport * from '../translations';\n"],"names":[],"mappings":";;;;;;;;;;AAuCA,MAAM,oBAAA,GAAuB,qBAAqB,IAAK,CAAA;AAAA,EACrD,MAAQ,EAAA;AAAA,IACN,QAAU,EAAA;AAAA;AAEd,CAAC,CAAA;AAMD,YAAe,oBAAqB,CAAA;AAAA,EAClC,QAAU,EAAA,WAAA;AAAA,EACV,UAAA,EAAY,CAAC,YAAA,EAAc,aAAa,CAAA;AAAA,EACxC,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,YAAA;AAAA,IACN,SAAW,EAAA;AAAA;AAEf,CAAC,CAAA;AAMM,MAAM,yBAAyB,oBAAqB,CAAA;AAAA,EACzD,QAAU,EAAA,SAAA;AAAA,EACV,UAAA,EAAY,CAAC,sBAAsB;AACrC,CAAC;AAMM,MAAM,8BAA8B,oBAAqB,CAAA;AAAA,EAC9D,QAAU,EAAA,KAAA;AAAA,EACV,UAAA,EAAY,CAAC,oBAAoB;AACnC,CAAC;AAMM,MAAM,sBAAsB,oBAAqB,CAAA;AAAA,EACtD,QAAU,EAAA,MAAA;AAAA,EACV,UAAY,EAAA;AAAA,IACV,0CAAA;AAAA,IACA,0CAAA;AAAA,IACA,sCAAA;AAAA,IACA,qCAAA;AAAA,IACA,8CAAA;AAAA,IACA,iDAAA;AAAA,IACA;AAAA;AAEJ,CAAC;;;;"}

package/dist/components/AggregatedMetricCards/AggregatedMetricCard.esm.js

@@ -0,0 +1,32 @@
+import { jsx } from 'react/jsx-runtime';
+import { aggregationTypes } from '@red-hat-developer-hub/backstage-plugin-scorecard-common';
+import { StatusGroupedCardComponent } from './StatusGroupedCard/StatusGroupedCardComponent.esm.js';
+import { AverageCardComponent } from './AverageCard/AverageCardComponent.esm.js';
+import { UnsupportedAggregationType } from './UnsupportedAggregationType.esm.js';
+
+const AggregatedMetricCard = (props) => {
+  switch (props.scorecard.metadata.aggregationType) {
+    case aggregationTypes.statusGrouped:
+      return /* @__PURE__ */ jsx(
+        StatusGroupedCardComponent,
+        {
+          ...props
+        }
+      );
+    case aggregationTypes.average:
+      return /* @__PURE__ */ jsx(AverageCardComponent, { ...props });
+    default:
+      return /* @__PURE__ */ jsx(
+        UnsupportedAggregationType,
+        {
+          cardTitle: props.cardTitle,
+          description: props.description,
+          dataTestId: props.dataTestId,
+          aggregationType: String(props.scorecard.metadata.aggregationType)
+        }
+      );
+  }
+};
+
+export { AggregatedMetricCard };
+//# sourceMappingURL=AggregatedMetricCard.esm.js.map

package/dist/components/AggregatedMetricCards/AggregatedMetricCard.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AggregatedMetricCard.esm.js","sources":["../../../src/components/AggregatedMetricCards/AggregatedMetricCard.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { aggregationTypes } from '@red-hat-developer-hub/backstage-plugin-scorecard-common';\nimport { StatusGroupedCardComponent } from './StatusGroupedCard/StatusGroupedCardComponent';\nimport { AverageCardComponent } from './AverageCard/AverageCardComponent';\nimport type { AverageCardComponentProps } from './AverageCard/types';\nimport type { StatusGroupedCardComponentProps } from './StatusGroupedCard/types';\nimport { UnsupportedAggregationType } from './UnsupportedAggregationType';\n\nexport type AggregatedMetricCardProps =\n  | StatusGroupedCardComponentProps\n  | AverageCardComponentProps;\n\nexport const AggregatedMetricCard = (props: AggregatedMetricCardProps) => {\n  switch (props.scorecard.metadata.aggregationType) {\n    case aggregationTypes.statusGrouped:\n      return (\n        <StatusGroupedCardComponent\n          {...(props as StatusGroupedCardComponentProps)}\n        />\n      );\n    case aggregationTypes.average:\n      return <AverageCardComponent {...(props as AverageCardComponentProps)} />;\n    default:\n      return (\n        <UnsupportedAggregationType\n          cardTitle={props.cardTitle}\n          description={props.description}\n          dataTestId={props.dataTestId}\n          aggregationType={String(props.scorecard.metadata.aggregationType)}\n        />\n      );\n  }\n};\n"],"names":[],"mappings":";;;;;;AA2Ba,MAAA,oBAAA,GAAuB,CAAC,KAAqC,KAAA;AACxE,EAAQ,QAAA,KAAA,CAAM,SAAU,CAAA,QAAA,CAAS,eAAiB;AAAA,IAChD,KAAK,gBAAiB,CAAA,aAAA;AACpB,MACE,uBAAA,GAAA;AAAA,QAAC,0BAAA;AAAA,QAAA;AAAA,UACE,GAAI;AAAA;AAAA,OACP;AAAA,IAEJ,KAAK,gBAAiB,CAAA,OAAA;AACpB,MAAO,uBAAA,GAAA,CAAC,oBAAsB,EAAA,EAAA,GAAI,KAAqC,EAAA,CAAA;AAAA,IACzE;AACE,MACE,uBAAA,GAAA;AAAA,QAAC,0BAAA;AAAA,QAAA;AAAA,UACC,WAAW,KAAM,CAAA,SAAA;AAAA,UACjB,aAAa,KAAM,CAAA,WAAA;AAAA,UACnB,YAAY,KAAM,CAAA,UAAA;AAAA,UAClB,eAAiB,EAAA,MAAA,CAAO,KAAM,CAAA,SAAA,CAAU,SAAS,eAAe;AAAA;AAAA,OAClE;AAAA;AAGR;;;;"}

package/dist/components/AggregatedMetricCards/AverageCard/AverageCardComponent.esm.js

@@ -0,0 +1,168 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { useTheme } from '@mui/material/styles';
+import { CardWrapper } from '../../Common/CardWrapper.esm.js';
+import { SCORECARD_ERROR_STATE_COLOR } from '../../../utils/constants.esm.js';
+import 'date-fns';
+import { resolveStatusColor } from '../../../utils/statusUtils.esm.js';
+import { getThresholdRuleColor } from '../../../utils/thresholdUtils.esm.js';
+import { ResponsivePieChart } from '../../ScorecardHomepageSection/ResponsivePieChart.esm.js';
+import { CardInfoButton } from '../components/CardInfoButton.esm.js';
+import { CardSubheader } from '../components/CardSubheader.esm.js';
+import { CardChartContainer } from '../components/CardChartContainer.esm.js';
+import { CardTooltip } from '../components/CardTooltip.esm.js';
+import { LegendTooltipContent } from './LegendTooltipContent.esm.js';
+import { DonutChartTooltipContent } from './DonutChartTooltipContent.esm.js';
+import { CardLegendContent } from '../components/CardLegendContent.esm.js';
+import { AverageCardPieCenterLabel } from './AverageCardPieCenterLabel.esm.js';
+import { formatPercentage } from '../../../utils/formatPercentage.esm.js';
+
+const AVERAGE_SCORE_SLICE = "averageScoreFill";
+const AVERAGE_REMAINDER_SLICE = "averageScoreRemainder";
+function clampPercentForDonut(rawPercent) {
+  const fill = Math.min(100, Math.max(0, rawPercent));
+  return { fill, remainder: 100 - fill };
+}
+const AverageCardComponent = ({
+  scorecard,
+  cardTitle,
+  description,
+  aggregationId,
+  showSubheader = true,
+  showInfo = true,
+  dataTestId
+}) => {
+  const theme = useTheme();
+  const [activeIndex, setActiveIndex] = useState(null);
+  const [tooltipPosition, setTooltipPosition] = useState(null);
+  const [centerTooltipPosition, setCenterTooltipPosition] = useState(null);
+  const updateCenterTooltipPosition = (e) => {
+    const rect = e.currentTarget.getBoundingClientRect();
+    setCenterTooltipPosition({
+      left: rect.left + rect.width / 2,
+      top: rect.top
+    });
+  };
+  const rawPercent = scorecard.result.averageScore * 100;
+  const { fill: chartFillPercent, remainder: chartRemainderPercent } = clampPercentForDonut(rawPercent);
+  const centerPercentLabel = `${formatPercentage(rawPercent)}%`;
+  const arcResolvedColor = resolveStatusColor(
+    theme,
+    scorecard.result.aggregationChartDisplayColor
+  );
+  const averagePieData = [
+    {
+      name: AVERAGE_SCORE_SLICE,
+      value: chartFillPercent,
+      color: arcResolvedColor
+    },
+    {
+      name: AVERAGE_REMAINDER_SLICE,
+      value: chartRemainderPercent,
+      color: theme.palette.grey[300]
+    }
+  ];
+  const statusPieData = scorecard.result.values?.map((value) => ({
+    name: value.name,
+    value: value.count,
+    score: value.score,
+    color: resolveStatusColor(
+      theme,
+      getThresholdRuleColor(scorecard.result.thresholds.rules, value.name) ?? SCORECARD_ERROR_STATE_COLOR
+    )
+  })) ?? [];
+  const subheader = showSubheader ? /* @__PURE__ */ jsx(
+    CardSubheader,
+    {
+      aggregationId,
+      scorecardId: scorecard.id,
+      entitiesCount: scorecard.result.total
+    }
+  ) : null;
+  const info = showInfo ? /* @__PURE__ */ jsx(CardInfoButton, { timestamp: scorecard.result.timestamp }) : null;
+  return /* @__PURE__ */ jsx(
+    CardWrapper,
+    {
+      title: cardTitle,
+      dataTestId,
+      subheader,
+      description,
+      info,
+      children: /* @__PURE__ */ jsxs(CardChartContainer, { children: [
+        /* @__PURE__ */ jsx(
+          ResponsivePieChart,
+          {
+            pieData: averagePieData,
+            LabelContent: (props) => /* @__PURE__ */ jsx(
+              AverageCardPieCenterLabel,
+              {
+                ...props,
+                centerPercentLabel,
+                arcResolvedColor,
+                setActiveIndex,
+                setTooltipPosition,
+                updateCenterTooltipPosition,
+                setCenterTooltipPosition
+              }
+            ),
+            legendContent: (props) => /* @__PURE__ */ jsx(
+              CardLegendContent,
+              {
+                ...props,
+                activeIndex,
+                setActiveIndex,
+                setTooltipPosition,
+                pieData: statusPieData
+              }
+            )
+          }
+        ),
+        centerTooltipPosition && /* @__PURE__ */ jsx(
+          CardTooltip,
+          {
+            tooltipPosition: centerTooltipPosition,
+            pieData: averagePieData,
+            payload: [
+              {
+                name: AVERAGE_SCORE_SLICE,
+                value: 1,
+                payload: averagePieData[0]
+              }
+            ],
+            customContent: /* @__PURE__ */ jsx(
+              DonutChartTooltipContent,
+              {
+                weightedSum: scorecard.result.averageWeightedSum,
+                maxPossible: scorecard.result.averageMaxPossible
+              }
+            )
+          }
+        ),
+        activeIndex !== null && tooltipPosition && statusPieData[activeIndex] && /* @__PURE__ */ jsx(
+          CardTooltip,
+          {
+            tooltipPosition,
+            pieData: statusPieData,
+            payload: [
+              {
+                name: statusPieData[activeIndex].name,
+                value: statusPieData[activeIndex].value || 1,
+                payload: statusPieData[activeIndex]
+              }
+            ],
+            customContent: /* @__PURE__ */ jsx(
+              LegendTooltipContent,
+              {
+                row: statusPieData[activeIndex],
+                maxPossible: scorecard.result.averageMaxPossible
+              }
+            )
+          }
+        )
+      ] })
+    }
+  );
+};
+
+export { AverageCardComponent };
+//# sourceMappingURL=AverageCardComponent.esm.js.map

package/dist/components/AggregatedMetricCards/AverageCard/AverageCardComponent.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AverageCardComponent.esm.js","sources":["../../../../src/components/AggregatedMetricCards/AverageCard/AverageCardComponent.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { useState } from 'react';\nimport type { MouseEvent } from 'react';\n\nimport { useTheme } from '@mui/material/styles';\n\nimport { CardWrapper } from '../../Common/CardWrapper';\nimport type { PieData } from '../../types';\nimport {\n  getThresholdRuleColor,\n  resolveStatusColor,\n  SCORECARD_ERROR_STATE_COLOR,\n} from '../../../utils';\nimport { ResponsivePieChart } from '../../ScorecardHomepageSection/ResponsivePieChart';\nimport { CardInfoButton } from '../components/CardInfoButton';\nimport { CardSubheader } from '../components/CardSubheader';\nimport { CardChartContainer } from '../components/CardChartContainer';\nimport { CardTooltip } from '../components/CardTooltip';\nimport { LegendTooltipContent } from './LegendTooltipContent';\nimport { DonutChartTooltipContent } from './DonutChartTooltipContent';\nimport type { AverageCardComponentProps, TooltipPosition } from './types';\nimport { CardLegendContent } from '../components/CardLegendContent';\nimport { AverageCardPieCenterLabel } from './AverageCardPieCenterLabel';\nimport { formatPercentage } from '../../../utils/formatPercentage';\n\nconst AVERAGE_SCORE_SLICE = 'averageScoreFill';\nconst AVERAGE_REMAINDER_SLICE = 'averageScoreRemainder';\n\nfunction clampPercentForDonut(rawPercent: number): {\n  fill: number;\n  remainder: number;\n} {\n  const fill = Math.min(100, Math.max(0, rawPercent));\n  return { fill, remainder: 100 - fill };\n}\n\nexport const AverageCardComponent = ({\n  scorecard,\n  cardTitle,\n  description,\n  aggregationId,\n  showSubheader = true,\n  showInfo = true,\n  dataTestId,\n}: AverageCardComponentProps) => {\n  const theme = useTheme();\n\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n  const [tooltipPosition, setTooltipPosition] =\n    useState<TooltipPosition | null>(null);\n  const [centerTooltipPosition, setCenterTooltipPosition] =\n    useState<TooltipPosition | null>(null);\n\n  const updateCenterTooltipPosition = (e: MouseEvent<SVGCircleElement>) => {\n    const rect = e.currentTarget.getBoundingClientRect();\n    setCenterTooltipPosition({\n      left: rect.left + rect.width / 2,\n      top: rect.top,\n    });\n  };\n\n  const rawPercent = scorecard.result.averageScore * 100;\n  const { fill: chartFillPercent, remainder: chartRemainderPercent } =\n    clampPercentForDonut(rawPercent);\n\n  const centerPercentLabel = `${formatPercentage(rawPercent)}%`;\n\n  const arcResolvedColor = resolveStatusColor(\n    theme,\n    scorecard.result.aggregationChartDisplayColor,\n  );\n\n  const averagePieData: PieData[] = [\n    {\n      name: AVERAGE_SCORE_SLICE,\n      value: chartFillPercent,\n      color: arcResolvedColor,\n    },\n    {\n      name: AVERAGE_REMAINDER_SLICE,\n      value: chartRemainderPercent,\n      color: theme.palette.grey[300],\n    },\n  ];\n\n  const statusPieData: PieData[] =\n    scorecard.result.values?.map(value => ({\n      name: value.name,\n      value: value.count,\n      score: value.score,\n      color: resolveStatusColor(\n        theme,\n        getThresholdRuleColor(scorecard.result.thresholds.rules, value.name) ??\n          SCORECARD_ERROR_STATE_COLOR,\n      ),\n    })) ?? [];\n\n  const subheader = showSubheader ? (\n    <CardSubheader\n      aggregationId={aggregationId}\n      scorecardId={scorecard.id}\n      entitiesCount={scorecard.result.total}\n    />\n  ) : null;\n\n  const info = showInfo ? (\n    <CardInfoButton timestamp={scorecard.result.timestamp} />\n  ) : null;\n\n  return (\n    <CardWrapper\n      title={cardTitle}\n      dataTestId={dataTestId}\n      subheader={subheader}\n      description={description}\n      info={info}\n    >\n      <CardChartContainer>\n        <ResponsivePieChart\n          pieData={averagePieData}\n          LabelContent={props => (\n            <AverageCardPieCenterLabel\n              {...props}\n              centerPercentLabel={centerPercentLabel}\n              arcResolvedColor={arcResolvedColor}\n              setActiveIndex={setActiveIndex}\n              setTooltipPosition={setTooltipPosition}\n              updateCenterTooltipPosition={updateCenterTooltipPosition}\n              setCenterTooltipPosition={setCenterTooltipPosition}\n            />\n          )}\n          legendContent={props => (\n            <CardLegendContent\n              {...props}\n              activeIndex={activeIndex}\n              setActiveIndex={setActiveIndex}\n              setTooltipPosition={setTooltipPosition}\n              pieData={statusPieData}\n            />\n          )}\n        />\n\n        {centerTooltipPosition && (\n          <CardTooltip\n            tooltipPosition={centerTooltipPosition}\n            pieData={averagePieData}\n            payload={[\n              {\n                name: AVERAGE_SCORE_SLICE,\n                value: 1,\n                payload: averagePieData[0],\n              },\n            ]}\n            customContent={\n              <DonutChartTooltipContent\n                weightedSum={scorecard.result.averageWeightedSum}\n                maxPossible={scorecard.result.averageMaxPossible}\n              />\n            }\n          />\n        )}\n\n        {activeIndex !== null &&\n          tooltipPosition &&\n          statusPieData[activeIndex] && (\n            <CardTooltip\n              tooltipPosition={tooltipPosition}\n              pieData={statusPieData}\n              payload={[\n                {\n                  name: statusPieData[activeIndex].name,\n                  value: statusPieData[activeIndex].value || 1,\n                  payload: statusPieData[activeIndex],\n                },\n              ]}\n              customContent={\n                <LegendTooltipContent\n                  row={statusPieData[activeIndex]}\n                  maxPossible={scorecard.result.averageMaxPossible}\n                />\n              }\n            />\n          )}\n      </CardChartContainer>\n    </CardWrapper>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/AggregatedMetricCards/AverageCard/AverageCardPieCenterLabel.esm.js

@@ -0,0 +1,58 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function AverageCardPieCenterLabel({
+  cx,
+  cy,
+  index,
+  centerPercentLabel,
+  arcResolvedColor,
+  setActiveIndex,
+  setTooltipPosition,
+  updateCenterTooltipPosition,
+  setCenterTooltipPosition
+}) {
+  if (cx === void 0 || cx === null || cy === void 0 || cy === null || index === void 0 || index !== 0) {
+    return null;
+  }
+  const cxNum = Number(cx);
+  const cyNum = Number(cy);
+  return /* @__PURE__ */ jsxs("g", { style: { cursor: "pointer" }, children: [
+    /* @__PURE__ */ jsx(
+      "circle",
+      {
+        cx: cxNum,
+        cy: cyNum,
+        r: 52,
+        fill: "transparent",
+        stroke: "none",
+        pointerEvents: "all",
+        "data-testid": "average-card-center-percent-hit-area",
+        onMouseEnter: (e) => {
+          setActiveIndex(null);
+          setTooltipPosition(null);
+          updateCenterTooltipPosition(e);
+        },
+        onMouseMove: updateCenterTooltipPosition,
+        onMouseLeave: () => setCenterTooltipPosition(null)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "text",
+      {
+        x: cxNum,
+        y: cyNum,
+        textAnchor: "middle",
+        dominantBaseline: "middle",
+        fill: arcResolvedColor,
+        fontSize: 24,
+        fontWeight: 500,
+        pointerEvents: "none",
+        "data-testid": "average-card-center-percent",
+        children: centerPercentLabel
+      }
+    )
+  ] });
+}
+
+export { AverageCardPieCenterLabel };
+//# sourceMappingURL=AverageCardPieCenterLabel.esm.js.map

package/dist/components/AggregatedMetricCards/AverageCard/AverageCardPieCenterLabel.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AverageCardPieCenterLabel.esm.js","sources":["../../../../src/components/AggregatedMetricCards/AverageCard/AverageCardPieCenterLabel.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { PieLabelRenderProps } from 'recharts';\nimport { TooltipPosition } from './types';\n\ntype AverageCardPieCenterLabelProps = PieLabelRenderProps & {\n  centerPercentLabel: string;\n  arcResolvedColor: string;\n  setActiveIndex: (index: number | null) => void;\n  setTooltipPosition: (position: TooltipPosition | null) => void;\n  updateCenterTooltipPosition: (e: React.MouseEvent<SVGCircleElement>) => void;\n  setCenterTooltipPosition: (position: TooltipPosition | null) => void;\n};\n\nexport function AverageCardPieCenterLabel({\n  cx,\n  cy,\n  index,\n  centerPercentLabel,\n  arcResolvedColor,\n  setActiveIndex,\n  setTooltipPosition,\n  updateCenterTooltipPosition,\n  setCenterTooltipPosition,\n}: AverageCardPieCenterLabelProps) {\n  if (\n    cx === undefined ||\n    cx === null ||\n    cy === undefined ||\n    cy === null ||\n    index === undefined ||\n    index !== 0\n  ) {\n    return null;\n  }\n  const cxNum = Number(cx);\n  const cyNum = Number(cy);\n  return (\n    <g style={{ cursor: 'pointer' }}>\n      <circle\n        cx={cxNum}\n        cy={cyNum}\n        r={52}\n        fill=\"transparent\"\n        stroke=\"none\"\n        pointerEvents=\"all\"\n        data-testid=\"average-card-center-percent-hit-area\"\n        onMouseEnter={e => {\n          setActiveIndex(null);\n          setTooltipPosition(null);\n          updateCenterTooltipPosition(e);\n        }}\n        onMouseMove={updateCenterTooltipPosition}\n        onMouseLeave={() => setCenterTooltipPosition(null)}\n      />\n      <text\n        x={cxNum}\n        y={cyNum}\n        textAnchor=\"middle\"\n        dominantBaseline=\"middle\"\n        fill={arcResolvedColor}\n        fontSize={24}\n        fontWeight={500}\n        pointerEvents=\"none\"\n        data-testid=\"average-card-center-percent\"\n      >\n        {centerPercentLabel}\n      </text>\n    </g>\n  );\n}\n"],"names":[],"mappings":";;AA4BO,SAAS,yBAA0B,CAAA;AAAA,EACxC,EAAA;AAAA,EACA,EAAA;AAAA,EACA,KAAA;AAAA,EACA,kBAAA;AAAA,EACA,gBAAA;AAAA,EACA,cAAA;AAAA,EACA,kBAAA;AAAA,EACA,2BAAA;AAAA,EACA;AACF,CAAmC,EAAA;AACjC,EACE,IAAA,EAAA,KAAO,MACP,IAAA,EAAA,KAAO,IACP,IAAA,EAAA,KAAO,MACP,IAAA,EAAA,KAAO,IACP,IAAA,KAAA,KAAU,MACV,IAAA,KAAA,KAAU,CACV,EAAA;AACA,IAAO,OAAA,IAAA;AAAA;AAET,EAAM,MAAA,KAAA,GAAQ,OAAO,EAAE,CAAA;AACvB,EAAM,MAAA,KAAA,GAAQ,OAAO,EAAE,CAAA;AACvB,EAAA,4BACG,GAAE,EAAA,EAAA,KAAA,EAAO,EAAE,MAAA,EAAQ,WAClB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,EAAI,EAAA,KAAA;AAAA,QACJ,EAAI,EAAA,KAAA;AAAA,QACJ,CAAG,EAAA,EAAA;AAAA,QACH,IAAK,EAAA,aAAA;AAAA,QACL,MAAO,EAAA,MAAA;AAAA,QACP,aAAc,EAAA,KAAA;AAAA,QACd,aAAY,EAAA,sCAAA;AAAA,QACZ,cAAc,CAAK,CAAA,KAAA;AACjB,UAAA,cAAA,CAAe,IAAI,CAAA;AACnB,UAAA,kBAAA,CAAmB,IAAI,CAAA;AACvB,UAAA,2BAAA,CAA4B,CAAC,CAAA;AAAA,SAC/B;AAAA,QACA,WAAa,EAAA,2BAAA;AAAA,QACb,YAAA,EAAc,MAAM,wBAAA,CAAyB,IAAI;AAAA;AAAA,KACnD;AAAA,oBACA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAG,EAAA,KAAA;AAAA,QACH,CAAG,EAAA,KAAA;AAAA,QACH,UAAW,EAAA,QAAA;AAAA,QACX,gBAAiB,EAAA,QAAA;AAAA,QACjB,IAAM,EAAA,gBAAA;AAAA,QACN,QAAU,EAAA,EAAA;AAAA,QACV,UAAY,EAAA,GAAA;AAAA,QACZ,aAAc,EAAA,MAAA;AAAA,QACd,aAAY,EAAA,6BAAA;AAAA,QAEX,QAAA,EAAA;AAAA;AAAA;AACH,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/AggregatedMetricCards/AverageCard/DonutChartTooltipContent.esm.js

@@ -0,0 +1,30 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import Stack from '@mui/material/Stack';
+import { TooltipContent } from './TooltipContent.esm.js';
+import { useTranslation } from '../../../hooks/useTranslation.esm.js';
+
+const DonutChartTooltipContent = ({
+  weightedSum,
+  maxPossible
+}) => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 3, children: [
+    /* @__PURE__ */ jsx(
+      TooltipContent,
+      {
+        label: t("metric.averageCenterTooltipTotalLabel"),
+        value: weightedSum
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TooltipContent,
+      {
+        label: t("metric.averageCenterTooltipMaxLabel"),
+        value: maxPossible
+      }
+    )
+  ] });
+};
+
+export { DonutChartTooltipContent };
+//# sourceMappingURL=DonutChartTooltipContent.esm.js.map

package/dist/components/AggregatedMetricCards/AverageCard/DonutChartTooltipContent.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChartTooltipContent.esm.js","sources":["../../../../src/components/AggregatedMetricCards/AverageCard/DonutChartTooltipContent.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 Stack from '@mui/material/Stack';\nimport { TooltipContent } from './TooltipContent';\nimport { useTranslation } from '../../../hooks/useTranslation';\n\nexport const DonutChartTooltipContent = ({\n  weightedSum,\n  maxPossible,\n}: {\n  weightedSum: number | undefined;\n  maxPossible: number | undefined;\n}) => {\n  const { t } = useTranslation();\n\n  return (\n    <Stack direction=\"row\" spacing={3}>\n      <TooltipContent\n        label={t('metric.averageCenterTooltipTotalLabel')}\n        value={weightedSum}\n      />\n      <TooltipContent\n        label={t('metric.averageCenterTooltipMaxLabel')}\n        value={maxPossible}\n      />\n    </Stack>\n  );\n};\n"],"names":[],"mappings":";;;;;AAoBO,MAAM,2BAA2B,CAAC;AAAA,EACvC,WAAA;AAAA,EACA;AACF,CAGM,KAAA;AACJ,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAA,uBACG,IAAA,CAAA,KAAA,EAAA,EAAM,SAAU,EAAA,KAAA,EAAM,SAAS,CAC9B,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,uCAAuC,CAAA;AAAA,QAChD,KAAO,EAAA;AAAA;AAAA,KACT;AAAA,oBACA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,qCAAqC,CAAA;AAAA,QAC9C,KAAO,EAAA;AAAA;AAAA;AACT,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/AggregatedMetricCards/AverageCard/LegendTooltipContent.esm.js

@@ -0,0 +1,39 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import Stack from '@mui/material/Stack';
+import { useTranslation } from '../../../hooks/useTranslation.esm.js';
+import { TooltipContent, formatAggregationScoreDetail } from './TooltipContent.esm.js';
+import { formatPercentage } from '../../../utils/formatPercentage.esm.js';
+
+const LegendTooltipContent = ({
+  row,
+  maxPossible
+}) => {
+  const { t } = useTranslation();
+  const count = row.value;
+  const unitScore = row.score ?? 0;
+  const rowTotal = count * unitScore;
+  const percentLabel = maxPossible && maxPossible > 0 ? `${formatPercentage(rowTotal / maxPossible * 100)}%` : "\u2014";
+  return /* @__PURE__ */ jsxs(Stack, { direction: "column", children: [
+    /* @__PURE__ */ jsx(
+      TooltipContent,
+      {
+        label: t("metric.averageLegendTooltipEntitiesEach", {
+          count,
+          score: formatAggregationScoreDetail(unitScore)
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TooltipContent,
+      {
+        label: t("metric.averageLegendTooltipRowTotal", {
+          total: formatAggregationScoreDetail(rowTotal)
+        }),
+        value: percentLabel
+      }
+    )
+  ] });
+};
+
+export { LegendTooltipContent };
+//# sourceMappingURL=LegendTooltipContent.esm.js.map

package/dist/components/AggregatedMetricCards/AverageCard/LegendTooltipContent.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegendTooltipContent.esm.js","sources":["../../../../src/components/AggregatedMetricCards/AverageCard/LegendTooltipContent.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 type { PieData } from '../../types';\nimport Stack from '@mui/material/Stack';\nimport { useTranslation } from '../../../hooks/useTranslation';\nimport { formatAggregationScoreDetail, TooltipContent } from './TooltipContent';\nimport { formatPercentage } from '../../../utils/formatPercentage';\n\nexport const LegendTooltipContent = ({\n  row,\n  maxPossible,\n}: {\n  row: PieData;\n  maxPossible: number | undefined;\n}) => {\n  const { t } = useTranslation();\n  const count = row.value;\n  const unitScore = row.score ?? 0;\n  const rowTotal = count * unitScore;\n  const percentLabel =\n    maxPossible && maxPossible > 0\n      ? `${formatPercentage((rowTotal / maxPossible) * 100)}%`\n      : '—';\n\n  return (\n    <Stack direction=\"column\">\n      <TooltipContent\n        label={t('metric.averageLegendTooltipEntitiesEach', {\n          count,\n          score: formatAggregationScoreDetail(unitScore),\n        } as any)}\n      />\n      <TooltipContent\n        label={t('metric.averageLegendTooltipRowTotal', {\n          total: formatAggregationScoreDetail(rowTotal),\n        } as any)}\n        value={percentLabel}\n      />\n    </Stack>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAsBO,MAAM,uBAAuB,CAAC;AAAA,EACnC,GAAA;AAAA,EACA;AACF,CAGM,KAAA;AACJ,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,MAAM,QAAQ,GAAI,CAAA,KAAA;AAClB,EAAM,MAAA,SAAA,GAAY,IAAI,KAAS,IAAA,CAAA;AAC/B,EAAA,MAAM,WAAW,KAAQ,GAAA,SAAA;AACzB,EAAM,MAAA,YAAA,GACJ,WAAe,IAAA,WAAA,GAAc,CACzB,GAAA,CAAA,EAAG,iBAAkB,QAAW,GAAA,WAAA,GAAe,GAAG,CAAC,CACnD,CAAA,CAAA,GAAA,QAAA;AAEN,EACE,uBAAA,IAAA,CAAC,KAAM,EAAA,EAAA,SAAA,EAAU,QACf,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,yCAA2C,EAAA;AAAA,UAClD,KAAA;AAAA,UACA,KAAA,EAAO,6BAA6B,SAAS;AAAA,SACvC;AAAA;AAAA,KACV;AAAA,oBACA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,qCAAuC,EAAA;AAAA,UAC9C,KAAA,EAAO,6BAA6B,QAAQ;AAAA,SACtC,CAAA;AAAA,QACR,KAAO,EAAA;AAAA;AAAA;AACT,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/AggregatedMetricCards/AverageCard/TooltipContent.esm.js

@@ -0,0 +1,36 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import Stack from '@mui/material/Stack';
+import Typography from '@mui/material/Typography';
+
+const formatAggregationScoreDetail = (value) => {
+  if (typeof value === "string") {
+    return value;
+  }
+  if (value === void 0 || !Number.isFinite(value)) {
+    return "\u2014";
+  }
+  return Number.isInteger(value) ? String(value) : value.toLocaleString(void 0, { maximumFractionDigits: 2 });
+};
+const TooltipContent = ({
+  label,
+  value
+}) => {
+  return /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.875rem", margin: 0, fontWeight: 500 }, children: label }),
+    value !== void 0 && value !== null && /* @__PURE__ */ jsx(
+      Typography,
+      {
+        sx: {
+          fontSize: "2.5rem",
+          margin: 0,
+          color: "#37a3a3",
+          fontWeight: 500
+        },
+        children: formatAggregationScoreDetail(value)
+      }
+    )
+  ] });
+};
+
+export { TooltipContent, formatAggregationScoreDetail };
+//# sourceMappingURL=TooltipContent.esm.js.map

package/dist/components/AggregatedMetricCards/AverageCard/TooltipContent.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipContent.esm.js","sources":["../../../../src/components/AggregatedMetricCards/AverageCard/TooltipContent.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nexport const formatAggregationScoreDetail = (\n  value?: number | string,\n): string => {\n  if (typeof value === 'string') {\n    return value;\n  }\n\n  if (value === undefined || !Number.isFinite(value)) {\n    return '—';\n  }\n\n  return Number.isInteger(value)\n    ? String(value)\n    : value.toLocaleString(undefined, { maximumFractionDigits: 2 });\n};\n\nexport const TooltipContent = ({\n  label,\n  value,\n}: {\n  label: string;\n  value?: number | string;\n}) => {\n  return (\n    <Stack>\n      <Typography sx={{ fontSize: '0.875rem', margin: 0, fontWeight: 500 }}>\n        {label}\n      </Typography>\n      {value !== undefined && value !== null && (\n        <Typography\n          sx={{\n            fontSize: '2.5rem',\n            margin: 0,\n            color: '#37a3a3',\n            fontWeight: 500,\n          }}\n        >\n          {formatAggregationScoreDetail(value)}\n        </Typography>\n      )}\n    </Stack>\n  );\n};\n"],"names":[],"mappings":";;;;AAmBa,MAAA,4BAAA,GAA+B,CAC1C,KACW,KAAA;AACX,EAAI,IAAA,OAAO,UAAU,QAAU,EAAA;AAC7B,IAAO,OAAA,KAAA;AAAA;AAGT,EAAA,IAAI,UAAU,MAAa,IAAA,CAAC,MAAO,CAAA,QAAA,CAAS,KAAK,CAAG,EAAA;AAClD,IAAO,OAAA,QAAA;AAAA;AAGT,EAAA,OAAO,MAAO,CAAA,SAAA,CAAU,KAAK,CAAA,GACzB,MAAO,CAAA,KAAK,CACZ,GAAA,KAAA,CAAM,cAAe,CAAA,MAAA,EAAW,EAAE,qBAAA,EAAuB,GAAG,CAAA;AAClE;AAEO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,KAAA;AAAA,EACA;AACF,CAGM,KAAA;AACJ,EAAA,4BACG,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,UAAA,EAAA,EAAW,EAAI,EAAA,EAAE,QAAU,EAAA,UAAA,EAAY,QAAQ,CAAG,EAAA,UAAA,EAAY,GAAI,EAAA,EAChE,QACH,EAAA,KAAA,EAAA,CAAA;AAAA,IACC,KAAA,KAAU,MAAa,IAAA,KAAA,KAAU,IAChC,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,EAAI,EAAA;AAAA,UACF,QAAU,EAAA,QAAA;AAAA,UACV,MAAQ,EAAA,CAAA;AAAA,UACR,KAAO,EAAA,SAAA;AAAA,UACP,UAAY,EAAA;AAAA,SACd;AAAA,QAEC,uCAA6B,KAAK;AAAA;AAAA;AACrC,GAEJ,EAAA,CAAA;AAEJ;;;;"}