@rh-support/troubleshoot 1.0.54 → 1.0.65

package/lib/esm/components/CaseInformation/ContactPhoneNumberAlert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContactPhoneNumberAlert.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/ContactPhoneNumberAlert.tsx"],"names":[],"mappings":"AAWA,wBAAgB,uBAAuB,gBAyDtC"}
+{"version":3,"file":"ContactPhoneNumberAlert.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/ContactPhoneNumberAlert.tsx"],"names":[],"mappings":"AAWA,wBAAgB,uBAAuB,gBAwDtC"}

package/lib/esm/components/CaseInformation/ContactPhoneNumberAlert.js

@@ -29,5 +29,5 @@ export function ContactPhoneNumberAlert() {
             React.createElement(Button, { variant: ButtonVariant.link, isInline: true, onClick: () => onCaseDetailsChange({ suppliedPhoneNumberVerified: 'Deferred' }), "data-tracking-id": "case-contact-phone-number-dont-know" },
                 React.createElement(Trans, null, "I don't know")),
         ] },
-        React.createElement(Trans, null, "You are opening an urgent or high severity case, please confirm the phone number we have on file is correct.")));
+        React.createElement(Trans, null, "You are opening an urgent severity case, please confirm the phone number we have on file is correct.")));
 }

package/lib/esm/components/ProductSelector/ProductVersionDropdownSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductVersionDropdownSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductVersionDropdownSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAEpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAA2C,MAAM,OAAO,CAAC;AAKhE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC;IACvD,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACnB;AAOD,QAAA,MAAM,8BAA8B,wEA6HlC,CAAC;AAEH,OAAO,EAAE,8BAA8B,EAAE,CAAC"}
+{"version":3,"file":"ProductVersionDropdownSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductVersionDropdownSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAEpE,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAIrE,OAAO,KAA+D,MAAM,OAAO,CAAC;AAMpF,UAAU,MAAO,SAAQ,gBAAgB;IACrC,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC;IACvD,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACnB;AAOD,QAAA,MAAM,8BAA8B,wEAyIlC,CAAC;AAEH,OAAO,EAAE,8BAA8B,EAAE,CAAC"}

package/lib/esm/components/ProductSelector/ProductVersionDropdownSelector.js

@@ -1,48 +1,42 @@
-import { Select, SelectOption, SelectVariant } from '@patternfly/react-core';
+import { Dropdown } from '@rh-support/components';
+import { toOption, toOptions } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
-import React, { forwardRef, useContext, useState } from 'react';
+import isEqual from 'lodash/isEqual';
+import React, { forwardRef, useContext, useEffect, useMemo, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
 const defaultProps = {
     disabled: false,
     htmlForId: '',
 };
 const ProductVersionDropdownSelector = forwardRef((props, ref) => {
-    var _a;
     const { t } = useTranslation();
+    const [isProductInValid, setIsProductInValid] = useState(true);
+    const [isVersionInValid, setIsVersionInValid] = useState(false);
+    const [isProductBlured, setIsProductBlured] = useState(false);
+    const [isVersionBlured, setIsVersionBlured] = useState(false);
     const { routeState: { showValidationErrorAlert }, } = useContext(RouteContext);
-    const [isProductOpen, setIsProductOpen] = useState(false);
-    const [isVersionOpen, setIsVersionOpen] = useState(false);
-    const getProductOptions = (options) => {
-        return options.map((product, id) => (React.createElement(SelectOption, { key: id, value: product }, product.name)));
-    };
-    const onProductToggle = (isExpanded) => {
-        setIsProductOpen(isExpanded);
-    };
-    const onVersionToggle = (isExpanded) => {
-        setIsVersionOpen(isExpanded);
-    };
-    const onProductSelect = (event, selection, isPlaceholder) => {
-        onProductChange(selection);
-        onProductToggle(false);
-    };
-    const onProductFilter = (_, value) => {
-        var _a;
-        if (!value)
-            return getProductOptions(props.products);
-        const input = new RegExp(value, 'i');
-        const newOptions = (_a = props.products) === null || _a === void 0 ? void 0 : _a.filter((product) => input.test(product.name));
-        return getProductOptions(newOptions);
-    };
-    const onVersionSelect = (e, selection, isPlaceholder) => {
-        onVersionChange(selection);
-        onVersionToggle(false);
-    };
+    const versionsDetails = useCaseSelector((state) => state.versionsDetails, isEqual);
+    const productVersions = useMemo(() => versionsDetails.data
+        .map(({ name }) => name)
+        .sort()
+        .reverse(), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [props.selectedProduct.name, versionsDetails.data]);
+    // Here we are conditionally checking if selected product is having version and if not fallback to fetched version list ].
+    const selectedProductVersion = isEmpty(props.selectedProduct.versions)
+        ? productVersions
+        : props.selectedProduct.versions;
+    // On the basis of which version source we are using we need to use loading status of it.
+    const isLoadingList = isEmpty(props.selectedProduct.versions) ? versionsDetails.isFetching : props.isLoading;
     const onProductChange = (option) => {
-        props.onProductChange(option);
+        props.onProductChange(option.value);
+        validateProduct(option);
     };
     const onVersionChange = (option) => {
-        props.onVersionChange(option);
+        props.onVersionChange(option.value);
+        validateVersion(option);
     };
     const onProductClear = () => {
         const defaultSelectedProduct = {
@@ -53,7 +47,28 @@ const ProductVersionDropdownSelector = forwardRef((props, ref) => {
             isEntitledProduct: true,
         };
         props.onProductChange(defaultSelectedProduct);
+        validateProduct(toOption(defaultSelectedProduct, { labelKey: 'product' }));
+    };
+    const onProductOuterClick = (selectedItem) => {
+        setIsProductBlured(true);
+    };
+    const onVersionOuterClick = (selectedItem) => {
+        setIsVersionBlured(true);
+    };
+    const validateProduct = (selectedItem) => {
+        setIsProductInValid(!props.disabled && (isEmpty(selectedItem) || isEmpty(selectedItem.label)));
+    };
+    const validateVersion = (selectedItem) => {
+        setIsVersionInValid(!props.disabled && (isEmpty(selectedItem) || isEmpty(selectedItem.label)));
     };
+    useEffect(() => {
+        if (props.disabled) {
+            setIsProductInValid(false);
+            setIsVersionInValid(false);
+        }
+        isProductBlured && setIsProductInValid(!props.disabled && isEmpty(props.selectedProduct.product));
+        setIsVersionInValid(!props.disabled && !isEmpty(props.selectedProduct.product) && isEmpty(props.version));
+    }, [props.disabled, props.selectedProduct.product, isProductBlured, isVersionBlured, props.version]);
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "product-selector-wrapper" },
             React.createElement("label", { htmlFor: "product-selector-dropdown-downshift-search", ref: ref },
@@ -61,16 +76,21 @@ const ProductVersionDropdownSelector = forwardRef((props, ref) => {
                     React.createElement(Trans, null, "Product"),
                     ' ',
                     React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))),
-            React.createElement(Select, { className: `product-dropdown`, id: "product-selector-dropdown", variant: SelectVariant.typeahead, onFilter: onProductFilter, "aria-label": "Select Input", onToggle: onProductToggle, onSelect: onProductSelect, selections: props.selectedProduct.name, placeholderText: t('Select a product'), isOpen: isProductOpen, onClear: onProductClear, validated: !props.disabled && showValidationErrorAlert && !props.selectedProduct.product
-                    ? 'warning'
-                    : 'default', "data-tracking-id": "product-dropdown-selector" }, getProductOptions(props.products))),
+            React.createElement(Dropdown, { className: `product-dropdown`, id: "product-selector-dropdown", placeholder: t('Select a product'), list: props.products ? toOptions(props.products, { labelKey: 'product' }) : [], title: `Select a product`, selectedItem: toOption(props.selectedProduct, { labelKey: 'product' }), isInValid: !props.disabled &&
+                    isProductInValid &&
+                    showValidationErrorAlert &&
+                    !props.selectedProduct.product, onChange: onProductChange, onOuterClick: onProductOuterClick, searchable: true, isLoadingList: props.isLoading, onClearSelection: onProductClear, "data-tracking-id": "product-dropdown-selector" })),
         React.createElement("div", { className: "version-selector-wrapper" },
             React.createElement("label", { htmlFor: "version-selector-dropdown-toggle" },
                 React.createElement("h3", { className: "subheading subheading-sm" },
                     React.createElement(Trans, null, "Version"),
                     ' ',
                     React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))),
-            React.createElement(Select, { variant: SelectVariant.single, id: "version-selector-dropdown", onToggle: onVersionToggle, onSelect: onVersionSelect, selections: props.version, isOpen: isVersionOpen, placeholderText: t('Select a version'), isDisabled: isEmpty(props.selectedProduct.product) ? true : false, "data-tracking-id": "version-dropdown-selector" }, (_a = props.selectedProduct.versions) === null || _a === void 0 ? void 0 : _a.map((version, id) => (React.createElement(SelectOption, { key: id, value: version }, version)))))));
+            React.createElement(Dropdown, { selectedItem: toOption(props.version), list: toOptions(selectedProductVersion !== null && selectedProductVersion !== void 0 ? selectedProductVersion : []), id: "version-selector-dropdown", placeholder: t('Select a version'), isLoadingList: isLoadingList, title: `Versions for ${props.selectedProduct.product}`, disabled: props.disabled || isEmpty(selectedProductVersion), isInValid: !props.disabled &&
+                    isVersionInValid &&
+                    showValidationErrorAlert &&
+                    props.selectedProduct.product &&
+                    !props.version, onChange: onVersionChange, onOuterClick: onVersionOuterClick, "data-tracking-id": "version-dropdown-selector" }))));
 });
 ProductVersionDropdownSelector.defaultProps = defaultProps;
 export { ProductVersionDropdownSelector };

package/lib/esm/components/shared/fileUpload/FileLister.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileLister.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/fileUpload/FileLister.tsx"],"names":[],"mappings":"AA2BA,OAAO,EAAiB,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAGxE,eAAO,MAAM,qBAAqB,2FAAyC,CAAC;AAiB5E,UAAU,MAAM;IACZ,kBAAkB,EAAE,UAAU,EAAE,CAAC;IACjC,UAAU,EAAE,CAAC,eAAe,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACtG,YAAY,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtE,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,eAgR/C"}
+{"version":3,"file":"FileLister.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/fileUpload/FileLister.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAAiB,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAGxE,eAAO,MAAM,qBAAqB,2FAAyC,CAAC;AAiB5E,UAAU,MAAM;IACZ,kBAAkB,EAAE,UAAU,EAAE,CAAC;IACjC,UAAU,EAAE,CAAC,eAAe,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACtG,YAAY,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtE,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,eAgQ/C"}

package/lib/esm/components/shared/fileUpload/FileLister.js

@@ -6,7 +6,6 @@ import { capitalize, isEmpty } from 'lodash';
 import map from 'lodash/map';
 import React from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { ATTACHMENT_DESCRIPTION_LENGTH_LIMIT } from '../../../reducers/CaseConstNTypes';
 import { isAnalysingFile, isAnalysisFailed, isFileDeleted, isUploadAborted, isUploadedAndAnalysisFailed, isUploadedAndAnalysisSkipped, isUploadedAndAnalyzed, isUploadFailed, isUploading, isUploadingAttachment, isUploadingOnCase, isUploadingOnSession, isUploadOnTrack, isVerifyingUpload, shouldHideDescription, } from './reducer/AttachmentHelper';
 import { FileStatusHelper } from './reducer/FileStatusHelper';
 export const CaseDiagnosticsStatus = pcm.preCase.diag.CaseDiagnosticsStatus;
@@ -83,10 +82,6 @@ export default function FileLister(props) {
         return !(isUploading(fileUploadStatus) || (!props.isSessionId && isUploadedAndAnalyzed(localFile)));
     };
     const canShowAbortBtn = (status) => isUploadingOnSession(status) || isUploadingOnCase(status);
-    // Attachment description length message
-    const maxCaseAttachmentDescription = t('You have reached the {{limit}} characters limit. The attachment description cannot be more than {{limit}} characters.', {
-        limit: ATTACHMENT_DESCRIPTION_LENGTH_LIMIT,
-    });
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "file-diag-selected" },
             React.createElement("span", { className: "sr-only" }, "Selected files"),
@@ -121,8 +116,6 @@ export default function FileLister(props) {
                         ? ''
                         : t('Enter a description')}`), hidden: shouldHideDescription(localFile, props.isSessionId) }),
                 isUploadedAndAnalysisSkipped(localFile) && (React.createElement("span", { className: "text-muted" }, localFile.analysisMetadata.analysisErrorMesssage)),
-                localFile.description.length === ATTACHMENT_DESCRIPTION_LENGTH_LIMIT ? (React.createElement("p", { className: "form-instructions" },
-                    React.createElement(Trans, null, maxCaseAttachmentDescription))) : null,
                 isUploadedAndAnalysisFailed(localFile) && (React.createElement("span", { className: "text-danger" },
                     React.createElement(Trans, null, "Something went wrong during file analysis."),
                     React.createElement(Button, { onClick: onRetryAnalysis(index), isInline: true, variant: ButtonVariant.link },

package/lib/esm/scss/_main.scss

@@ -171,6 +171,7 @@
         border: 1px solid #d9d9d9;
         border-bottom: initial;
         border-left: initial;
+        z-index: 999;
 
         /* Layout - navigation section */
         button:first-child {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "1.0.54",
+    "version": "1.0.65",
     "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.25",
-        "@rh-support/react-context": "1.0.33",
+        "@rh-support/components": "1.2.24",
+        "@rh-support/react-context": "1.0.32",
         "@rh-support/types": "0.2.0",
         "@rh-support/user-permissions": "1.0.14",
         "@rh-support/utils": "1.0.12",
@@ -145,5 +145,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "503c03f099f29076c7cbd553e53c6fe74bf2d749"
+    "gitHead": "2f8d4e4eb0e413056fd05afe5896a319d6dbbe50"
 }