@rh-support/troubleshoot 1.0.39 → 1.0.41

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseAlternateId.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseAlternateId.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseAlternateId.tsx"],"names":[],"mappings":"AA4BA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAOD,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eAgLrC;kBAhLQ,eAAe;;;AAmLxB,eAAe,eAAe,CAAC"}
+{"version":3,"file":"CaseAlternateId.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseAlternateId.tsx"],"names":[],"mappings":"AA2BA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAOD,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eA0KrC;kBA1KQ,eAAe;;;AA6KxB,eAAe,eAAe,CAAC"}

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseAlternateId.js

@@ -11,9 +11,8 @@ import { InputGroupText, InputGroupTextVariant, Spinner, TextInput, TextInputGro
 import CheckIcon from '@patternfly/react-icons/dist/js/icons/check-icon';
 import InfoIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
-import { InlineEdit, ToastNotification, ValueChangedIcon } from '@rh-support/components';
+import { NewInlineEdit, ToastNotification, ValueChangedIcon } from '@rh-support/components';
 import { useCanEditCase } from '@rh-support/react-context';
-import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -86,13 +85,8 @@ function CaseAlternateId(props) {
     const maxLengthErrorMessage = t('Alternate case ID cannot be more than {{limit}} characters.', {
         limit: ALTERNATE_CASE_ID_LIMIT,
     });
-    // To check if alternate ID is empty
-    const isAlternateIDEmpty = isEmpty(alternateIdState === null || alternateIdState === void 0 ? void 0 : alternateIdState.trim());
     // Conditions to disable save button
-    const saveDisabled = isAlternateIDEmpty ||
-        alternateIdState === alternateId ||
-        isUpdating ||
-        (alternateIdState === null || alternateIdState === void 0 ? void 0 : alternateIdState.length) > ALTERNATE_CASE_ID_LIMIT;
+    const saveDisabled = alternateIdState === alternateId || isUpdating || (alternateIdState === null || alternateIdState === void 0 ? void 0 : alternateIdState.length) > ALTERNATE_CASE_ID_LIMIT;
     // Function to handle keyDown events
     const handleKeyDown = (e) => __awaiter(this, void 0, void 0, function* () {
         // Cancel on pressing esc
@@ -105,14 +99,14 @@ function CaseAlternateId(props) {
         }
     });
     return (React.createElement(React.Fragment, null,
-        React.createElement(InlineEdit, { labelProps: { htmlFor: 'case-details-alternate-id' }, labelContent: React.createElement(React.Fragment, null,
+        React.createElement(NewInlineEdit, { labelProps: { htmlFor: 'case-details-alternate-id' }, labelContent: React.createElement(React.Fragment, null,
                 React.createElement(Trans, null, "Alternate case ID"),
                 React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localAltIDChange, value: alternateId, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.altID) }),
                 ' ',
                 React.createElement(Tooltip, { trigger: 'mouseenter focus', position: TooltipPosition.top, content: React.createElement(Trans, null, "Add your internal tracking ID to better identify and organize support issues.") },
                     React.createElement(InfoIcon, { className: "pf-u-ml-sm", "aria-label": "Case Alternate ID" }))), allowInlineEdit: props.inlineEditable, content: alternateId || t('No Alternate case ID to display.'), hideSaveCancel: props.hideSaveCancel, saveDisabled: saveDisabled, charCount: (alternateIdState === null || alternateIdState === void 0 ? void 0 : alternateIdState.length) || 0, charTotal: ALTERNATE_CASE_ID_LIMIT, cancelToggleState: isCancelClicked, saveToggleState: isSaveClicked },
             React.createElement(TextInputGroup, null,
-                React.createElement(TextInput, { value: alternateIdState, type: "text", className: "form-control", id: "case-details-alternate-id", placeholder: t(`Enter your case tracking number or internal incident ID`), onChange: onAlternateIdChange, "data-tracking-id": "case-details-alternate-id", isDisabled: isUpdating, onKeyDown: handleKeyDown, validated: (alternateIdState === null || alternateIdState === void 0 ? void 0 : alternateIdState.length) > ALTERNATE_CASE_ID_LIMIT || isAlternateIDEmpty
+                React.createElement(TextInput, { value: alternateIdState, type: "text", className: "form-control", id: "case-details-alternate-id", placeholder: t(`Enter your case tracking number or internal incident ID`), onChange: onAlternateIdChange, "data-tracking-id": "case-details-alternate-id", isDisabled: isUpdating, onKeyDown: handleKeyDown, validated: (alternateIdState === null || alternateIdState === void 0 ? void 0 : alternateIdState.length) > ALTERNATE_CASE_ID_LIMIT
                         ? ValidatedOptions.error
                         : ValidatedOptions.default }),
                 !isUpdating ? (React.createElement(InputGroupText, { variant: InputGroupTextVariant.plain },

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenshiftClusterId.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseOpenshiftClusterId.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenshiftClusterId.tsx"],"names":[],"mappings":"AA2BA,wBAAgB,sBAAsB,gBA8RrC"}
+{"version":3,"file":"CaseOpenshiftClusterId.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenshiftClusterId.tsx"],"names":[],"mappings":"AA2BA,wBAAgB,sBAAsB,gBAgSrC"}

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenshiftClusterId.js

@@ -50,6 +50,7 @@ export function CaseOpenshiftClusterId() {
     const displayName = useRef('');
     const previousLocalOpenshiftClusterIDState = usePrevious(localOpenshiftClusterIDState);
     const previousSelectedReason = usePrevious(selectedReason);
+    const previousProduct = usePrevious(product);
     const { t } = useTranslation();
     const clusterStateReset = () => {
         setSelectedReason('');
@@ -72,7 +73,8 @@ export function CaseOpenshiftClusterId() {
             const hasCluster = yield isClusterIdEnabledForProduct(product, (_b = allProducts.data) === null || _b === void 0 ? void 0 : _b.productsResult);
             setShowClusterId(hasCluster);
             // when product changes from a product with cluster to a product without cluster, reset the clusterId
-            const isResetClusterID = !hasCluster || isOpenShiftV3;
+            const IsProductHasChanged = previousProduct && previousProduct !== product;
+            const isResetClusterID = (!hasCluster || isOpenShiftV3) && IsProductHasChanged;
             if (isResetClusterID) {
                 const caseDetails = {
                     openshiftClusterID: '',

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/Summary.js

@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { InputGroupText, InputGroupTextVariant, Spinner, TextInput, TextInputGroup, ValidatedOptions, } from '@patternfly/react-core';
 import CheckIcon from '@patternfly/react-icons/dist/js/icons/check-icon';
 import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
-import { InlineEdit, ToastNotification, ValueChangedIcon } from '@rh-support/components';
+import { NewInlineEdit, ToastNotification, ValueChangedIcon } from '@rh-support/components';
 import { useCanEditCase } from '@rh-support/react-context';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
@@ -121,7 +121,7 @@ function Summary(props) {
         }
     });
     return (React.createElement(React.Fragment, null,
-        React.createElement(InlineEdit, { labelProps: { htmlFor: 'case-details-summary' }, labelContent: React.createElement(React.Fragment, null,
+        React.createElement(NewInlineEdit, { labelProps: { htmlFor: 'case-details-summary' }, labelContent: React.createElement(React.Fragment, null,
                 React.createElement(Trans, null, "Issue summary"),
                 React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localSummaryChange, value: summary, getTooltipContent: getSummaryChangedTT }),
                 React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")), allowInlineEdit: props.inlineEditable, content: summary ? summary : t('No summary to display.'), saveDisabled: saveDisabled, hideLabel: props.hideLabel, hideSaveCancel: props.hideSaveCancel, charCount: (summaryState === null || summaryState === void 0 ? void 0 : summaryState.length) || 0, charTotal: SUMMARY_LENGTH_LIMIT, cancelToggleState: isCancelClicked, saveToggleState: isSaveClicked },

package/lib/esm/components/Issue/Issue.js

@@ -39,7 +39,7 @@ export default function Issue() {
     const handleFormSubmit = (e) => e.preventDefault();
     return (React.createElement(React.Fragment, null,
         React.createElement("form", { onSubmit: handleFormSubmit, className: "push-bottom" },
-            React.createElement(OpenCaseIssue, { inlineEditable: false, hideSaveCancel: true, initialIsEditing: isEmpty(summary), required: true }),
+            React.createElement(OpenCaseIssue, { inlineEditable: true, hideSaveCancel: true, initialIsEditing: isEmpty(summary), required: true }),
             React.createElement(MoreOrLess, { maxHeight: 600, appStickyHeaderRef: navBarRef },
                 React.createElement(InlineEdit, { labelProps: { htmlFor: 'issue-section-ktQ1-issue' }, labelContent: React.createElement(React.Fragment, null,
                         React.createElement(Trans, null, "What are you experiencing? What are you expecting to happen?")), allowInlineEdit: false, hideSaveCancel: true, initialIsEditing: isEmpty(issue), usePreformattedTag: true, content: issue },

package/lib/esm/components/Review/Review.js

@@ -42,8 +42,8 @@ export default function Review(props) {
             React.createElement(AllProductsSelector, { isDropdownSelected: true, routeProps: props.routeProps, loadTCOnChange: true, showTCAfterButtonClicked: true, checkEntitledProduct: true }),
             React.createElement(OpenShiftClusterId, null),
             React.createElement(Hostname, null),
-            React.createElement(OpenCaseIssue, { inlineEditable: false, required: true, initialIsEditing: isEmpty(summary), hideSaveCancel: true }),
-            React.createElement(Description, { inlineEditable: false, hideSaveCancel: true }),
+            React.createElement(OpenCaseIssue, { inlineEditable: true, required: true, initialIsEditing: isEmpty(summary), hideSaveCancel: true }),
+            React.createElement(Description, { inlineEditable: true, hideSaveCancel: true }),
             React.createElement(KtQuestions, { inlineEditable: true, hideSaveCancel: true }),
             React.createElement(CaseType, null),
             React.createElement(SupportLevel, null),
@@ -53,6 +53,6 @@ export default function Review(props) {
             React.createElement(CaseLanguageSelector, null),
             canSeeEmailNotifications && React.createElement(CaseContactSelector, null),
             React.createElement(RHAssociatesSelector, null),
-            React.createElement(OpenAlternateID, { inlineEditable: true, hideSaveCancel: true }),
+            React.createElement(OpenAlternateID, { hideSaveCancel: true }),
             React.createElement(Cep, null))));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "1.0.39",
+    "version": "1.0.41",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -73,8 +73,8 @@
         "@patternfly/react-core": "4.264.0",
         "@progress/kendo-drawing": "^1.6.0",
         "@progress/kendo-react-pdf": "^3.12.0",
-        "@rh-support/components": "1.2.16",
-        "@rh-support/react-context": "1.0.23",
+        "@rh-support/components": "1.2.18",
+        "@rh-support/react-context": "1.0.25",
         "@rh-support/types": "0.2.0",
         "@rh-support/user-permissions": "1.0.11",
         "@rh-support/utils": "1.0.9",
@@ -119,7 +119,10 @@
         "@types/react-i18next": "^8.1.0",
         "@types/react-router-dom": "^5.1.2",
         "faker": "^5.5.3",
-        "node-sass": "^4.14.1"
+        "node-sass": "^7.0.1"
+    },
+    "resolutions": {
+        "**/node-gyp": "^7.0.0"
     },
     "scripts": {
         "build:watch": "../../node_modules/.bin/tsc -w -p config/tsconfig.json & npm run watch:css",
@@ -142,5 +145,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "af45effefff4d9434a171992428c249f80fc84ce"
+    "gitHead": "67c86ae65999c9e8d868a567bcd70f8d7401d386"
 }