@backstage-community/plugin-cost-insights 0.15.2 → 0.17.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @backstage-community/plugin-cost-insights
 
+## 0.17.0
+
+### Minor Changes
+
+- 364eea8: Adds support for Backstage's new frontend system, available via the `/alpha` sub-path export.
+
+## 0.16.0
+
+### Minor Changes
+
+- 74ab831: Backstage version bump to v1.40.2
+
+### Patch Changes
+
+- Updated dependencies [74ab831]
+  - @backstage-community/plugin-cost-insights-common@0.5.0
+
 ## 0.15.2
 
 ### Patch Changes

package/dist/alerts/ProjectGrowthAlert.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { ProjectGrowthAlertCard } from '../components/ProjectGrowthAlertCard/ProjectGrowthAlertCard.esm.js';
 
 class ProjectGrowthAlert {
@@ -16,7 +16,7 @@ class ProjectGrowthAlert {
     return "Cost growth outpacing business growth is unsustainable long-term.";
   }
   get element() {
-    return /* @__PURE__ */ React.createElement(ProjectGrowthAlertCard, { alert: this.data });
+    return /* @__PURE__ */ jsx(ProjectGrowthAlertCard, { alert: this.data });
   }
 }
 

package/dist/alerts/ProjectGrowthAlert.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectGrowthAlert.esm.js","sources":["../../src/alerts/ProjectGrowthAlert.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 { ProjectGrowthAlertCard } from '../components/ProjectGrowthAlertCard';\nimport { Alert, ProjectGrowthData } from '../types';\n\n/**\n * The alert below is an example of an Alert implementation; the CostInsightsApi permits returning\n * any implementation of the Alert type, so adopters can create their own. The CostInsightsApi\n * fetches alert data from the backend, then creates Alert classes with the data.\n *\n * @public\n */\nexport class ProjectGrowthAlert implements Alert {\n  data: ProjectGrowthData;\n\n  constructor(data: ProjectGrowthData) {\n    this.data = data;\n  }\n\n  get url() {\n    return '/cost-insights/investigating-growth';\n  }\n\n  get title() {\n    return `Investigate cost growth in project ${this.data.project}`;\n  }\n\n  get subtitle() {\n    return 'Cost growth outpacing business growth is unsustainable long-term.';\n  }\n\n  get element() {\n    return <ProjectGrowthAlertCard alert={this.data} />;\n  }\n}\n"],"names":[],"mappings":";;;AA2BO,MAAM,kBAAoC,CAAA;AAAA,EAC/C,IAAA;AAAA,EAEA,YAAY,IAAyB,EAAA;AACnC,IAAA,IAAA,CAAK,IAAO,GAAA,IAAA;AAAA;AACd,EAEA,IAAI,GAAM,GAAA;AACR,IAAO,OAAA,qCAAA;AAAA;AACT,EAEA,IAAI,KAAQ,GAAA;AACV,IAAO,OAAA,CAAA,mCAAA,EAAsC,IAAK,CAAA,IAAA,CAAK,OAAO,CAAA,CAAA;AAAA;AAChE,EAEA,IAAI,QAAW,GAAA;AACb,IAAO,OAAA,mEAAA;AAAA;AACT,EAEA,IAAI,OAAU,GAAA;AACZ,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,sBAAA,EAAA,EAAuB,KAAO,EAAA,IAAA,CAAK,IAAM,EAAA,CAAA;AAAA;AAErD;;;;"}
+{"version":3,"file":"ProjectGrowthAlert.esm.js","sources":["../../src/alerts/ProjectGrowthAlert.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 { ProjectGrowthAlertCard } from '../components/ProjectGrowthAlertCard';\nimport { Alert, ProjectGrowthData } from '../types';\n\n/**\n * The alert below is an example of an Alert implementation; the CostInsightsApi permits returning\n * any implementation of the Alert type, so adopters can create their own. The CostInsightsApi\n * fetches alert data from the backend, then creates Alert classes with the data.\n *\n * @public\n */\nexport class ProjectGrowthAlert implements Alert {\n  data: ProjectGrowthData;\n\n  constructor(data: ProjectGrowthData) {\n    this.data = data;\n  }\n\n  get url() {\n    return '/cost-insights/investigating-growth';\n  }\n\n  get title() {\n    return `Investigate cost growth in project ${this.data.project}`;\n  }\n\n  get subtitle() {\n    return 'Cost growth outpacing business growth is unsustainable long-term.';\n  }\n\n  get element() {\n    return <ProjectGrowthAlertCard alert={this.data} />;\n  }\n}\n"],"names":[],"mappings":";;;AA0BO,MAAM,kBAAoC,CAAA;AAAA,EAC/C,IAAA;AAAA,EAEA,YAAY,IAAyB,EAAA;AACnC,IAAA,IAAA,CAAK,IAAO,GAAA,IAAA;AAAA;AACd,EAEA,IAAI,GAAM,GAAA;AACR,IAAO,OAAA,qCAAA;AAAA;AACT,EAEA,IAAI,KAAQ,GAAA;AACV,IAAO,OAAA,CAAA,mCAAA,EAAsC,IAAK,CAAA,IAAA,CAAK,OAAO,CAAA,CAAA;AAAA;AAChE,EAEA,IAAI,QAAW,GAAA;AACb,IAAO,OAAA,mEAAA;AAAA;AACT,EAEA,IAAI,OAAU,GAAA;AACZ,IAAA,uBAAQ,GAAA,CAAA,sBAAA,EAAA,EAAuB,KAAO,EAAA,IAAA,CAAK,IAAM,EAAA,CAAA;AAAA;AAErD;;;;"}

package/dist/alerts/UnlabeledDataflowAlert.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { UnlabeledDataflowAlertCard } from '../components/UnlabeledDataflowAlertCard/UnlabeledDataflowAlertCard.esm.js';
 
 class UnlabeledDataflowAlert {
@@ -17,7 +17,7 @@ class UnlabeledDataflowAlert {
     return "Labels show in billing data, enabling cost insights for each workflow.";
   }
   get element() {
-    return /* @__PURE__ */ React.createElement(UnlabeledDataflowAlertCard, { alert: this.data });
+    return /* @__PURE__ */ jsx(UnlabeledDataflowAlertCard, { alert: this.data });
   }
 }
 

package/dist/alerts/UnlabeledDataflowAlert.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnlabeledDataflowAlert.esm.js","sources":["../../src/alerts/UnlabeledDataflowAlert.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 { UnlabeledDataflowAlertCard } from '../components/UnlabeledDataflowAlertCard';\nimport { Alert, AlertStatus, UnlabeledDataflowData } from '../types';\n\n/**\n * The alert below is an example of an Alert implementation; the CostInsightsApi permits returning\n * any implementation of the Alert type, so adopters can create their own. The CostInsightsApi\n * fetches alert data from the backend, then creates Alert classes with the data.\n *\n * @public\n */\nexport class UnlabeledDataflowAlert implements Alert {\n  data: UnlabeledDataflowData;\n  status?: AlertStatus;\n\n  constructor(data: UnlabeledDataflowData) {\n    this.data = data;\n  }\n\n  get url() {\n    return '/cost-insights/labeling-jobs';\n  }\n\n  get title() {\n    return 'Add labels to workflows';\n  }\n\n  get subtitle() {\n    return 'Labels show in billing data, enabling cost insights for each workflow.';\n  }\n\n  get element() {\n    return <UnlabeledDataflowAlertCard alert={this.data} />;\n  }\n}\n"],"names":[],"mappings":";;;AA2BO,MAAM,sBAAwC,CAAA;AAAA,EACnD,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAY,IAA6B,EAAA;AACvC,IAAA,IAAA,CAAK,IAAO,GAAA,IAAA;AAAA;AACd,EAEA,IAAI,GAAM,GAAA;AACR,IAAO,OAAA,8BAAA;AAAA;AACT,EAEA,IAAI,KAAQ,GAAA;AACV,IAAO,OAAA,yBAAA;AAAA;AACT,EAEA,IAAI,QAAW,GAAA;AACb,IAAO,OAAA,wEAAA;AAAA;AACT,EAEA,IAAI,OAAU,GAAA;AACZ,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,0BAAA,EAAA,EAA2B,KAAO,EAAA,IAAA,CAAK,IAAM,EAAA,CAAA;AAAA;AAEzD;;;;"}
+{"version":3,"file":"UnlabeledDataflowAlert.esm.js","sources":["../../src/alerts/UnlabeledDataflowAlert.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 { UnlabeledDataflowAlertCard } from '../components/UnlabeledDataflowAlertCard';\nimport { Alert, AlertStatus, UnlabeledDataflowData } from '../types';\n\n/**\n * The alert below is an example of an Alert implementation; the CostInsightsApi permits returning\n * any implementation of the Alert type, so adopters can create their own. The CostInsightsApi\n * fetches alert data from the backend, then creates Alert classes with the data.\n *\n * @public\n */\nexport class UnlabeledDataflowAlert implements Alert {\n  data: UnlabeledDataflowData;\n  status?: AlertStatus;\n\n  constructor(data: UnlabeledDataflowData) {\n    this.data = data;\n  }\n\n  get url() {\n    return '/cost-insights/labeling-jobs';\n  }\n\n  get title() {\n    return 'Add labels to workflows';\n  }\n\n  get subtitle() {\n    return 'Labels show in billing data, enabling cost insights for each workflow.';\n  }\n\n  get element() {\n    return <UnlabeledDataflowAlertCard alert={this.data} />;\n  }\n}\n"],"names":[],"mappings":";;;AA0BO,MAAM,sBAAwC,CAAA;AAAA,EACnD,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAY,IAA6B,EAAA;AACvC,IAAA,IAAA,CAAK,IAAO,GAAA,IAAA;AAAA;AACd,EAEA,IAAI,GAAM,GAAA;AACR,IAAO,OAAA,8BAAA;AAAA;AACT,EAEA,IAAI,KAAQ,GAAA;AACV,IAAO,OAAA,yBAAA;AAAA;AACT,EAEA,IAAI,QAAW,GAAA;AACb,IAAO,OAAA,wEAAA;AAAA;AACT,EAEA,IAAI,OAAU,GAAA;AACZ,IAAA,uBAAQ,GAAA,CAAA,0BAAA,EAAA,EAA2B,KAAO,EAAA,IAAA,CAAK,IAAM,EAAA,CAAA;AAAA;AAEzD;;;;"}

package/dist/alpha/plugin.esm.js

@@ -0,0 +1,55 @@
+import { jsx } from 'react/jsx-runtime';
+import { PageBlueprint, NavItemBlueprint } from '@backstage/frontend-plugin-api';
+import { convertLegacyRouteRef, compatWrapper } from '@backstage/core-compat-api';
+import { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';
+import MoneyIcon from '@material-ui/icons/MonetizationOn';
+import { rootRouteRef, projectGrowthAlertRef, unlabeledDataflowAlertRef } from '../routes.esm.js';
+
+const CostInsightsPage = PageBlueprint.make({
+  params: {
+    defaultPath: "/cost-insights",
+    routeRef: convertLegacyRouteRef(rootRouteRef),
+    loader: () => import('../components/CostInsightsPage/index.esm.js').then(
+      (m) => compatWrapper(/* @__PURE__ */ jsx(m.CostInsightsPage, {}))
+    )
+  }
+});
+const CostInsightsProjectGrowthInstructionsPage = PageBlueprint.make({
+  params: {
+    defaultPath: "/cost-insights/investigating-growth",
+    routeRef: convertLegacyRouteRef(projectGrowthAlertRef),
+    loader: () => import('../components/ProjectGrowthInstructionsPage/index.esm.js').then(
+      (m) => compatWrapper(/* @__PURE__ */ jsx(m.ProjectGrowthInstructionsPage, {}))
+    )
+  }
+});
+const CostInsightsLabelDataflowInstructionsPage = PageBlueprint.make({
+  params: {
+    defaultPath: "/cost-insights/labeling-jobs",
+    routeRef: convertLegacyRouteRef(unlabeledDataflowAlertRef),
+    loader: () => import('../components/LabelDataflowInstructionsPage/index.esm.js').then(
+      (m) => compatWrapper(/* @__PURE__ */ jsx(m.LabelDataflowInstructionsPage, {}))
+    )
+  }
+});
+const EntityCostInsightsContent = EntityContentBlueprint.make({
+  name: "EntityCostInsightsContent",
+  params: {
+    defaultPath: "/cost-insights",
+    defaultTitle: "Cost Insights",
+    routeRef: convertLegacyRouteRef(rootRouteRef),
+    loader: () => import('../components/EntityCosts/index.esm.js').then(
+      (m) => compatWrapper(/* @__PURE__ */ jsx(m.EntityCosts, {}))
+    )
+  }
+});
+const CostInsightsNavItem = NavItemBlueprint.make({
+  params: {
+    title: "Cost Insights",
+    routeRef: convertLegacyRouteRef(rootRouteRef),
+    icon: MoneyIcon
+  }
+});
+
+export { CostInsightsLabelDataflowInstructionsPage, CostInsightsNavItem, CostInsightsPage, CostInsightsProjectGrowthInstructionsPage, EntityCostInsightsContent };
+//# sourceMappingURL=plugin.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.esm.js","sources":["../../src/alpha/plugin.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  PageBlueprint,\n  NavItemBlueprint,\n} from '@backstage/frontend-plugin-api';\nimport {\n  compatWrapper,\n  convertLegacyRouteRef,\n} from '@backstage/core-compat-api';\nimport { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';\nimport MoneyIcon from '@material-ui/icons/MonetizationOn';\nimport {\n  projectGrowthAlertRef,\n  rootRouteRef,\n  unlabeledDataflowAlertRef,\n} from '../routes';\n\n/** @alpha */\nexport const CostInsightsPage = PageBlueprint.make({\n  params: {\n    defaultPath: '/cost-insights',\n    routeRef: convertLegacyRouteRef(rootRouteRef),\n    loader: () =>\n      import('../components/CostInsightsPage').then(m =>\n        compatWrapper(<m.CostInsightsPage />),\n      ),\n  },\n});\n\n/** @alpha */\nexport const CostInsightsProjectGrowthInstructionsPage = PageBlueprint.make({\n  params: {\n    defaultPath: '/cost-insights/investigating-growth',\n    routeRef: convertLegacyRouteRef(projectGrowthAlertRef),\n    loader: () =>\n      import('../components/ProjectGrowthInstructionsPage').then(m =>\n        compatWrapper(<m.ProjectGrowthInstructionsPage />),\n      ),\n  },\n});\n\n/** @alpha */\nexport const CostInsightsLabelDataflowInstructionsPage = PageBlueprint.make({\n  params: {\n    defaultPath: '/cost-insights/labeling-jobs',\n    routeRef: convertLegacyRouteRef(unlabeledDataflowAlertRef),\n    loader: () =>\n      import('../components/LabelDataflowInstructionsPage').then(m =>\n        compatWrapper(<m.LabelDataflowInstructionsPage />),\n      ),\n  },\n});\n\n/** @alpha */\nexport const EntityCostInsightsContent = EntityContentBlueprint.make({\n  name: 'EntityCostInsightsContent',\n  params: {\n    defaultPath: '/cost-insights',\n    defaultTitle: 'Cost Insights',\n    routeRef: convertLegacyRouteRef(rootRouteRef),\n    loader: () =>\n      import('../components/EntityCosts').then(m =>\n        compatWrapper(<m.EntityCosts />),\n      ),\n  },\n});\n\n/**\n * @alpha\n */\nexport const CostInsightsNavItem = NavItemBlueprint.make({\n  params: {\n    title: 'Cost Insights',\n    routeRef: convertLegacyRouteRef(rootRouteRef),\n    icon: MoneyIcon,\n  },\n});\n"],"names":[],"mappings":";;;;;;;AAiCa,MAAA,gBAAA,GAAmB,cAAc,IAAK,CAAA;AAAA,EACjD,MAAQ,EAAA;AAAA,IACN,WAAa,EAAA,gBAAA;AAAA,IACb,QAAA,EAAU,sBAAsB,YAAY,CAAA;AAAA,IAC5C,MAAQ,EAAA,MACN,OAAO,6CAAgC,CAAE,CAAA,IAAA;AAAA,MAAK,OAC5C,aAAc,iBAAA,GAAA,CAAC,CAAE,CAAA,gBAAA,EAAF,EAAmB,CAAE;AAAA;AACtC;AAEN,CAAC;AAGY,MAAA,yCAAA,GAA4C,cAAc,IAAK,CAAA;AAAA,EAC1E,MAAQ,EAAA;AAAA,IACN,WAAa,EAAA,qCAAA;AAAA,IACb,QAAA,EAAU,sBAAsB,qBAAqB,CAAA;AAAA,IACrD,MAAQ,EAAA,MACN,OAAO,0DAA6C,CAAE,CAAA,IAAA;AAAA,MAAK,OACzD,aAAc,iBAAA,GAAA,CAAC,CAAE,CAAA,6BAAA,EAAF,EAAgC,CAAE;AAAA;AACnD;AAEN,CAAC;AAGY,MAAA,yCAAA,GAA4C,cAAc,IAAK,CAAA;AAAA,EAC1E,MAAQ,EAAA;AAAA,IACN,WAAa,EAAA,8BAAA;AAAA,IACb,QAAA,EAAU,sBAAsB,yBAAyB,CAAA;AAAA,IACzD,MAAQ,EAAA,MACN,OAAO,0DAA6C,CAAE,CAAA,IAAA;AAAA,MAAK,OACzD,aAAc,iBAAA,GAAA,CAAC,CAAE,CAAA,6BAAA,EAAF,EAAgC,CAAE;AAAA;AACnD;AAEN,CAAC;AAGY,MAAA,yBAAA,GAA4B,uBAAuB,IAAK,CAAA;AAAA,EACnE,IAAM,EAAA,2BAAA;AAAA,EACN,MAAQ,EAAA;AAAA,IACN,WAAa,EAAA,gBAAA;AAAA,IACb,YAAc,EAAA,eAAA;AAAA,IACd,QAAA,EAAU,sBAAsB,YAAY,CAAA;AAAA,IAC5C,MAAQ,EAAA,MACN,OAAO,wCAA2B,CAAE,CAAA,IAAA;AAAA,MAAK,OACvC,aAAc,iBAAA,GAAA,CAAC,CAAE,CAAA,WAAA,EAAF,EAAc,CAAE;AAAA;AACjC;AAEN,CAAC;AAKY,MAAA,mBAAA,GAAsB,iBAAiB,IAAK,CAAA;AAAA,EACvD,MAAQ,EAAA;AAAA,IACN,KAAO,EAAA,eAAA;AAAA,IACP,QAAA,EAAU,sBAAsB,YAAY,CAAA;AAAA,IAC5C,IAAM,EAAA;AAAA;AAEV,CAAC;;;;"}

package/dist/alpha.d.ts

@@ -0,0 +1,85 @@
+/// <reference types="react" />
+import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+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';
+import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
+
+declare const _default: _backstage_frontend_plugin_api.FrontendPlugin<{
+    root: _backstage_frontend_plugin_api.RouteRef<undefined>;
+    growthAlerts: _backstage_frontend_plugin_api.RouteRef<undefined>;
+    unlabeledDataflowAlerts: _backstage_frontend_plugin_api.RouteRef<undefined>;
+}, {}, {
+    "entity-content:cost-insights/EntityCostInsightsContent": _backstage_frontend_plugin_api.ExtensionDefinition<{
+        kind: "entity-content";
+        name: "EntityCostInsightsContent";
+        config: {
+            path: string | undefined;
+            title: string | undefined;
+            filter: _backstage_plugin_catalog_react_alpha.EntityPredicate | undefined;
+            group: string | false | undefined;
+        };
+        configInput: {
+            filter?: _backstage_plugin_catalog_react_alpha.EntityPredicate | undefined;
+            title?: string | undefined;
+            path?: string | undefined;
+            group?: string | false | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "catalog.entity-content-title", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "catalog.entity-filter-expression", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "catalog.entity-content-group", {
+            optional: true;
+        }>;
+        inputs: {};
+        params: {
+            loader: () => Promise<JSX.Element>;
+            defaultPath: string;
+            defaultTitle: string;
+            defaultGroup?: (string & {}) | "overview" | "documentation" | "development" | "deployment" | "operation" | "observability" | undefined;
+            routeRef?: _backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams> | undefined;
+            filter?: _backstage_plugin_catalog_react_alpha.EntityPredicate | ((entity: _backstage_catalog_model.Entity) => boolean) | undefined;
+        };
+    }>;
+    "nav-item:cost-insights": _backstage_frontend_plugin_api.ExtensionDefinition<{
+        kind: "nav-item";
+        name: undefined;
+        config: {};
+        configInput: {};
+        output: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<{
+            title: string;
+            icon: _backstage_core_plugin_api.IconComponent;
+            routeRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
+        }, "core.nav-item.target", {}>;
+        inputs: {};
+        params: {
+            title: string;
+            icon: _backstage_core_plugin_api.IconComponent;
+            routeRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
+        };
+    }>;
+    "page:cost-insights": _backstage_frontend_plugin_api.ExtensionDefinition<{
+        kind: "page";
+        name: undefined;
+        config: {
+            path: string | undefined;
+        };
+        configInput: {
+            path?: string | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+            optional: true;
+        }>;
+        inputs: {};
+        params: {
+            defaultPath: string;
+            loader: () => Promise<JSX.Element>;
+            routeRef?: _backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams> | undefined;
+        };
+    }>;
+}>;
+
+export { _default as default };

package/dist/alpha.esm.js

@@ -0,0 +1,23 @@
+import { convertLegacyRouteRefs } from '@backstage/core-compat-api';
+import { rootRouteRef, projectGrowthAlertRef, unlabeledDataflowAlertRef } from './routes.esm.js';
+import { createFrontendPlugin } from '@backstage/frontend-plugin-api';
+import { CostInsightsPage, CostInsightsProjectGrowthInstructionsPage, CostInsightsLabelDataflowInstructionsPage, EntityCostInsightsContent, CostInsightsNavItem } from './alpha/plugin.esm.js';
+
+var alpha = createFrontendPlugin({
+  pluginId: "cost-insights",
+  extensions: [
+    CostInsightsPage,
+    CostInsightsProjectGrowthInstructionsPage,
+    CostInsightsLabelDataflowInstructionsPage,
+    EntityCostInsightsContent,
+    CostInsightsNavItem
+  ],
+  routes: convertLegacyRouteRefs({
+    root: rootRouteRef,
+    growthAlerts: projectGrowthAlertRef,
+    unlabeledDataflowAlerts: unlabeledDataflowAlertRef
+  })
+});
+
+export { alpha as default };
+//# sourceMappingURL=alpha.esm.js.map

package/dist/alpha.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { convertLegacyRouteRefs } from '@backstage/core-compat-api';\n\nimport {\n  projectGrowthAlertRef,\n  rootRouteRef,\n  unlabeledDataflowAlertRef,\n} from './routes';\nimport { createFrontendPlugin } from '@backstage/frontend-plugin-api';\nimport {\n  CostInsightsLabelDataflowInstructionsPage,\n  CostInsightsNavItem,\n  CostInsightsPage,\n  CostInsightsProjectGrowthInstructionsPage,\n  EntityCostInsightsContent,\n} from './alpha/plugin';\n\nexport default createFrontendPlugin({\n  pluginId: 'cost-insights',\n  extensions: [\n    CostInsightsPage,\n    CostInsightsProjectGrowthInstructionsPage,\n    CostInsightsLabelDataflowInstructionsPage,\n    EntityCostInsightsContent,\n    CostInsightsNavItem,\n  ],\n  routes: convertLegacyRouteRefs({\n    root: rootRouteRef,\n    growthAlerts: projectGrowthAlertRef,\n    unlabeledDataflowAlerts: unlabeledDataflowAlertRef,\n  }),\n});\n"],"names":[],"mappings":";;;;;AAgCA,YAAe,oBAAqB,CAAA;AAAA,EAClC,QAAU,EAAA,eAAA;AAAA,EACV,UAAY,EAAA;AAAA,IACV,gBAAA;AAAA,IACA,yCAAA;AAAA,IACA,yCAAA;AAAA,IACA,yBAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,QAAQ,sBAAuB,CAAA;AAAA,IAC7B,IAAM,EAAA,YAAA;AAAA,IACN,YAAc,EAAA,qBAAA;AAAA,IACd,uBAAyB,EAAA;AAAA,GAC1B;AACH,CAAC,CAAA;;;;"}

package/dist/components/ActionItems/ActionItemCard.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import classnames from 'classnames';
 import Card from '@material-ui/core/Card';
 import CardHeader from '@material-ui/core/CardHeader';
@@ -27,7 +27,7 @@ const ActionItemCard = ({
       setScroll(`alert-${number}`);
     }
   };
-  return /* @__PURE__ */ React.createElement(Card, { className: classes.card, raised: false, onClick: onActionItemClick }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(Card, { className: classes.card, raised: false, onClick: onActionItemClick, children: /* @__PURE__ */ jsx(
     CardHeader,
     {
       classes: {
@@ -39,7 +39,7 @@ const ActionItemCard = ({
       subheader: alert.subtitle,
       avatar
     }
-  ));
+  ) });
 };
 
 export { ActionItemCard };

package/dist/components/ActionItems/ActionItemCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionItemCard.esm.js","sources":["../../../src/components/ActionItems/ActionItemCard.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 React, { MouseEventHandler } from 'react';\nimport classnames from 'classnames';\nimport Card from '@material-ui/core/Card';\nimport CardHeader from '@material-ui/core/CardHeader';\nimport { useScroll } from '../../hooks';\nimport { Alert } from '../../types';\nimport { useActionItemCardStyles as useStyles } from '../../utils/styles';\n\ntype ActionItemCardProps = {\n  alert: Alert;\n  number?: number;\n  avatar?: JSX.Element;\n  disableScroll?: boolean;\n};\n\nexport const ActionItemCard = ({\n  alert,\n  avatar,\n  number,\n  disableScroll = false,\n}: ActionItemCardProps) => {\n  const classes = useStyles();\n  const rootClasses = classnames(classes.root, {\n    [classes.activeRoot]: !disableScroll,\n  });\n  const [, setScroll] = useScroll();\n\n  const onActionItemClick: MouseEventHandler = () => {\n    if (!disableScroll && number) {\n      setScroll(`alert-${number}`);\n    }\n  };\n\n  return (\n    <Card className={classes.card} raised={false} onClick={onActionItemClick}>\n      <CardHeader\n        classes={{\n          root: rootClasses,\n          action: classes.action,\n          title: classes.title,\n        }}\n        title={alert.title}\n        subheader={alert.subtitle}\n        avatar={avatar}\n      />\n    </Card>\n  );\n};\n"],"names":["useStyles"],"mappings":";;;;;;;;;;;;;AA8BO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,KAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,aAAgB,GAAA;AAClB,CAA2B,KAAA;AACzB,EAAA,MAAM,UAAUA,uBAAU,EAAA;AAC1B,EAAM,MAAA,WAAA,GAAc,UAAW,CAAA,OAAA,CAAQ,IAAM,EAAA;AAAA,IAC3C,CAAC,OAAA,CAAQ,UAAU,GAAG,CAAC;AAAA,GACxB,CAAA;AACD,EAAA,MAAM,GAAG,SAAS,CAAA,GAAI,SAAU,EAAA;AAEhC,EAAA,MAAM,oBAAuC,MAAM;AACjD,IAAI,IAAA,CAAC,iBAAiB,MAAQ,EAAA;AAC5B,MAAU,SAAA,CAAA,CAAA,MAAA,EAAS,MAAM,CAAE,CAAA,CAAA;AAAA;AAC7B,GACF;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,SAAW,EAAA,OAAA,CAAQ,MAAM,MAAQ,EAAA,KAAA,EAAO,SAAS,iBACrD,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA;AAAA,QACP,IAAM,EAAA,WAAA;AAAA,QACN,QAAQ,OAAQ,CAAA,MAAA;AAAA,QAChB,OAAO,OAAQ,CAAA;AAAA,OACjB;AAAA,MACA,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,WAAW,KAAM,CAAA,QAAA;AAAA,MACjB;AAAA;AAAA,GAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ActionItemCard.esm.js","sources":["../../../src/components/ActionItems/ActionItemCard.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 { MouseEventHandler } from 'react';\nimport classnames from 'classnames';\nimport Card from '@material-ui/core/Card';\nimport CardHeader from '@material-ui/core/CardHeader';\nimport { useScroll } from '../../hooks';\nimport { Alert } from '../../types';\nimport { useActionItemCardStyles as useStyles } from '../../utils/styles';\n\ntype ActionItemCardProps = {\n  alert: Alert;\n  number?: number;\n  avatar?: JSX.Element;\n  disableScroll?: boolean;\n};\n\nexport const ActionItemCard = ({\n  alert,\n  avatar,\n  number,\n  disableScroll = false,\n}: ActionItemCardProps) => {\n  const classes = useStyles();\n  const rootClasses = classnames(classes.root, {\n    [classes.activeRoot]: !disableScroll,\n  });\n  const [, setScroll] = useScroll();\n\n  const onActionItemClick: MouseEventHandler = () => {\n    if (!disableScroll && number) {\n      setScroll(`alert-${number}`);\n    }\n  };\n\n  return (\n    <Card className={classes.card} raised={false} onClick={onActionItemClick}>\n      <CardHeader\n        classes={{\n          root: rootClasses,\n          action: classes.action,\n          title: classes.title,\n        }}\n        title={alert.title}\n        subheader={alert.subtitle}\n        avatar={avatar}\n      />\n    </Card>\n  );\n};\n"],"names":["useStyles"],"mappings":";;;;;;;;;;;;;AA8BO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,KAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,aAAgB,GAAA;AAClB,CAA2B,KAAA;AACzB,EAAA,MAAM,UAAUA,uBAAU,EAAA;AAC1B,EAAM,MAAA,WAAA,GAAc,UAAW,CAAA,OAAA,CAAQ,IAAM,EAAA;AAAA,IAC3C,CAAC,OAAA,CAAQ,UAAU,GAAG,CAAC;AAAA,GACxB,CAAA;AACD,EAAA,MAAM,GAAG,SAAS,CAAA,GAAI,SAAU,EAAA;AAEhC,EAAA,MAAM,oBAAuC,MAAM;AACjD,IAAI,IAAA,CAAC,iBAAiB,MAAQ,EAAA;AAC5B,MAAU,SAAA,CAAA,CAAA,MAAA,EAAS,MAAM,CAAE,CAAA,CAAA;AAAA;AAC7B,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,QAAK,SAAW,EAAA,OAAA,CAAQ,MAAM,MAAQ,EAAA,KAAA,EAAO,SAAS,iBACrD,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA;AAAA,QACP,IAAM,EAAA,WAAA;AAAA,QACN,QAAQ,OAAQ,CAAA,MAAA;AAAA,QAChB,OAAO,OAAQ,CAAA;AAAA,OACjB;AAAA,MACA,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,WAAW,KAAM,CAAA,QAAA;AAAA,MACjB;AAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/ActionItems/ActionItems.esm.js

@@ -1,4 +1,5 @@
-import React, { Fragment } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Fragment as Fragment$1 } from 'react';
 import Avatar from '@material-ui/core/Avatar';
 import Tooltip from '@material-ui/core/Tooltip';
 import IconButton from '@material-ui/core/IconButton';
@@ -26,16 +27,16 @@ const AlertStatusButton = ({
   icon,
   onClick,
   ...buttonProps
-}) => /* @__PURE__ */ React.createElement(Tooltip, { title }, /* @__PURE__ */ React.createElement(
+}) => /* @__PURE__ */ jsx(Tooltip, { title, children: /* @__PURE__ */ jsx(
   IconButton,
   {
     onClick,
     role: "button",
     "aria-hidden": false,
-    ...buttonProps
-  },
-  /* @__PURE__ */ React.createElement(Badge, { badgeContent: amount }, icon)
-));
+    ...buttonProps,
+    children: /* @__PURE__ */ jsx(Badge, { badgeContent: amount, children: icon })
+  }
+) });
 const ActionItems = ({
   active,
   snoozed,
@@ -49,41 +50,51 @@ const ActionItems = ({
   const isDismissedButtonDisplayed = !!dismissed.length;
   const isStatusButtonGroupDisplayed = !!active.length;
   const onStatusButtonClick = () => setScroll(ScrollType.AlertSummary);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Paper, null, active.map((alert, index) => /* @__PURE__ */ React.createElement(Fragment, { key: `alert-${index}` }, /* @__PURE__ */ React.createElement(
-    ActionItemCard,
-    {
-      alert,
-      number: index + 1,
-      avatar: /* @__PURE__ */ React.createElement(Avatar, { className: classes.avatar }, index + 1)
-    }
-  ), index < active.length - 1 && /* @__PURE__ */ React.createElement(Divider, null)))), isStatusButtonGroupDisplayed && /* @__PURE__ */ React.createElement(Box, { display: "flex", justifyContent: "flex-end", mt: 2 }, isAcceptedButtonDisplayed && /* @__PURE__ */ React.createElement(
-    AlertStatusButton,
-    {
-      title: "Accepted",
-      "aria-label": AlertStatus.Accepted,
-      icon: /* @__PURE__ */ React.createElement(AcceptIcon, null),
-      amount: accepted.length,
-      onClick: onStatusButtonClick
-    }
-  ), isSnoozedButtonDisplayed && /* @__PURE__ */ React.createElement(
-    AlertStatusButton,
-    {
-      title: "Snoozed",
-      "aria-label": AlertStatus.Snoozed,
-      amount: snoozed.length,
-      icon: /* @__PURE__ */ React.createElement(SnoozeIcon, null),
-      onClick: onStatusButtonClick
-    }
-  ), isDismissedButtonDisplayed && /* @__PURE__ */ React.createElement(
-    AlertStatusButton,
-    {
-      title: "Dismissed",
-      "aria-label": AlertStatus.Dismissed,
-      icon: /* @__PURE__ */ React.createElement(DismissIcon, null),
-      amount: dismissed.length,
-      onClick: onStatusButtonClick
-    }
-  )));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Paper, { children: active.map((alert, index) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      /* @__PURE__ */ jsx(
+        ActionItemCard,
+        {
+          alert,
+          number: index + 1,
+          avatar: /* @__PURE__ */ jsx(Avatar, { className: classes.avatar, children: index + 1 })
+        }
+      ),
+      index < active.length - 1 && /* @__PURE__ */ jsx(Divider, {})
+    ] }, `alert-${index}`)) }),
+    isStatusButtonGroupDisplayed && /* @__PURE__ */ jsxs(Box, { display: "flex", justifyContent: "flex-end", mt: 2, children: [
+      isAcceptedButtonDisplayed && /* @__PURE__ */ jsx(
+        AlertStatusButton,
+        {
+          title: "Accepted",
+          "aria-label": AlertStatus.Accepted,
+          icon: /* @__PURE__ */ jsx(AcceptIcon, {}),
+          amount: accepted.length,
+          onClick: onStatusButtonClick
+        }
+      ),
+      isSnoozedButtonDisplayed && /* @__PURE__ */ jsx(
+        AlertStatusButton,
+        {
+          title: "Snoozed",
+          "aria-label": AlertStatus.Snoozed,
+          amount: snoozed.length,
+          icon: /* @__PURE__ */ jsx(SnoozeIcon, {}),
+          onClick: onStatusButtonClick
+        }
+      ),
+      isDismissedButtonDisplayed && /* @__PURE__ */ jsx(
+        AlertStatusButton,
+        {
+          title: "Dismissed",
+          "aria-label": AlertStatus.Dismissed,
+          icon: /* @__PURE__ */ jsx(DismissIcon, {}),
+          amount: dismissed.length,
+          onClick: onStatusButtonClick
+        }
+      )
+    ] })
+  ] });
 };
 
 export { ActionItems };

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

@@ -1 +1 @@
-{"version":3,"file":"ActionItems.esm.js","sources":["../../../src/components/ActionItems/ActionItems.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 React, { Fragment, MouseEventHandler } from 'react';\nimport Avatar from '@material-ui/core/Avatar';\nimport { IconButtonProps } from '@material-ui/core/IconButton';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport IconButton from '@material-ui/core/IconButton';\nimport Badge from '@material-ui/core/Badge';\nimport Box from '@material-ui/core/Box';\nimport Paper from '@material-ui/core/Paper';\nimport Divider from '@material-ui/core/Divider';\nimport { default as SnoozeIcon } from '@material-ui/icons/AccessTime';\nimport { default as AcceptIcon } from '@material-ui/icons/Check';\nimport { default as DismissIcon } from '@material-ui/icons/Delete';\nimport { ActionItemCard } from './ActionItemCard';\nimport { Alert, AlertStatus } from '../../types';\nimport { useScroll, ScrollType } from '../../hooks';\nimport { useActionItemCardStyles as useStyles } from '../../utils/styles';\n\ntype AlertStatusButtonProps = {\n  title: string;\n  amount: number;\n  icon: JSX.Element;\n  onClick: MouseEventHandler;\n} & IconButtonProps;\n\nconst AlertStatusButton = ({\n  title,\n  amount,\n  icon,\n  onClick,\n  ...buttonProps\n}: AlertStatusButtonProps) => (\n  <Tooltip title={title}>\n    <IconButton\n      onClick={onClick}\n      role=\"button\"\n      aria-hidden={false}\n      {...buttonProps}\n    >\n      <Badge badgeContent={amount}>{icon}</Badge>\n    </IconButton>\n  </Tooltip>\n);\n\ntype ActionItemsProps = {\n  active: Alert[];\n  snoozed: Alert[];\n  accepted: Alert[];\n  dismissed: Alert[];\n};\n\nexport const ActionItems = ({\n  active,\n  snoozed,\n  accepted,\n  dismissed,\n}: ActionItemsProps) => {\n  const classes = useStyles();\n  const [, setScroll] = useScroll();\n\n  const isSnoozedButtonDisplayed = !!snoozed.length;\n  const isAcceptedButtonDisplayed = !!accepted.length;\n  const isDismissedButtonDisplayed = !!dismissed.length;\n  const isStatusButtonGroupDisplayed = !!active.length;\n\n  const onStatusButtonClick: MouseEventHandler = () =>\n    setScroll(ScrollType.AlertSummary);\n\n  return (\n    <>\n      <Paper>\n        {active.map((alert, index) => (\n          <Fragment key={`alert-${index}`}>\n            <ActionItemCard\n              alert={alert}\n              number={index + 1}\n              avatar={<Avatar className={classes.avatar}>{index + 1}</Avatar>}\n            />\n            {index < active.length - 1 && <Divider />}\n          </Fragment>\n        ))}\n      </Paper>\n      {isStatusButtonGroupDisplayed && (\n        <Box display=\"flex\" justifyContent=\"flex-end\" mt={2}>\n          {isAcceptedButtonDisplayed && (\n            <AlertStatusButton\n              title=\"Accepted\"\n              aria-label={AlertStatus.Accepted}\n              icon={<AcceptIcon />}\n              amount={accepted.length}\n              onClick={onStatusButtonClick}\n            />\n          )}\n          {isSnoozedButtonDisplayed && (\n            <AlertStatusButton\n              title=\"Snoozed\"\n              aria-label={AlertStatus.Snoozed}\n              amount={snoozed.length}\n              icon={<SnoozeIcon />}\n              onClick={onStatusButtonClick}\n            />\n          )}\n          {isDismissedButtonDisplayed && (\n            <AlertStatusButton\n              title=\"Dismissed\"\n              aria-label={AlertStatus.Dismissed}\n              icon={<DismissIcon />}\n              amount={dismissed.length}\n              onClick={onStatusButtonClick}\n            />\n          )}\n        </Box>\n      )}\n    </>\n  );\n};\n"],"names":["useStyles"],"mappings":"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"}
+{"version":3,"file":"ActionItems.esm.js","sources":["../../../src/components/ActionItems/ActionItems.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 { Fragment, MouseEventHandler } from 'react';\nimport Avatar from '@material-ui/core/Avatar';\nimport { IconButtonProps } from '@material-ui/core/IconButton';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport IconButton from '@material-ui/core/IconButton';\nimport Badge from '@material-ui/core/Badge';\nimport Box from '@material-ui/core/Box';\nimport Paper from '@material-ui/core/Paper';\nimport Divider from '@material-ui/core/Divider';\nimport { default as SnoozeIcon } from '@material-ui/icons/AccessTime';\nimport { default as AcceptIcon } from '@material-ui/icons/Check';\nimport { default as DismissIcon } from '@material-ui/icons/Delete';\nimport { ActionItemCard } from './ActionItemCard';\nimport { Alert, AlertStatus } from '../../types';\nimport { useScroll, ScrollType } from '../../hooks';\nimport { useActionItemCardStyles as useStyles } from '../../utils/styles';\n\ntype AlertStatusButtonProps = {\n  title: string;\n  amount: number;\n  icon: JSX.Element;\n  onClick: MouseEventHandler;\n} & IconButtonProps;\n\nconst AlertStatusButton = ({\n  title,\n  amount,\n  icon,\n  onClick,\n  ...buttonProps\n}: AlertStatusButtonProps) => (\n  <Tooltip title={title}>\n    <IconButton\n      onClick={onClick}\n      role=\"button\"\n      aria-hidden={false}\n      {...buttonProps}\n    >\n      <Badge badgeContent={amount}>{icon}</Badge>\n    </IconButton>\n  </Tooltip>\n);\n\ntype ActionItemsProps = {\n  active: Alert[];\n  snoozed: Alert[];\n  accepted: Alert[];\n  dismissed: Alert[];\n};\n\nexport const ActionItems = ({\n  active,\n  snoozed,\n  accepted,\n  dismissed,\n}: ActionItemsProps) => {\n  const classes = useStyles();\n  const [, setScroll] = useScroll();\n\n  const isSnoozedButtonDisplayed = !!snoozed.length;\n  const isAcceptedButtonDisplayed = !!accepted.length;\n  const isDismissedButtonDisplayed = !!dismissed.length;\n  const isStatusButtonGroupDisplayed = !!active.length;\n\n  const onStatusButtonClick: MouseEventHandler = () =>\n    setScroll(ScrollType.AlertSummary);\n\n  return (\n    <>\n      <Paper>\n        {active.map((alert, index) => (\n          <Fragment key={`alert-${index}`}>\n            <ActionItemCard\n              alert={alert}\n              number={index + 1}\n              avatar={<Avatar className={classes.avatar}>{index + 1}</Avatar>}\n            />\n            {index < active.length - 1 && <Divider />}\n          </Fragment>\n        ))}\n      </Paper>\n      {isStatusButtonGroupDisplayed && (\n        <Box display=\"flex\" justifyContent=\"flex-end\" mt={2}>\n          {isAcceptedButtonDisplayed && (\n            <AlertStatusButton\n              title=\"Accepted\"\n              aria-label={AlertStatus.Accepted}\n              icon={<AcceptIcon />}\n              amount={accepted.length}\n              onClick={onStatusButtonClick}\n            />\n          )}\n          {isSnoozedButtonDisplayed && (\n            <AlertStatusButton\n              title=\"Snoozed\"\n              aria-label={AlertStatus.Snoozed}\n              amount={snoozed.length}\n              icon={<SnoozeIcon />}\n              onClick={onStatusButtonClick}\n            />\n          )}\n          {isDismissedButtonDisplayed && (\n            <AlertStatusButton\n              title=\"Dismissed\"\n              aria-label={AlertStatus.Dismissed}\n              icon={<DismissIcon />}\n              amount={dismissed.length}\n              onClick={onStatusButtonClick}\n            />\n          )}\n        </Box>\n      )}\n    </>\n  );\n};\n"],"names":["useStyles","Fragment"],"mappings":"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"}

package/dist/components/AlertInsights/AlertDialog.esm.js

@@ -1,4 +1,5 @@
-import React, { useState, useRef, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useRef, useEffect } from 'react';
 import { capitalize } from '@material-ui/core/utils';
 import Box from '@material-ui/core/Box';
 import Button from '@material-ui/core/Button';
@@ -53,69 +54,89 @@ const AlertDialog = ({
     }
   };
   const Form = formOf(alert, status);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     Dialog,
     {
       open,
       onClose: onDialogClose,
       scroll: "body",
       maxWidth: "lg",
-      TransitionProps
-    },
-    /* @__PURE__ */ React.createElement(Box, { display: "flex", justifyContent: "flex-end" }, /* @__PURE__ */ React.createElement(
-      IconButton,
-      {
-        className: classes.icon,
-        disableRipple: true,
-        "aria-label": "Close",
-        onClick: onDialogClose
-      },
-      /* @__PURE__ */ React.createElement(CloseIcon, null)
-    )),
-    /* @__PURE__ */ React.createElement(DialogContent, { className: classes.content }, /* @__PURE__ */ React.createElement(Box, { mb: 1.5 }, /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, /* @__PURE__ */ React.createElement("b", null, capitalize(action), " this action item?")), /* @__PURE__ */ React.createElement(Typography, { variant: "h6", color: "textSecondary" }, /* @__PURE__ */ React.createElement("b", null, "This action item will be ", actioned, " for all of ", group, "."))), /* @__PURE__ */ React.createElement(
-      Box,
-      {
-        display: "flex",
-        flexDirection: "column",
-        bgcolor: "alertBackground",
-        p: 2,
-        mb: 1.5,
-        borderRadius: 4
-      },
-      /* @__PURE__ */ React.createElement(Typography, null, /* @__PURE__ */ React.createElement("b", null, alert?.title)),
-      /* @__PURE__ */ React.createElement(Typography, { color: "textSecondary" }, alert?.subtitle)
-    ), Form && /* @__PURE__ */ React.createElement(
-      Form,
-      {
-        ref: formRef,
-        alert,
-        onSubmit,
-        disableSubmit
-      }
-    )),
-    /* @__PURE__ */ React.createElement(Divider, null),
-    /* @__PURE__ */ React.createElement(DialogActions, { className: classes.actions, disableSpacing: true }, Form ? /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        type: "submit",
-        color: "primary",
-        variant: "contained",
-        "aria-label": action,
-        form: DEFAULT_FORM_ID,
-        disabled: isSubmitDisabled
-      },
-      capitalize(action)
-    ) : /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        type: "button",
-        color: "primary",
-        variant: "contained",
-        "aria-label": action,
-        onClick: () => onSubmit(null)
-      },
-      capitalize(action)
-    ))
+      TransitionProps,
+      children: [
+        /* @__PURE__ */ jsx(Box, { display: "flex", justifyContent: "flex-end", children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            className: classes.icon,
+            disableRipple: true,
+            "aria-label": "Close",
+            onClick: onDialogClose,
+            children: /* @__PURE__ */ jsx(CloseIcon, {})
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(DialogContent, { className: classes.content, children: [
+          /* @__PURE__ */ jsxs(Box, { mb: 1.5, children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "h5", children: /* @__PURE__ */ jsxs("b", { children: [
+              capitalize(action),
+              " this action item?"
+            ] }) }),
+            /* @__PURE__ */ jsx(Typography, { variant: "h6", color: "textSecondary", children: /* @__PURE__ */ jsxs("b", { children: [
+              "This action item will be ",
+              actioned,
+              " for all of ",
+              group,
+              "."
+            ] }) })
+          ] }),
+          /* @__PURE__ */ jsxs(
+            Box,
+            {
+              display: "flex",
+              flexDirection: "column",
+              bgcolor: "alertBackground",
+              p: 2,
+              mb: 1.5,
+              borderRadius: 4,
+              children: [
+                /* @__PURE__ */ jsx(Typography, { children: /* @__PURE__ */ jsx("b", { children: alert?.title }) }),
+                /* @__PURE__ */ jsx(Typography, { color: "textSecondary", children: alert?.subtitle })
+              ]
+            }
+          ),
+          Form && /* @__PURE__ */ jsx(
+            Form,
+            {
+              ref: formRef,
+              alert,
+              onSubmit,
+              disableSubmit
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(Divider, {}),
+        /* @__PURE__ */ jsx(DialogActions, { className: classes.actions, disableSpacing: true, children: Form ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "submit",
+            color: "primary",
+            variant: "contained",
+            "aria-label": action,
+            form: DEFAULT_FORM_ID,
+            disabled: isSubmitDisabled,
+            children: capitalize(action)
+          }
+        ) : /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            color: "primary",
+            variant: "contained",
+            "aria-label": action,
+            onClick: () => onSubmit(null),
+            children: capitalize(action)
+          }
+        ) })
+      ]
+    }
   );
 };