@redhat-cloud-services/frontend-components-advisor-components 1.0.15 → 2.0.0-beta.0

package/common.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -20,20 +9,20 @@ var react_1 = __importDefault(require("react"));
 var compact_1 = __importDefault(require("lodash/compact"));
 var intersection_1 = __importDefault(require("lodash/intersection"));
 var barDividedList = function (list) {
-    return list.map(function (element, index) { return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [element, index + 1 !== list.length && (0, jsx_runtime_1.jsx)("strong", __assign({ className: "verticalDivider" }, { children: "\u00A0|\u00A0" }))] }, index)); });
+    return list.map(function (element, index) { return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [element, index + 1 !== list.length && (0, jsx_runtime_1.jsx)("strong", { className: "verticalDivider", children: "\u00A0|\u00A0" })] }, index)); });
 };
 exports.barDividedList = barDividedList;
 var topicLinks = function (rule, topics, Link) {
     return topics
         ? (0, compact_1.default)(topics.map(function (topic) {
-            return (0, intersection_1.default)(topic.tag.split(' '), rule.tags.split(' ')).length && ((0, jsx_runtime_1.jsx)(Link, __assign({ to: "/topics/".concat(topic.slug) }, { children: "".concat(topic.name) }), topic.slug));
+            return (0, intersection_1.default)(topic.tag.split(' '), rule.tags.split(' ')).length && ((0, jsx_runtime_1.jsx)(Link, { to: "/topics/".concat(topic.slug), children: "".concat(topic.name) }, topic.slug));
         }))
         : [];
 };
 exports.topicLinks = topicLinks;
 var ExternalLink = function (_a) {
-    var href = _a.href, content = _a.content;
-    return ((0, jsx_runtime_1.jsxs)("a", __assign({ rel: "noopener noreferrer", target: "_blank", href: href }, { children: [content, " ", (0, jsx_runtime_1.jsx)("i", { className: "fas fa-external-link-alt" })] })));
+    var _b = _a.href, href = _b === void 0 ? '' : _b, _c = _a.content, content = _c === void 0 ? '' : _c;
+    return ((0, jsx_runtime_1.jsxs)("a", { rel: "noopener noreferrer", target: "_blank", href: href, children: [content, " ", (0, jsx_runtime_1.jsx)("i", { className: "fas fa-external-link-alt" })] }));
 };
 exports.ExternalLink = ExternalLink;
 //# sourceMappingURL=common.js.map

package/common.js.map

@@ -1 +1 @@
-{"version":3,"file":"common.js","sourceRoot":"","sources":["src/common.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,2DAAqC;AACrC,qEAA+C;AAKxC,IAAM,cAAc,GAAG,UAAC,IAAmB;IAChD,OAAA,IAAI,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,KAAK,IAAK,OAAA,CAC3B,wBAAC,eAAK,CAAC,QAAQ,eACZ,OAAO,EACP,KAAK,GAAG,CAAC,KAAK,IAAI,CAAC,MAAM,IAAI,4CAAQ,SAAS,EAAC,iBAAiB,mCAA4B,KAF1E,KAAK,CAGT,CAClB,EAL4B,CAK5B,CAAC;AALF,CAKE,CAAC;AANQ,QAAA,cAAc,kBAMtB;AAEE,IAAM,UAAU,GAAG,UAAC,IAAqB,EAAE,MAAmB,EAAE,IAAS;IAC9E,OAAA,MAAM;QACJ,CAAC,CAAC,IAAA,iBAAO,EACL,MAAM,CAAC,GAAG,CACR,UAAC,KAAK;YACJ,OAAA,IAAA,sBAAY,EAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,IAAI,CACjE,uBAAC,IAAI,aAAkB,EAAE,EAAE,kBAAW,KAAK,CAAC,IAAI,CAAE,gBAAG,UAAG,KAAK,CAAC,IAAI,CAAE,KAAzD,KAAK,CAAC,IAAI,CAAuD,CAC7E;QAFD,CAEC,CACJ,CACF;QACH,CAAC,CAAC,EAAE;AATN,CASM,CAAC;AAVI,QAAA,UAAU,cAUd;AAEF,IAAM,YAAY,GAAG,UAAC,EAAoD;QAAlD,IAAI,UAAA,EAAE,OAAO,aAAA;IAA0C,OAAA,CACpF,wCAAG,GAAG,EAAC,qBAAqB,EAAC,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,iBACpD,OAAO,OAAE,8BAAG,SAAS,EAAC,0BAA0B,GAAG,KAClD,CACL;AAJqF,CAIrF,CAAC;AAJW,QAAA,YAAY,gBAIvB"}
+{"version":3,"file":"common.js","sourceRoot":"","sources":["src/common.tsx"],"names":[],"mappings":";;;;;;;AAAA,gDAA0B;AAC1B,2DAAqC;AACrC,qEAA+C;AAKxC,IAAM,cAAc,GAAG,UAAC,IAAmB;IAChD,OAAA,IAAI,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,KAAK,IAAK,OAAA,CAC3B,wBAAC,eAAK,CAAC,QAAQ,eACZ,OAAO,EACP,KAAK,GAAG,CAAC,KAAK,IAAI,CAAC,MAAM,IAAI,mCAAQ,SAAS,EAAC,iBAAiB,8BAA4B,KAF1E,KAAK,CAGT,CAClB,EAL4B,CAK5B,CAAC;AALF,CAKE,CAAC;AANQ,QAAA,cAAc,kBAMtB;AAEE,IAAM,UAAU,GAAG,UAAC,IAAqB,EAAE,MAAmB,EAAE,IAAS;IAC9E,OAAA,MAAM;QACJ,CAAC,CAAC,IAAA,iBAAO,EACL,MAAM,CAAC,GAAG,CACR,UAAC,KAAK;YACJ,OAAA,IAAA,sBAAY,EAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,IAAI,CACjE,uBAAC,IAAI,IAAkB,EAAE,EAAE,kBAAW,KAAK,CAAC,IAAI,CAAE,YAAG,UAAG,KAAK,CAAC,IAAI,CAAE,IAAzD,KAAK,CAAC,IAAI,CAAuD,CAC7E;QAFD,CAEC,CACJ,CACF;QACH,CAAC,CAAC,EAAE;AATN,CASM,CAAC;AAVI,QAAA,UAAU,cAUd;AAEF,IAAM,YAAY,GAAG,UAAC,EAA8D;QAA5D,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA;IAA0C,OAAA,CAC9F,+BAAG,GAAG,EAAC,qBAAqB,EAAC,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,aACpD,OAAO,OAAE,8BAAG,SAAS,EAAC,0BAA0B,GAAG,IAClD,CACL;AAJ+F,CAI/F,CAAC;AAJW,QAAA,YAAY,gBAIvB"}

package/cypress/cypress.webpack.config.js

@@ -1,29 +1,62 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
 const path = require('path');
+const { createJoinFunction, createJoinImplementation, asGenerator, defaultJoinGenerator } = require('resolve-url-loader');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+
+// call default generator then pair different variations of uri with each base
+const myGenerator = asGenerator((item, ...rest) => {
+  const defaultTuples = [...defaultJoinGenerator(item, ...rest)];
+  if (item.uri.includes('./assets')) {
+    return defaultTuples.map(([base]) => {
+      if (base.includes('@patternfly/patternfly')) {
+        return [base, path.relative(base, path.resolve(__dirname, '../node_modules/@patternfly/patternfly', item.uri))];
+      }
+    });
+  }
+  return defaultTuples;
+});
 
 module.exports = {
-  entry: '../src/index.ts',
   module: {
     rules: [
       {
-        test: /\.tsx?$/,
-        use: 'ts-loader',
-        exclude: /node_modules/,
-      },
-      {
-        test: /\.jsx?$/,
+        test: /\.(js|ts)x?$/,
         exclude: /node_modules/,
         use: {
-          loader: 'babel-loader',
-        }
+          loader: 'swc-loader',
+          options: {
+            jsc: {
+              parser: {
+                syntax: 'typescript',
+                tsx: true,
+              },
+            },
+          },
+        },
       },
       {
         test: /\.s?[ac]ss$/,
-        use: ['style-loader', 'css-loader', 'sass-loader'],
+        use: [
+          MiniCssExtractPlugin.loader,
+          'css-loader',
+          {
+            loader: 'resolve-url-loader',
+            options: {
+              join: createJoinFunction('myJoinFn', createJoinImplementation(myGenerator)),
+            },
+          },
+          {
+            loader: 'sass-loader',
+            options: {
+              sourceMap: true,
+            },
+          },
+        ],
       },
       {
-        test: /\.(png|svg|jpg|jpeg)/,
-        type: 'asset/resource'
-      }
+        test: /\.(jpe?g|svg|png|gif|ico|eot|ttf|woff2?)(\?v=\d+\.\d+\.\d+)?$/i,
+        type: 'asset/resource',
+      },
     ],
   },
   resolve: {
@@ -37,6 +70,22 @@ module.exports = {
   },
   output: {
     filename: 'bundle.js',
+    hashFunction: 'xxhash64',
     path: path.resolve(__dirname, 'dist'),
   },
+  cache: {
+    type: 'filesystem',
+    buildDependencies: {
+      config: [__filename],
+    },
+    cacheDirectory: path.resolve(__dirname, '../.cypress-cache'),
+  },
+  stats: {
+    errorDetails: true,
+  },
+  plugins: [
+    new MiniCssExtractPlugin({
+      filename: '[name].[fullhash].css',
+    }),
+  ],
 };

package/cypress/support/component-index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <title>Components App</title>
+  </head>
+  <body>
+    <div data-cy-root></div>
+  </body>
+</html>

package/cypress/support/component.js

@@ -0,0 +1,46 @@
+/* eslint-disable @typescript-eslint/no-namespace */
+/* eslint-disable @typescript-eslint/no-var-requires */
+/* eslint-disable prettier/prettier */
+// ***********************************************************
+// This example support/component.ts is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands'
+import '@patternfly/patternfly/patternfly.css';
+import '@patternfly/patternfly/patternfly-addons.css';
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')
+
+import { mount } from 'cypress/react'
+const { addMatchImageSnapshotCommand,  } = require('@simonsmith/cypress-image-snapshot/command');
+
+// configure the matcher to be less precise to adjust between the headless and normal browser rendering differences
+addMatchImageSnapshotCommand({
+  failureThreshold: 0.03, // threshold for entire image
+  failureThresholdType: 'percent', // percent of image or number of pixels
+  customDiffConfig: { threshold: 0.1 }, // threshold for each pixel
+  capture: 'viewport', // capture viewport in screenshot
+});
+
+// Augment the Cypress namespace to include type definitions for
+// your custom command.
+// Alternatively, can be defined in cypress/support/component.d.ts
+// with a <reference path="./component" /> at the top of your spec.
+
+Cypress.Commands.add('mount', mount)
+
+// Example use:
+// cy.mount(<MyComponent />)

package/cypress.config.js

@@ -0,0 +1,34 @@
+const { defineConfig } = require('cypress')
+const { addMatchImageSnapshotPlugin } = require('@simonsmith/cypress-image-snapshot/plugin');
+
+/** @type {import('cypress').defineConfig} */
+module.exports = defineConfig({
+  component: {
+    specPattern: "src/**/*.spec.ct.{js,ts,jsx,tsx}",
+    viewportHeight: 660,
+    viewportWidth: 1000,
+    video: false,
+    devServer: {
+      framework: 'react',
+      bundler: 'webpack',
+      webpackConfig: require('./cypress/cypress.webpack.config')
+    },
+    setupNodeEvents(on, config) {
+      addMatchImageSnapshotPlugin(on, config);
+      on('before:browser:launch', (browser, launchOptions) => {
+        if (browser.name === 'chrome' && browser.isHeadless) {
+          launchOptions.args.push('--window-size=1280,720');
+
+          // force screen to be non-retina
+          launchOptions.args.push('--force-device-scale-factor=1');
+        }
+
+        if (browser.name === 'electron' && browser.isHeadless) {
+          // fullPage screenshot size is 1280x720
+          launchOptions.preferences.width = 1280;
+          launchOptions.preferences.height = 720;
+        }
+      });
+    },
+  }
+})

package/esm/RebootRequired/RebootRequired.css

@@ -6,11 +6,11 @@
 }
 .system-reboot-message .reboot-required-icon {
   margin-top: 5px;
-  margin-right: var(--pf-global--spacer--sm);
-  color: var(--pf-global--palette--red-100);
+  margin-right: var(--pf-v5-global--spacer--sm);
+  color: var(--pf-v5-global--palette--red-100);
 }
 .system-reboot-message .no-reboot-required-icon {
   margin-top: 5px;
-  margin-right: var(--pf-global--spacer--sm);
-  color: var(--pf-global--palette--black-400);
+  margin-right: var(--pf-v5-global--spacer--sm);
+  color: var(--pf-v5-global--palette--black-400);
 }

package/esm/RebootRequired/RebootRequired.js

@@ -1,21 +1,11 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import './RebootRequired.scss';
-import { Text, TextContent, TextVariants } from '@patternfly/react-core';
-import { PowerOffIcon } from '@patternfly/react-icons';
+import { Icon } from "@patternfly/react-core/dist/dynamic/components/Icon";
+import { Text, TextContent, TextVariants } from "@patternfly/react-core/dist/dynamic/components/Text";
+import PowerOffIcon from "@patternfly/react-icons/dist/dynamic/icons/power-off-icon";
 var RebootRequired = function (_a) {
     var messages = _a.messages, rebootRequired = _a.rebootRequired;
-    return (_jsxs("span", __assign({ className: "system-reboot-message" }, { children: [_jsx(PowerOffIcon, { className: rebootRequired ? 'reboot-required-icon' : 'no-reboot-required-icon' }), _jsx(TextContent, __assign({ className: "system-reboot-message__content" }, { children: _jsx(Text, __assign({ component: TextVariants.p }, { children: messages.systemReboot })) }))] })));
+    return (_jsxs("span", { className: "system-reboot-message", children: [_jsx(Icon, { children: _jsx(PowerOffIcon, { className: rebootRequired ? 'reboot-required-icon' : 'no-reboot-required-icon' }) }), _jsx(TextContent, { className: "system-reboot-message__content", children: _jsx(Text, { component: TextVariants.p, children: messages.systemReboot }) })] }));
 };
 export default RebootRequired;
 //# sourceMappingURL=RebootRequired.js.map

package/esm/RebootRequired/RebootRequired.js.map

@@ -1 +1 @@
-{"version":3,"file":"RebootRequired.js","sourceRoot":"","sources":["../../src/RebootRequired/RebootRequired.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,uBAAuB,CAAC;AAG/B,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AASvD,IAAM,cAAc,GAAkC,UAAC,EAA4B;QAA1B,QAAQ,cAAA,EAAE,cAAc,oBAAA;IAAO,OAAA,CACtF,yBAAM,SAAS,EAAC,uBAAuB,iBACrC,KAAC,YAAY,IAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,yBAAyB,GAAI,EAChG,KAAC,WAAW,aAAC,SAAS,EAAC,gCAAgC,gBACrD,KAAC,IAAI,aAAC,SAAS,EAAE,YAAY,CAAC,CAAC,gBAAG,QAAQ,CAAC,YAAY,IAAQ,IACnD,KACT,CACR;AAPuF,CAOvF,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"RebootRequired.js","sourceRoot":"","sources":["../../src/RebootRequired/RebootRequired.tsx"],"names":[],"mappings":";AAAA,OAAO,uBAAuB,CAAC;;;;AAa/B,IAAM,cAAc,GAAkC,UAAC,EAA4B;QAA1B,QAAQ,cAAA,EAAE,cAAc,oBAAA;IAAO,OAAA,CACtF,gBAAM,SAAS,EAAC,uBAAuB,aACrC,KAAC,IAAI,cACH,KAAC,YAAY,IAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,yBAAyB,GAAI,GAC3F,EACP,KAAC,WAAW,IAAC,SAAS,EAAC,gCAAgC,YACrD,KAAC,IAAI,IAAC,SAAS,EAAE,YAAY,CAAC,CAAC,YAAG,QAAQ,CAAC,YAAY,GAAQ,GACnD,IACT,CACR;AATuF,CASvF,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/esm/RebootRequired/RebootRequired.scss

@@ -7,13 +7,13 @@
 
   .reboot-required-icon {
     margin-top: 5px;
-    margin-right: var(--pf-global--spacer--sm);
-    color: var(--pf-global--palette--red-100);
+    margin-right: var(--pf-v5-global--spacer--sm);
+    color: var(--pf-v5-global--palette--red-100);
   }
 
   .no-reboot-required-icon {
     margin-top: 5px;
-    margin-right: var(--pf-global--spacer--sm);
-    color: var(--pf-global--palette--black-400);
+    margin-right: var(--pf-v5-global--spacer--sm);
+    color: var(--pf-v5-global--palette--black-400);
   }
 }

package/esm/ReportDetails/ReportDetails.css

@@ -1,10 +1,10 @@
 .ins-c-report-details__cards-stack pre {
   display: block;
-  color: var(--pf-global--Color--100);
+  color: var(--pf-v5-global--Color--100);
   word-break: break-all;
   word-wrap: break-word;
-  background-color: var(--pf-global--BackgroundColor--light-200);
-  border: 1px solid var(--pf-global--BorderColor--100);
+  background-color: var(--pf-v5-global--BackgroundColor--light-200);
+  border: 1px solid var(--pf-v5-global--BorderColor--100);
   border-radius: 4px;
   padding: 10px;
   padding: 0.625rem;
@@ -37,23 +37,23 @@
 .ins-c-report-details__cards-stack h4,
 .ins-c-report-details__cards-stack h5,
 .ins-c-report-details__cards-stack h6 {
-  font-family: var(--pf-global--FontFamily--heading--sans-serif);
+  font-family: var(--pf-v5-global--FontFamily--heading--sans-serif);
   line-height: 1.5;
 }
 .ins-c-report-details__cards-stack h1 {
-  font-size: var(--pf-global--FontSize--2xl);
+  font-size: var(--pf-v5-global--FontSize--2xl);
   line-height: 1.3;
 }
 .ins-c-report-details__cards-stack h2 {
-  font-size: var(--pf-global--FontSize--xl);
+  font-size: var(--pf-v5-global--FontSize--xl);
 }
 .ins-c-report-details__cards-stack h3 {
-  font-size: var(--pf-global--FontSize--lg);
+  font-size: var(--pf-v5-global--FontSize--lg);
 }
 .ins-c-report-details__cards-stack h4, .ins-c-report-details__cards-stack h5, .ins-c-report-details__cards-stack h6 {
-  font-size: var(--pf-global--FontSize--md);
+  font-size: var(--pf-v5-global--FontSize--md);
 }
-.ins-c-report-details__cards-stack .pf-c-list {
+.ins-c-report-details__cards-stack .pf-v5-c-list {
   margin: 5px 0px;
   margin: 0.3125rem 0rem;
 }
@@ -63,7 +63,7 @@
   margin-top: 0.625rem;
 }
 .ins-c-report-details__cards-stack table tr {
-  border-bottom: 1px solid var(--pf-global--BorderColor--300);
+  border-bottom: 1px solid var(--pf-v5-global--BorderColor--300);
 }
 .ins-c-report-details__cards-stack table th,
 .ins-c-report-details__cards-stack table td {
@@ -71,5 +71,5 @@
   padding: 0.5rem;
 }
 .ins-c-report-details__icon {
-  margin-right: var(--pf-global--spacer--sm);
+  margin-right: var(--pf-v5-global--spacer--sm);
 }

package/esm/ReportDetails/ReportDetails.js

@@ -1,19 +1,14 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import './ReportDetails.scss';
 import React, { useState } from 'react';
-import { Alert, Card, CardBody, CardHeader, Divider, Stack, StackItem } from '@patternfly/react-core';
-import { BullseyeIcon, InfoCircleIcon, LightbulbIcon, ThumbsUpIcon } from '@patternfly/react-icons';
+import { Alert } from "@patternfly/react-core/dist/dynamic/components/Alert";
+import { Card, CardBody, CardHeader } from "@patternfly/react-core/dist/dynamic/components/Card";
+import { Divider } from "@patternfly/react-core/dist/dynamic/components/Divider";
+import { Stack, StackItem } from "@patternfly/react-core/dist/dynamic/layouts/Stack";
+import BullseyeIcon from "@patternfly/react-icons/dist/dynamic/icons/bullseye-icon";
+import InfoCircleIcon from "@patternfly/react-icons/dist/dynamic/icons/info-circle-icon";
+import LightbulbIcon from "@patternfly/react-icons/dist/dynamic/icons/lightbulb-icon";
+import ThumbsUpIcon from "@patternfly/react-icons/dist/dynamic/icons/thumbs-up-icon";
 import { Skeleton, SkeletonSize } from '@redhat-cloud-services/frontend-components/Skeleton';
 import useChrome from '@redhat-cloud-services/frontend-components/useChrome';
 import { TemplateProcessor } from '../TemplateProcessor';
@@ -41,7 +36,7 @@ var ReportDetails = function (_a) {
             return "https://access.stage.redhat.com/".concat(linkToArray === null || linkToArray === void 0 ? void 0 : linkToArray.at(-2), "/").concat(linkToArray === null || linkToArray === void 0 ? void 0 : linkToArray.at(-1));
         }
     };
-    return (_jsx(Card, __assign({ className: "ins-c-report-details", style: { boxShadow: 'none' } }, { children: _jsxs(CardBody, { children: [error && (_jsxs(React.Fragment, { children: [_jsx(Alert, { variant: "danger", title: "Sorry, there was an error rendering the content correctly.", isInline: true }), _jsx("br", {})] })), _jsxs(Stack, __assign({ className: "ins-c-report-details__cards-stack", "widget-type": "InsightsRulesCard", hasGutter: true }, { children: [_jsx(StackItem, { children: _jsxs(Card, __assign({ isCompact: true, isPlain: true }, { children: [_jsxs(CardHeader, { children: [_jsx(BullseyeIcon, { className: "ins-c-report-details__icon" }), _jsx("strong", { children: "Detected issues" })] }), _jsx(CardBody, { children: rule.reason && _jsx(TemplateProcessor, { template: rule.reason, definitions: details, onError: handleError }) })] })) }), _jsx(Divider, {}), _jsx(StackItem, { children: _jsxs(Card, __assign({ isCompact: true, isPlain: true }, { children: [_jsxs(CardHeader, { children: [_jsx(ThumbsUpIcon, { className: "ins-c-report-details__icon" }), _jsx("strong", { children: "Steps to resolve" })] }), _jsx(CardBody, { children: resolution && _jsx(TemplateProcessor, { template: resolution, definitions: details, onError: handleError }) })] })) }), kbaDetail.publishedTitle !== 'N/A' && (_jsxs(React.Fragment, { children: [_jsx(Divider, {}), _jsx(StackItem, { children: _jsxs(Card, __assign({ className: "ins-c-report-details__kba", isCompact: true, isPlain: true }, { children: [_jsxs(CardHeader, { children: [_jsx(LightbulbIcon, { className: "ins-c-report-details__icon" }), _jsx("strong", { children: "Related Knowledgebase article" })] }), _jsx(CardBody, { children: kbaLoading ? (_jsx(Skeleton, { size: SkeletonSize.sm })) : (_jsxs(React.Fragment, { children: [_jsx(ExternalLink, { href: "".concat(linkEditor(kbaDetail === null || kbaDetail === void 0 ? void 0 : kbaDetail.view_uri)), content: kbaDetail.publishedTitle ? kbaDetail.publishedTitle : "Knowledgebase article" }), "."] })) })] })) })] })), rule.more_info && (_jsxs(React.Fragment, { children: [_jsx(Divider, {}), _jsx(StackItem, { children: _jsxs(Card, __assign({ isCompact: true, isPlain: true }, { children: [_jsxs(CardHeader, { children: [_jsx(InfoCircleIcon, { className: "ins-c-report-details__icon" }), _jsx("strong", { children: "Additional info" })] }), _jsx(CardBody, { children: _jsx(TemplateProcessor, { template: rule.more_info, definitions: details, onError: handleError }) })] })) })] }))] }))] }) })));
+    return (_jsx(Card, { className: "ins-c-report-details", style: { boxShadow: 'none' }, children: _jsxs(CardBody, { children: [error && (_jsxs(React.Fragment, { children: [_jsx(Alert, { variant: "danger", title: "Sorry, there was an error rendering the content correctly.", isInline: true }), _jsx("br", {})] })), _jsxs(Stack, { className: "ins-c-report-details__cards-stack", "widget-type": "InsightsRulesCard", hasGutter: true, children: [_jsx(StackItem, { children: _jsxs(Card, { isCompact: true, isPlain: true, children: [_jsxs(CardHeader, { children: [_jsx(BullseyeIcon, { className: "ins-c-report-details__icon" }), _jsx("strong", { children: "Detected issues" })] }), _jsx(CardBody, { children: rule.reason && _jsx(TemplateProcessor, { template: rule.reason, definitions: details, onError: handleError }) })] }) }), _jsx(Divider, {}), _jsx(StackItem, { children: _jsxs(Card, { isCompact: true, isPlain: true, children: [_jsxs(CardHeader, { children: [_jsx(ThumbsUpIcon, { className: "ins-c-report-details__icon" }), _jsx("strong", { children: "Steps to resolve" })] }), _jsx(CardBody, { children: resolution && _jsx(TemplateProcessor, { template: resolution, definitions: details, onError: handleError }) })] }) }), kbaDetail.publishedTitle !== 'N/A' && (_jsxs(React.Fragment, { children: [_jsx(Divider, {}), _jsx(StackItem, { children: _jsxs(Card, { className: "ins-c-report-details__kba", isCompact: true, isPlain: true, children: [_jsxs(CardHeader, { children: [_jsx(LightbulbIcon, { className: "ins-c-report-details__icon" }), _jsx("strong", { children: "Related Knowledgebase article" })] }), _jsx(CardBody, { children: kbaLoading ? (_jsx(Skeleton, { size: SkeletonSize.sm })) : (_jsxs(React.Fragment, { children: [_jsx(ExternalLink, { href: "".concat(linkEditor(kbaDetail === null || kbaDetail === void 0 ? void 0 : kbaDetail.view_uri)), content: (kbaDetail === null || kbaDetail === void 0 ? void 0 : kbaDetail.publishedTitle) ? kbaDetail === null || kbaDetail === void 0 ? void 0 : kbaDetail.publishedTitle : "Knowledgebase article" }), "."] })) })] }) })] })), rule.more_info && (_jsxs(React.Fragment, { children: [_jsx(Divider, {}), _jsx(StackItem, { children: _jsxs(Card, { isCompact: true, isPlain: true, children: [_jsxs(CardHeader, { children: [_jsx(InfoCircleIcon, { className: "ins-c-report-details__icon" }), _jsx("strong", { children: "Additional info" })] }), _jsx(CardBody, { children: _jsx(TemplateProcessor, { template: rule.more_info, definitions: details, onError: handleError }) })] }) })] }))] })] }) }));
 };
 export default ReportDetails;
 //# sourceMappingURL=ReportDetails.js.map

package/esm/ReportDetails/ReportDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReportDetails.js","sourceRoot":"","sources":["../../src/ReportDetails/ReportDetails.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ReportDetails.js","sourceRoot":"","sources":["../../src/ReportDetails/ReportDetails.tsx"],"names":[],"mappings":"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"}

package/esm/ReportDetails/ReportDetails.scss

@@ -4,11 +4,11 @@
   &__cards-stack {
     pre {
       display: block;
-      color: var(--pf-global--Color--100);
+      color: var(--pf-v5-global--Color--100);
       word-break: break-all;
       word-wrap: break-word;
-      background-color: var(--pf-global--BackgroundColor--light-200);
-      border: 1px solid var(--pf-global--BorderColor--100);
+      background-color: var(--pf-v5-global--BackgroundColor--light-200);
+      border: 1px solid var(--pf-v5-global--BorderColor--100);
       border-radius: 4px;
       @include rem('padding', 10px);
       @include rem('margin', (10px, 0));
@@ -42,25 +42,25 @@
     h4,
     h5,
     h6 {
-      font-family: var(--pf-global--FontFamily--heading--sans-serif);
+      font-family: var(--pf-v5-global--FontFamily--heading--sans-serif);
       line-height: 1.5;
     }
 
     h1 {
-      font-size: var(--pf-global--FontSize--2xl);
+      font-size: var(--pf-v5-global--FontSize--2xl);
       line-height: 1.3;
     }
     h2 {
-      font-size: var(--pf-global--FontSize--xl);
+      font-size: var(--pf-v5-global--FontSize--xl);
     }
     h3 {
-      font-size: var(--pf-global--FontSize--lg);
+      font-size: var(--pf-v5-global--FontSize--lg);
     }
     h4, h5, h6 {
-      font-size: var(--pf-global--FontSize--md);
+      font-size: var(--pf-v5-global--FontSize--md);
     }
 
-    .pf-c-list {
+    .pf-v5-c-list {
       @include rem('margin', 5px 0);
     }
 
@@ -69,7 +69,7 @@
       @include rem('margin-top', 10px);
 
       tr {
-        border-bottom: 1px solid var(--pf-global--BorderColor--300);
+        border-bottom: 1px solid var(--pf-v5-global--BorderColor--300);
       }
 
       th,
@@ -80,6 +80,6 @@
   }
 
   &__icon {
-    margin-right: var(--pf-global--spacer--sm);
+    margin-right: var(--pf-v5-global--spacer--sm);
   }
 }

package/esm/RuleDescription/RuleDescription.css

@@ -1,4 +1,4 @@
 .ins-c-generic__override p {
   margin-top: 0;
-  margin-bottom: var(--pf-global--spacer--md);
+  margin-bottom: var(--pf-v5-global--spacer--md);
 }

package/esm/RuleDescription/RuleDescription.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import './RuleDescription.scss';
 import React from 'react';
@@ -18,7 +7,7 @@ import rehypeSanitize from 'rehype-sanitize';
 import { AdvisorProduct } from '../types';
 var RuleDescription = function (_a) {
     var product = _a.product, rule = _a.rule, isDetailsPage = _a.isDetailsPage;
-    return (_jsx(React.Fragment, { children: (rule.generic || rule.summary) && (_jsx("span", __assign({ className: product === AdvisorProduct.ocp || isDetailsPage ? 'ins-c-generic__override' : '' }, { children: _jsx(Markdown, __assign({ rehypePlugins: [rehypeRaw, rehypeSanitize] }, { children: product === AdvisorProduct.ocp || isDetailsPage ? rule.generic : rule.summary })) }))) }));
+    return (_jsx(React.Fragment, { children: (rule.generic || rule.summary) && (_jsx("span", { className: product === AdvisorProduct.ocp || isDetailsPage ? 'ins-c-generic__override' : '', children: _jsx(Markdown, { rehypePlugins: [rehypeRaw, rehypeSanitize], children: product === AdvisorProduct.ocp || isDetailsPage ? rule.generic : rule.summary }) })) }));
 };
 export default RuleDescription;
 //# sourceMappingURL=RuleDescription.js.map

package/esm/RuleDescription/RuleDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuleDescription.js","sourceRoot":"","sources":["../../src/RuleDescription/RuleDescription.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,wBAAwB,CAAC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,cAAc,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAmC,MAAM,UAAU,CAAC;AAQ3E,IAAM,eAAe,GAAmC,UAAC,EAAgC;QAA9B,OAAO,aAAA,EAAE,IAAI,UAAA,EAAE,aAAa,mBAAA;IAAO,OAAA,CAC5F,KAAC,KAAK,CAAC,QAAQ,cACZ,CAAC,IAAI,CAAC,OAAO,IAAK,IAAwB,CAAC,OAAO,CAAC,IAAI,CACtD,wBAAM,SAAS,EAAE,OAAO,KAAK,cAAc,CAAC,GAAG,IAAI,aAAa,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,gBAC/F,KAAC,QAAQ,aAAC,aAAa,EAAE,CAAC,SAAS,EAAE,cAAc,CAAC,gBACjD,OAAO,KAAK,cAAc,CAAC,GAAG,IAAI,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAE,IAAwB,CAAC,OAAO,IAC1F,IACN,CACR,GACc,CAClB;AAV6F,CAU7F,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"RuleDescription.js","sourceRoot":"","sources":["../../src/RuleDescription/RuleDescription.tsx"],"names":[],"mappings":";AAAA,OAAO,wBAAwB,CAAC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,cAAc,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAmC,MAAM,UAAU,CAAC;AAQ3E,IAAM,eAAe,GAAmC,UAAC,EAAgC;QAA9B,OAAO,aAAA,EAAE,IAAI,UAAA,EAAE,aAAa,mBAAA;IAAO,OAAA,CAC5F,KAAC,KAAK,CAAC,QAAQ,cACZ,CAAC,IAAI,CAAC,OAAO,IAAK,IAAwB,CAAC,OAAO,CAAC,IAAI,CACtD,eAAM,SAAS,EAAE,OAAO,KAAK,cAAc,CAAC,GAAG,IAAI,aAAa,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,YAC/F,KAAC,QAAQ,IAAC,aAAa,EAAE,CAAC,SAAS,EAAE,cAAc,CAAC,YACjD,OAAO,KAAK,cAAc,CAAC,GAAG,IAAI,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAE,IAAwB,CAAC,OAAO,GAC1F,GACN,CACR,GACc,CAClB;AAV6F,CAU7F,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/esm/RuleDescription/RuleDescription.scss

@@ -1,6 +1,6 @@
 .ins-c-generic__override {
   p {
     margin-top: 0;
-    margin-bottom: var(--pf-global--spacer--md);
+    margin-bottom: var(--pf-v5-global--spacer--md);
   }
 }

package/esm/RuleDetails/RuleDetails.css

@@ -1,10 +1,10 @@
 .ins-c-line {
-  border: 0.01rem solid var(--pf-global--BorderColor--100);
+  border: 0.01rem solid var(--pf-v5-global--BorderColor--100);
 }
 
 .ins-c-rule-details__stack {
   width: 600px;
 }
-.ins-c-rule-details__stack .pf-c-content {
-  font-size: var(--pf-global--FontSize--sm);
+.ins-c-rule-details__stack .pf-v5-c-content {
+  font-size: var(--pf-v5-global--FontSize--sm);
 }

package/esm/RuleDetails/RuleDetails.js

@@ -1,19 +1,11 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import './RuleDetails.scss';
 import React from 'react';
-import { Flex, FlexItem, Stack, StackItem, Text, TextContent, TextVariants } from '@patternfly/react-core';
-import { ExternalLinkAltIcon } from '@patternfly/react-icons';
+import { Flex, FlexItem } from "@patternfly/react-core/dist/dynamic/layouts/Flex";
+import { Icon } from "@patternfly/react-core/dist/dynamic/components/Icon";
+import { Stack, StackItem } from "@patternfly/react-core/dist/dynamic/layouts/Stack";
+import { Text, TextContent, TextVariants } from "@patternfly/react-core/dist/dynamic/components/Text";
+import ExternalLinkAltIcon from "@patternfly/react-icons/dist/dynamic/icons/external-link-alt-icon";
 import InsightsLabel from '@redhat-cloud-services/frontend-components/InsightsLabel';
 import { SeverityLine } from '@redhat-cloud-services/frontend-components-charts/SeverityLine';
 import RebootRequired from '../RebootRequired/RebootRequired';
@@ -22,7 +14,7 @@ import { AdvisorProduct } from '../types';
 import { RuleDescription } from '../RuleDescription';
 var RuleDetails = function (_a) {
     var messages = _a.messages, product = _a.product, header = _a.header, rule = _a.rule, isDetailsPage = _a.isDetailsPage, onVoteClick = _a.onVoteClick, resolutionRisk = _a.resolutionRisk, resolutionRiskDesc = _a.resolutionRiskDesc, children = _a.children, knowledgebaseUrl = _a.knowledgebaseUrl, Topics = _a.Topics, ViewAffectedLink = _a.ViewAffectedLink;
-    return (_jsxs(Flex, __assign({ className: "ins-c-rule-details", flexWrap: { default: 'nowrap' }, direction: { default: isDetailsPage ? 'column' : 'columnReverse', lg: 'row' } }, { children: [_jsx(FlexItem, { children: _jsxs(Stack, __assign({ hasGutter: true }, { children: [header && _jsx(StackItem, __assign({ className: "ins-c-rule-details__header" }, { children: header })), _jsx(StackItem, __assign({ className: "ins-c-rule-details__description" }, { children: _jsx(RuleDescription, { product: product, rule: rule, isDetailsPage: isDetailsPage }) })), knowledgebaseUrl && (_jsx(StackItem, __assign({ className: "ins-c-rule-details__kbs" }, { children: _jsxs("a", __assign({ rel: "noopener noreferrer", target: "_blank", href: knowledgebaseUrl }, { children: [messages.knowledgebaseArticle, "\u00A0", _jsx(ExternalLinkAltIcon, { size: "sm" })] })) }))), Topics && _jsx(StackItem, __assign({ className: "ins-c-rule-details__topics" }, { children: Topics })), isDetailsPage && onVoteClick && (_jsx(StackItem, __assign({ className: "ins-c-rule-details__vote" }, { children: _jsx(RuleRating, { messages: messages, ruleId: rule.rule_id, ruleRating: rule.rating, onVoteClick: onVoteClick }) }))), ViewAffectedLink && _jsx(StackItem, __assign({ className: "ins-c-rule-details__view-affected" }, { children: ViewAffectedLink }))] })) }), _jsx(FlexItem, __assign({ align: { lg: 'alignRight' } }, { children: _jsxs(Stack, { children: [children && _jsx(StackItem, { children: children }), _jsx(StackItem, { children: _jsxs(Flex, __assign({ className: "ins-c-rule-details__stack", direction: { default: 'column' } }, { children: [_jsx(FlexItem, __assign({ spacer: { default: 'spacerSm' } }, { children: _jsx("strong", { children: messages.totalRisk }) })), _jsx(FlexItem, { children: _jsxs(Flex, __assign({ flexWrap: { default: 'nowrap' } }, { children: [_jsx(FlexItem, __assign({ className: "ins-c-rule-details__total-risk" }, { children: _jsx(InsightsLabel, { value: rule.total_risk, isCompact: true, className: "pf-m-compact", rest: {} }) })), _jsx(FlexItem, { children: _jsxs(Stack, __assign({ hasGutter: true }, { children: [_jsx(StackItem, __assign({ className: "ins-c-rule-details__total-risk-body" }, { children: _jsx(TextContent, { children: _jsx(Text, __assign({ component: TextVariants.p }, { children: messages.rulesDetailsTotalRiskBody })) }) })), _jsxs(Stack, { children: [_jsx(StackItem, { children: _jsx(SeverityLine, { className: "ins-c-severity-line", title: messages.likelihoodLevel, value: rule.likelihood, tooltipMessage: messages.likelihoodDescription }) }), _jsx(StackItem, { children: _jsx(SeverityLine, { className: "ins-c-severity-line", title: messages.impactLevel, value: rule.impact.impact, tooltipMessage: messages.impactDescription }) })] })] })) })] })) }), resolutionRisk && resolutionRiskDesc && (_jsxs(React.Fragment, { children: [_jsx("span", { className: "ins-c-line" }), _jsx(FlexItem, __assign({ spacer: { default: 'spacerSm' } }, { children: _jsx("strong", { children: messages.riskOfChange }) })), _jsx(FlexItem, __assign({ className: "pf-u-display-inline-flex alignCenterOverride pf-u-pb-sm pf-u-pt-sm" }, { children: _jsxs(Flex, __assign({ flexWrap: { default: 'nowrap' } }, { children: [_jsx(FlexItem, { children: _jsx(InsightsLabel, { text: messages.riskOfChangeLabel, value: resolutionRisk, hideIcon: true, className: "ins-c-rule-details__risk-of-ch-label pf-m-compact", rest: {} }) }), _jsx(FlexItem, __assign({ className: "ins-c-rule-details__risk-of-ch-desc" }, { children: _jsxs(Stack, __assign({ hasGutter: true }, { children: [_jsx(StackItem, { children: _jsx(TextContent, { children: _jsx(Text, __assign({ component: TextVariants.p }, { children: resolutionRiskDesc })) }) }), product === AdvisorProduct.rhel && (_jsx(StackItem, __assign({ className: "ins-c-rule-details__reboot" }, { children: _jsx(RebootRequired, { messages: messages, rebootRequired: rule.reboot_required }) })))] })) }))] })) }))] }))] })) })] }) }))] })));
+    return (_jsxs(Flex, { className: "ins-c-rule-details", flexWrap: { default: 'nowrap' }, direction: { default: isDetailsPage ? 'column' : 'columnReverse', lg: 'row' }, children: [_jsx(FlexItem, { children: _jsxs(Stack, { hasGutter: true, children: [header && _jsx(StackItem, { className: "ins-c-rule-details__header", children: header }), _jsx(StackItem, { className: "ins-c-rule-details__description", children: _jsx(RuleDescription, { product: product, rule: rule, isDetailsPage: isDetailsPage }) }), knowledgebaseUrl && (_jsx(StackItem, { className: "ins-c-rule-details__kbs", children: _jsxs("a", { rel: "noopener noreferrer", target: "_blank", href: knowledgebaseUrl, children: [messages.knowledgebaseArticle, "\u00A0", _jsx(Icon, { size: "md", children: _jsx(ExternalLinkAltIcon, {}) })] }) })), Topics && _jsx(StackItem, { className: "ins-c-rule-details__topics", children: Topics }), isDetailsPage && onVoteClick && (_jsx(StackItem, { className: "ins-c-rule-details__vote", children: _jsx(RuleRating, { messages: messages, ruleId: rule.rule_id, ruleRating: rule.rating, onVoteClick: onVoteClick }) })), ViewAffectedLink && _jsx(StackItem, { className: "ins-c-rule-details__view-affected", children: ViewAffectedLink })] }) }), _jsx(FlexItem, { align: { lg: 'alignRight' }, children: _jsxs(Stack, { children: [children && _jsx(StackItem, { children: children }), _jsx(StackItem, { children: _jsxs(Flex, { className: "ins-c-rule-details__stack", direction: { default: 'column' }, children: [_jsx(FlexItem, { spacer: { default: 'spacerSm' }, children: _jsx("strong", { children: messages.totalRisk }) }), _jsx(FlexItem, { children: _jsxs(Flex, { flexWrap: { default: 'nowrap' }, children: [_jsx(FlexItem, { className: "ins-c-rule-details__total-risk", children: _jsx(InsightsLabel, { value: rule.total_risk, isCompact: true, className: "pf-m-compact", rest: {} }) }), _jsx(FlexItem, { children: _jsxs(Stack, { hasGutter: true, children: [_jsx(StackItem, { className: "ins-c-rule-details__total-risk-body", children: _jsx(TextContent, { children: _jsx(Text, { component: TextVariants.p, children: messages.rulesDetailsTotalRiskBody }) }) }), _jsxs(Stack, { children: [_jsx(StackItem, { children: _jsx(SeverityLine, { className: "ins-c-severity-line", title: messages.likelihoodLevel, value: rule.likelihood, tooltipMessage: messages.likelihoodDescription }) }), _jsx(StackItem, { children: _jsx(SeverityLine, { className: "ins-c-severity-line", title: messages.impactLevel, value: rule.impact.impact, tooltipMessage: messages.impactDescription }) })] })] }) })] }) }), resolutionRisk && resolutionRiskDesc && (_jsxs(React.Fragment, { children: [_jsx("span", { className: "ins-c-line" }), _jsx(FlexItem, { spacer: { default: 'spacerSm' }, children: _jsx("strong", { children: messages.riskOfChange }) }), _jsx(FlexItem, { className: "pf-v5-u-display-inline-flex alignCenterOverride pf-v5-u-pb-sm pf-v5-u-pt-sm", children: _jsxs(Flex, { flexWrap: { default: 'nowrap' }, children: [_jsx(FlexItem, { children: _jsx(InsightsLabel, { text: messages.riskOfChangeLabel, value: resolutionRisk, hideIcon: true, className: "ins-c-rule-details__risk-of-ch-label pf-m-compact", rest: {} }) }), _jsx(FlexItem, { className: "ins-c-rule-details__risk-of-ch-desc", children: _jsxs(Stack, { hasGutter: true, children: [_jsx(StackItem, { children: _jsx(TextContent, { children: _jsx(Text, { component: TextVariants.p, children: resolutionRiskDesc }) }) }), product === AdvisorProduct.rhel && (_jsx(StackItem, { className: "ins-c-rule-details__reboot", children: _jsx(RebootRequired, { messages: messages, rebootRequired: rule.reboot_required }) }))] }) })] }) })] }))] }) })] }) })] }));
 };
 export default RuleDetails;
 //# sourceMappingURL=RuleDetails.js.map