@rh-support/troubleshoot 0.2.40 → 0.2.41

package/lib/esm/components/Recommendations/ClusterRecommendationToast.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+interface IProps {
+    onViewRecommendations: () => void;
+    onToastClose: () => void;
+}
+declare const ClusterRecommendationToast: FC<IProps>;
+export default ClusterRecommendationToast;
+//# sourceMappingURL=ClusterRecommendationToast.d.ts.map

package/lib/esm/components/Recommendations/ClusterRecommendationToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClusterRecommendationToast.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendationToast.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlC,UAAU,MAAM;IACZ,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,YAAY,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,QAAA,MAAM,0BAA0B,EAAE,EAAE,CAAC,MAAM,CAkB1C,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/lib/esm/components/Recommendations/ClusterRecommendationToast.js

@@ -0,0 +1,10 @@
+import { Alert, AlertActionCloseButton, AlertGroup, Button } from '@patternfly/react-core';
+import React from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+const ClusterRecommendationToast = ({ onViewRecommendations, onToastClose }) => {
+    const { t } = useTranslation();
+    return (React.createElement(AlertGroup, { isToast: true },
+        React.createElement(Alert, { isLiveRegion: true, variant: "success", title: t('Cluster recommendation has been triggered'), "data-tracking-id": "toast-view-cluster-sol", actionLinks: React.createElement(Button, { isInline: true, variant: "link", onClick: onViewRecommendations },
+                React.createElement(Trans, null, "View recommendations")), actionClose: React.createElement(AlertActionCloseButton, { variantLabel: "success alert", onClose: onToastClose }) })));
+};
+export default ClusterRecommendationToast;

package/lib/esm/components/Recommendations/ClusterRecommendations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClusterRecommendations.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendations.tsx"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,qBAAqB,gBAkC5C"}
+{"version":3,"file":"ClusterRecommendations.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendations.tsx"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,UAAU,qBAAqB,gBAkD5C"}

package/lib/esm/components/Recommendations/ClusterRecommendations.js

@@ -1,24 +1,35 @@
 import { Button } from '@patternfly/react-core';
-import React, { useContext, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { Trans } from 'react-i18next';
 import { ClusterRecommendationsContext } from '../../context/ClusterRecommendationsContext';
 import { ClusterRecommendationItems } from './ClusterRecommendationItems';
 import { ClusterRecommendationsModal } from './ClusterRecommendationsModal';
+import ClusterRecommendationToast from './ClusterRecommendationToast';
 export default function ClusteRecommendations() {
     const { clusterRecommendations } = useContext(ClusterRecommendationsContext);
     const [showModal, setShowModal] = useState(false);
+    const [isToastVisible, setToastVisibility] = useState(false);
+    const onViewRecommendations = () => {
+        setToastVisibility(false);
+        setShowModal(true);
+    };
+    useEffect(() => {
+        setToastVisibility(true);
+    }, [clusterRecommendations.data]);
     const NUMBER_OF_RULES_TO_DISPLAY = 3;
     const onModalClose = () => {
         setShowModal(false);
     };
     if (clusterRecommendations.data.length === 0 || clusterRecommendations.isError || clusterRecommendations.isFetching)
         return React.createElement(React.Fragment, null);
-    return (React.createElement("div", { className: "card card-white card-support top-recommendations" },
-        React.createElement("h3", { className: "card-heading" },
-            React.createElement(Trans, null, "Cluster recommendations")),
-        React.createElement("div", null,
-            React.createElement(ClusterRecommendationItems, { clusterRecommendations: clusterRecommendations.data.slice(0, NUMBER_OF_RULES_TO_DISPLAY) }),
-            clusterRecommendations.data.length > NUMBER_OF_RULES_TO_DISPLAY && (React.createElement(Button, { className: "pf-u-p-md", variant: "link", isBlock: true, onClick: () => setShowModal(true) },
-                React.createElement(Trans, null, "View more recommendations"))),
-            React.createElement(ClusterRecommendationsModal, { clusterRecommendations: clusterRecommendations.data, isOpen: showModal, onModalClose: onModalClose }))));
+    return (React.createElement(React.Fragment, null,
+        isToastVisible && (React.createElement(ClusterRecommendationToast, { onViewRecommendations: onViewRecommendations, onToastClose: () => setToastVisibility(false) })),
+        React.createElement("div", { className: "card card-white card-support top-recommendations" },
+            React.createElement("h3", { className: "card-heading" },
+                React.createElement(Trans, null, "Cluster recommendations")),
+            React.createElement("div", null,
+                React.createElement(ClusterRecommendationItems, { clusterRecommendations: clusterRecommendations.data.slice(0, NUMBER_OF_RULES_TO_DISPLAY) }),
+                clusterRecommendations.data.length > NUMBER_OF_RULES_TO_DISPLAY && (React.createElement(Button, { className: "pf-u-p-md", variant: "link", isBlock: true, onClick: () => setShowModal(true) },
+                    React.createElement(Trans, null, "View more recommendations"))),
+                React.createElement(ClusterRecommendationsModal, { clusterRecommendations: clusterRecommendations.data, isOpen: showModal, onModalClose: onModalClose })))));
 }

package/lib/esm/components/wizardLayout/WizardAside.js

@@ -36,8 +36,8 @@ function WizardAside(props) {
     return (React.createElement("aside", { className: "grid-aside" },
         React.createElement("section", { className: "grid-aside-content" },
             canshowEARuleWidget && React.createElement(EARuleWidget, null),
-            canShowClusterIdWidgets && React.createElement(ClusterRecommendations, null),
             React.createElement(InsightsResults, null),
+            canShowClusterIdWidgets && React.createElement(ClusterRecommendations, null),
             canUseSessionManagement && React.createElement(SessionRestore, { routeProps: props.routeProps }),
             React.createElement(AsideResults, null),
             canShowFileUploadWidget() && React.createElement(FileDiag, null))));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "0.2.40",
+    "version": "0.2.41",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -142,5 +142,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "643158040e5b85d50275aa7f4318180c1defc696"
+    "gitHead": "2e8ecad772429f43844ab8f4dbc4de2cdc7e157c"
 }