@openshift-migration-advisor/shared-components 0.29.0 → 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/dist/report/OsUpgradeRecommendationPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OsUpgradeRecommendationPopover.d.ts","sourceRoot":"","sources":["../../src/report/OsUpgradeRecommendationPopover.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAehC,UAAU,mCAAmC;IAC3C,qBAAqB,EAAE,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,8BAA8B,EAAE,EAAE,CAC7C,mCAAmC,CAiBpC,CAAC;AAIF,UAAU,eAAe;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAyB1C,CAAC"}
+{"version":3,"file":"OsUpgradeRecommendationPopover.d.ts","sourceRoot":"","sources":["../../src/report/OsUpgradeRecommendationPopover.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,UAAU,mCAAmC;IAC3C,qBAAqB,EAAE,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,8BAA8B,EAAE,EAAE,CAC7C,mCAAmC,CAgBpC,CAAC;AAIF,UAAU,eAAe;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAyB1C,CAAC"}

package/dist/report/OsUpgradeRecommendationPopover.js

@@ -3,17 +3,11 @@ import { css } from "@emotion/css";
 import { Button, Flex, FlexItem, Popover } from "@patternfly/react-core";
 import { InfoCircleIcon } from "@patternfly/react-icons";
 import { chartExportHideProps } from "./chartExport.js";
-const upgradeRecommendationPopoverCloseButton = css `
-  .pf-v6-c-popover__close .pf-v6-c-button.pf-m-plain,
-  .pf-v6-c-popover__close .pf-v6-c-button.pf-m-plain:hover {
-    color: var(--pf-t--global--text--color--regular);
-  }
-`;
 const infoButtonStyle = css `
   padding: 0;
   vertical-align: middle;
 `;
-export const OsUpgradeRecommendationPopover = ({ upgradeRecommendation }) => (_jsx(Popover, { className: upgradeRecommendationPopoverCloseButton, position: "bottom", headerContent: "Upgrade to get support", bodyContent: _jsx("div", { children: upgradeRecommendation }), children: _jsx(Button, { type: "button", "aria-label": "Open operating system upgrade information", variant: "plain", className: infoButtonStyle, children: _jsx(InfoCircleIcon, { color: "var(--pf-t--global--icon--color--status--info--default)" }) }) }));
+export const OsUpgradeRecommendationPopover = ({ upgradeRecommendation }) => (_jsx(Popover, { position: "bottom", headerContent: "Upgrade to get support", bodyContent: _jsx("div", { children: upgradeRecommendation }), children: _jsx(Button, { type: "button", "aria-label": "Open operating system upgrade information", variant: "plain", className: infoButtonStyle, children: _jsx(InfoCircleIcon, { color: "var(--pf-t--global--icon--color--status--info--default)" }) }) }));
 OsUpgradeRecommendationPopover.displayName = "OsUpgradeRecommendationPopover";
 export const OsNameCell = ({ osName, upgradeRecommendation, }) => {
     const hasUpgradeRecommendation = upgradeRecommendation && upgradeRecommendation.trim() !== "";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openshift-migration-advisor/shared-components",
-  "version": "0.29.0",
+  "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/OsUpgradeRecommendationPopover.tsx

@@ -4,13 +4,6 @@ import { InfoCircleIcon } from "@patternfly/react-icons";
 import type { FC } from "react";
 import { chartExportHideProps } from "./chartExport.js";
 
-const upgradeRecommendationPopoverCloseButton = css`
-  .pf-v6-c-popover__close .pf-v6-c-button.pf-m-plain,
-  .pf-v6-c-popover__close .pf-v6-c-button.pf-m-plain:hover {
-    color: var(--pf-t--global--text--color--regular);
-  }
-`;
-
 const infoButtonStyle = css`
   padding: 0;
   vertical-align: middle;
@@ -24,7 +17,6 @@ export const OsUpgradeRecommendationPopover: FC<
   OsUpgradeRecommendationPopoverProps
 > = ({ upgradeRecommendation }) => (
   <Popover
-    className={upgradeRecommendationPopoverCloseButton}
     position="bottom"
     headerContent="Upgrade to get support"
     bodyContent={<div>{upgradeRecommendation}</div>}

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();