@openshift-migration-advisor/shared-components 0.29.0-8024400889ad → 0.30.0-a50663eb4616

package/dist/report/FeatureStatusBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureStatusBadge.d.ts","sourceRoot":"","sources":["../../src/report/FeatureStatusBadge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAErE,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,aAAa,CAAC;CACvB;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAkB1D,CAAC"}
+{"version":3,"file":"FeatureStatusBadge.d.ts","sourceRoot":"","sources":["../../src/report/FeatureStatusBadge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAErE,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,aAAa,CAAC;CACvB;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA0B1D,CAAC"}

package/dist/report/FeatureStatusBadge.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Label } from "@patternfly/react-core";
+import { Icon, Label } from "@patternfly/react-core";
 import { CheckCircleIcon, TimesCircleIcon } from "@patternfly/react-icons";
 export const FeatureStatusBadge = ({ status }) => {
     if (status === "unknown") {
@@ -8,6 +8,6 @@ export const FeatureStatusBadge = ({ status }) => {
     if (status === "enabled") {
         return (_jsx(Label, { color: "green", isCompact: true, icon: _jsx(CheckCircleIcon, {}), children: "Enabled" }));
     }
-    return (_jsx(Label, { variant: "outline", isCompact: true, icon: _jsx(TimesCircleIcon, {}), children: "Disabled" }));
+    return (_jsx(Label, { variant: "outline", isCompact: true, icon: _jsx(Icon, { status: "danger", children: _jsx(TimesCircleIcon, {}) }), children: "Disabled" }));
 };
 FeatureStatusBadge.displayName = "FeatureStatusBadge";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openshift-migration-advisor/shared-components",
-  "version": "0.29.0-8024400889ad",
+  "version": "0.30.0-a50663eb4616",
   "description": "Shared React UI components for Migration Advisor apps (report charts, forms, OS support tiers)",
   "author": "Montse Ortega <mortegag@redhat.com>",
   "license": "Apache-2.0",

package/src/report/FeatureStatusBadge.tsx

@@ -1,4 +1,4 @@
-import { Label } from "@patternfly/react-core";
+import { Icon, Label } from "@patternfly/react-core";
 import { CheckCircleIcon, TimesCircleIcon } from "@patternfly/react-icons";
 import type { FC } from "react";
 import type { FeatureStatus } from "./infrastructureSummaryModel.js";
@@ -21,7 +21,15 @@ export const FeatureStatusBadge: FC<FeatureStatusBadgeProps> = ({ status }) => {
   }
 
   return (
-    <Label variant="outline" isCompact icon={<TimesCircleIcon />}>
+    <Label
+      variant="outline"
+      isCompact
+      icon={
+        <Icon status="danger">
+          <TimesCircleIcon />
+        </Icon>
+      }
+    >
       Disabled
     </Label>
   );

package/src/report/__tests__/ClustersOverview.test.tsx

@@ -189,19 +189,19 @@ describe("ClustersOverview", () => {
 
     expect(screen.queryByTestId("clusters-donut")).not.toBeInTheDocument();
     expect(screen.getByText("8")).toHaveStyle({
-      background: chart_color_blue_300.value,
+      backgroundColor: chart_color_blue_300.value,
     });
     expect(screen.getByText("4.25")).toHaveStyle({
-      background: chart_color_purple_300.value,
+      backgroundColor: chart_color_purple_300.value,
     });
     expect(screen.getByText("3.5")).toHaveStyle({
-      background: chart_color_purple_100.value,
+      backgroundColor: chart_color_purple_100.value,
     });
     expect(screen.getByText("2")).toHaveStyle({
-      background: chart_color_teal_200.value,
+      backgroundColor: chart_color_teal_200.value,
     });
     expect(screen.getByText("1")).toHaveStyle({
-      background: chart_color_yellow_400.value,
+      backgroundColor: chart_color_yellow_400.value,
     });
     expect(screen.queryByText("0.5")).not.toBeInTheDocument();
     expect(screen.getByText("Cluster 1 (8)")).toBeInTheDocument();