@rh-support/troubleshoot 0.2.85 → 0.2.88

package/lib/esm/components/CaseEditView/CaseOverview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AAyCA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,eA8cjD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AAyCA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,eAidjD"}

package/lib/esm/components/CaseEditView/CaseOverview/index.js

@@ -222,10 +222,13 @@ export default function CaseOverview(props) {
                         props.caseNumber),
                     React.createElement("div", null,
                         exportPDFButton(props.caseNumber),
-                        React.createElement(Button, { className: "pf-u-ml-md", isDisabled: !canManageCase || (caseOverviewState.caseStatusUpdating && isCaseUpdating), isLoading: caseOverviewState.caseStatusUpdating && isCaseUpdating, onClick: () => (isCaseInOpenState ? onCaseClose() : onCaseReopen()), variant: isCaseInOpenState ? ButtonVariant.secondary : ButtonVariant.tertiary, "data-tracking-id": isCaseInOpenState
+                        React.createElement(Button, Object.assign({ className: "pf-u-ml-md", isDisabled: !canManageCase || (caseOverviewState.caseStatusUpdating && isCaseUpdating) }, (caseOverviewState.caseStatusUpdating &&
+                            isCaseUpdating && {
+                            isLoading: true,
+                        }), { onClick: () => (isCaseInOpenState ? onCaseClose() : onCaseReopen()), variant: isCaseInOpenState ? ButtonVariant.secondary : ButtonVariant.tertiary, "data-tracking-id": isCaseInOpenState
                                 ? 'case-close-btn-case-details-overview'
-                                : 'case-reopen-btn-case-details-overview' },
-                            React.createElement(Trans, null, isCaseInOpenState ? 'Close case' : 'Re-open case')))),
+                                : 'case-reopen-btn-case-details-overview' }),
+                            React.createElement(Trans, null, isCaseInOpenState ? 'Close case' : 'Reopen case')))),
                 React.createElement("div", { className: `case-details-header-secondary push-bottom-narrow ${isExportingPDF && !viewAsCustomer ? 'hide-in-pdf' : ''}` },
                     React.createElement("span", { className: "case-support-level" }, computeSupportLink())),
                 React.createElement("div", { className: "case-details-summary push-bottom-narrow" },

package/lib/esm/components/CaseEditView/ConfirmationModals/ReopenCaseModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReopenCaseModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ConfirmationModals/ReopenCaseModal.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAEzE,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,SAAS,KAAA,EAAE,WAAW,KAAA,KAAK,IAAI,CAAC;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,cAAc,CAAC;CAChC;AAMD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,eA8K5C"}
+{"version":3,"file":"ReopenCaseModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ConfirmationModals/ReopenCaseModal.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAEzE,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,SAAS,KAAA,EAAE,WAAW,KAAA,KAAK,IAAI,CAAC;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,cAAc,CAAC;CAChC;AAMD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,eAkL5C"}

package/lib/esm/components/CaseEditView/ConfirmationModals/ReopenCaseModal.js

@@ -9,6 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { Button, ButtonVariant, Form, FormGroup, Modal, ModalVariant, Select, SelectOption, TextArea, } from '@patternfly/react-core';
 import ExclamationCircleIcon from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
+import { isEmpty } from 'lodash';
 import React, { useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { CaseStatusEnum } from '../../../constants/caseDetailsConstants';
@@ -62,9 +63,10 @@ export function ReopenCaseModal(props) {
         setSelectedStatus(status);
         onDropdownToggle(false);
     };
-    return (React.createElement(Modal, { id: "case-reopen-modal", title: t(`Re-opening case ${props.caseNumber}`), "aria-describedby": "case-reopen-modal", isOpen: true, onClose: props.onClose, showClose: true, actions: [
-            React.createElement(Button, { key: "submit-description", variant: ButtonVariant.primary, onClick: onSubmit, isLoading: props.isUpdating, isDisabled: showValidationError || props.isUpdating, "data-tracking-id": "reopen-case-description-modal-submit" },
-                React.createElement(Trans, null, "Re-open case")),
+    const isDescriptionEmpty = isEmpty(reopenDescription === null || reopenDescription === void 0 ? void 0 : reopenDescription.trim());
+    return (React.createElement(Modal, { id: "case-reopen-modal", title: t(`Reopening case ${props.caseNumber}`), "aria-describedby": "case-reopen-modal", isOpen: true, onClose: props.onClose, showClose: true, actions: [
+            React.createElement(Button, { key: "submit-description", variant: ButtonVariant.primary, onClick: onSubmit, isLoading: props.isUpdating, isDisabled: isDescriptionEmpty || showValidationError || props.isUpdating, "data-tracking-id": "reopen-case-description-modal-submit" },
+                React.createElement(Trans, null, "Reopen case")),
             React.createElement(Button, { key: "close-modal", variant: ButtonVariant.secondary, onClick: props.onClose, isDisabled: props.isUpdating, "data-tracking-id": "reopen-case-description-modal-cancel" },
                 React.createElement(Trans, null, "Cancel")),
         ], variant: ModalVariant.medium },
@@ -79,5 +81,5 @@ export function ReopenCaseModal(props) {
             showTextArea && (React.createElement(FormGroup, { label: t('Please describe your reason'), type: "text", helperText: t(`Your comment will be visible${props.isInternal ? ' to the customers' : ''} under discussions after re-opening.`), isRequired: true, fieldId: "reopen-case-description" },
                 React.createElement(TextArea, { placeholder: t(props.isInternal
                         ? 'Describe the reason for re-opening with the selected status'
-                        : 'The better the description, the easier it will be for our support team to address your case.'), validated: showValidationError && !reopenDescription ? 'error' : 'default', isRequired: true, id: "reopen-case-description", name: "reopen-case-description", "aria-describedby": "reopen-case-description", value: reopenDescription, onChange: onDescriptionChange, isDisabled: props.isUpdating }))))));
+                        : 'The better the description, the easier it will be for our support team to address your case.'), validated: showValidationError && isDescriptionEmpty && !reopenDescription ? 'error' : 'default', isRequired: true, id: "reopen-case-description", name: "reopen-case-description", "aria-describedby": "reopen-case-description", value: reopenDescription, onChange: onDescriptionChange, isDisabled: props.isUpdating }))))));
 }

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":"AAaA,wBAAgB,sBAAsB,gBA8GrC"}
+{"version":3,"file":"CaseOpenshiftClusterId.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenshiftClusterId.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,sBAAsB,gBAkPrC"}

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

@@ -7,98 +7,204 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { ToastNotification } from '@rh-support/components';
-import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
+import { LoadingIndicator, ToastNotification } from '@rh-support/components';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
+import { getVersion } from '@rh-support/utils';
+import debounce from 'lodash/debounce';
+import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React, { useContext, useEffect, useState } from 'react';
+import React, { useCallback, useContext, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../../../../context/CaseContext';
-import { updateCaseDetails } from '../../../../../reducers/CaseReducer';
+import { setCaseDetails, updateCaseDetails } from '../../../../../reducers/CaseReducer';
 import { getIsClusterIdInvalid, isClusterIdEnabledForProduct } from '../../../../../utils/caseOpenshiftClusterIdUtils';
-import { CaseOpenshiftDropdownV4, fetchClusterIdDetails } from './CaseOpenshiftDropdownV4';
+import { NoClusterIDReasonSelector } from '../../../../CaseManagement/NoClusterIDReasonSelector';
+import { discoverV4ClusterIdLink, discoverV4ClusterIdLinkError, isInvalidErrorMessage, } from '../../../../CaseManagement/OpenShiftClusterId';
+import { fetchClusterIdDetails, OpenshiftDropdownV4 } from '../../../../CaseManagement/OpenshiftDropdownV4';
 export function CaseOpenshiftClusterId() {
-    const { openshiftClusterID, caseNumber, product } = useCaseSelector((state) => ({
+    const { openshiftClusterID, product, version, caseNumber, openshiftClusterVersion, noClusterIdReason, noClusterIdReasonExplanation, selectedAccountDetails, } = useCaseSelector((state) => ({
         openshiftClusterID: state.caseDetails.openshiftClusterID,
         product: state.caseDetails.product,
+        version: state.caseDetails.version,
         caseNumber: state.caseDetails.caseNumber,
+        openshiftClusterVersion: state.caseDetails.openshiftClusterVersion,
+        noClusterIdReason: state.caseDetails.noClusterIdReason,
+        noClusterIdReasonExplanation: state.caseDetails.noClusterIdReasonExplanation,
+        selectedAccountDetails: state.selectedAccountDetails,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
-    const { t } = useTranslation();
-    const { globalMetadataState: { allProducts }, } = useContext(GlobalMetadataStateContext);
-    const [isClusterIdUpdating, setIsClusterIdUpdating] = useState(false);
-    const [showSection, setShowSection] = useState(false);
-    const [openshiftClusterIDState, setOpenshiftClusterIDState] = useState(openshiftClusterID);
+    const { globalMetadataState: { pcmConfig, allProducts, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
+    const majorVersion = (version && getVersion(version).major) || '';
+    const isOpenShiftV3 = majorVersion === '3';
+    const isCustomer = loggedInUserRights.data.isAccountSameAsLoggedInAccount(selectedAccountDetails.data.accountNumber);
+    const [showClusterId, setShowClusterId] = useState(false);
     const [isClusterIdInvalid, setIsClusterIdInValid] = useState(false);
+    const [dontKnowSelected, setDontKnowSelected] = useState(false);
+    const [selectedReason, setSelectedReason] = useState('');
     const [isFetchingClusterDetails, setIsFetchingClusterDetails] = useState(false);
-    const canEditCase = useCanEditCase();
-    useEffect(() => {
-        if (openshiftClusterIDState !== openshiftClusterID) {
-            setOpenshiftClusterIDState(openshiftClusterIDState);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [openshiftClusterID]);
-    const clusterIdUpdate = (caseDetails) => __awaiter(this, void 0, void 0, function* () {
-        setIsClusterIdUpdating(true);
-        try {
-            yield updateCaseDetails(caseDispatch, caseNumber, caseDetails);
-            setIsClusterIdUpdating(false);
-            ToastNotification.addSuccessMessage(t(`OpenShift Cluster ID has been successfully updated`));
-        }
-        catch (e) {
-            setIsClusterIdUpdating(false);
-            ToastNotification.addDangerMessage(t(`OpenShift Cluster ID failed to updated`));
-        }
-    });
-    const onClusterIdStateUpdate = (openshiftClusterInputIdState) => {
-        setOpenshiftClusterIDState(openshiftClusterInputIdState);
-        const isClusterIdInvalid = getIsClusterIdInvalid(openshiftClusterInputIdState);
-        setIsClusterIdInValid(isClusterIdInvalid);
-    };
-    const onClusterIdStateCancel = () => {
-        setOpenshiftClusterIDState(openshiftClusterID);
-        setIsClusterIdInValid(false);
+    const [localOpenshiftClusterIDState, setLocalOpenshiftClusterIDState] = useState(openshiftClusterID);
+    const [isClusterIdUpdating, setIsClusterIdUpdating] = useState(false);
+    const [isReasonUpdating, setIsReasonUpdating] = useState(false);
+    const { t } = useTranslation();
+    const clusterStateReset = () => {
+        setSelectedReason('');
+        setDontKnowSelected(false);
     };
-    const onClusterIdSave = (selectedCluster) => __awaiter(this, void 0, void 0, function* () {
-        const openshiftClusterInputIdState = selectedCluster === null || selectedCluster === void 0 ? void 0 : selectedCluster.external_id;
-        const isClusterIdInvalid = getIsClusterIdInvalid(openshiftClusterInputIdState);
-        setIsClusterIdInValid(isClusterIdInvalid);
-        if (isClusterIdInvalid || openshiftClusterInputIdState === openshiftClusterID)
+    const setClusterVersion = (openshiftClusterID, clusterDetails) => __awaiter(this, void 0, void 0, function* () {
+        if (!openshiftClusterID || getIsClusterIdInvalid(openshiftClusterID))
             return;
-        const caseDetails = { openshiftClusterID: openshiftClusterInputIdState };
-        if (selectedCluster === null || selectedCluster === void 0 ? void 0 : selectedCluster.openshift_version) {
-            caseDetails.openshiftClusterVersion = selectedCluster.openshift_version;
+        let openshiftClusterVersion;
+        if (clusterDetails && clusterDetails.external_id === openshiftClusterID && clusterDetails.openshift_version) {
+            openshiftClusterVersion = clusterDetails.openshift_version;
         }
         else {
-            setIsFetchingClusterDetails(true);
-            const clusterDetails = yield fetchClusterIdDetails(openshiftClusterInputIdState);
-            caseDetails.openshiftClusterVersion = (clusterDetails === null || clusterDetails === void 0 ? void 0 : clusterDetails.openshift_version) || '';
-            setIsFetchingClusterDetails(false);
+            const clusterDetails = yield fetchClusterIdDetails(openshiftClusterID);
+            openshiftClusterVersion = clusterDetails === null || clusterDetails === void 0 ? void 0 : clusterDetails.openshift_version;
         }
-        yield clusterIdUpdate(caseDetails);
-        setOpenshiftClusterIDState(openshiftClusterInputIdState);
+        setCaseDetails(caseDispatch, { openshiftClusterVersion });
     });
     useEffect(() => {
         var _a;
         const isClusterVisible = () => __awaiter(this, void 0, void 0, function* () {
             var _b;
             const hasCluster = yield isClusterIdEnabledForProduct(product, (_b = allProducts.data) === null || _b === void 0 ? void 0 : _b.productsResult);
-            setShowSection(hasCluster);
-            if (!hasCluster && openshiftClusterID) {
-                // reset the cluster id if product is changed and it's not visible for a product
-                onClusterIdStateUpdate('');
+            setShowClusterId(hasCluster);
+            // when product changes from a product with cluster to a product without cluster, reset the clusterId
+            const isResetClusterID = (!hasCluster || isOpenShiftV3) && openshiftClusterID;
+            if (isResetClusterID) {
+                const caseDetails = {
+                    openshiftClusterID: '',
+                    noClusterIdReasonExplanation: '',
+                    noClusterIdReason: '',
+                };
+                yield clusterIdUpdate(caseDetails, false);
+                setCaseDetails(caseDispatch, caseDetails);
             }
         });
-        if ((((_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult) || []).length > 0) {
+        if ((((_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult) || []).length) {
             isClusterVisible();
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [product, allProducts.data]);
-    const onClusterIdChange = (selectedCluster) => {
-        if (canEditCase.alert())
+    }, [product, version, pcmConfig, allProducts.data]);
+    // user may change product and version we need to reset internal state
+    // context api state will be reset on parent component each time user changes product and version
+    useEffect(() => {
+        clusterStateReset(); //=>
+    }, [product, version]);
+    /**
+     * Hook to make sure that if cluster id comes from session or someother source
+     * we also fetch the details for the cluster id so that we can have fields like cluster version while creating the case
+     */
+    useEffect(() => {
+        const isClusterIdInvalid = getIsClusterIdInvalid(openshiftClusterID);
+        setIsClusterIdInValid(isClusterIdInvalid);
+        if (openshiftClusterID && !isClusterIdInvalid && isEmpty(openshiftClusterVersion)) {
+            setClusterVersion(openshiftClusterID);
+        }
+        if (!isEmpty(noClusterIdReason)) {
+            setDontKnowSelected(true);
+            setSelectedReason('dont-have-id');
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [noClusterIdReason, openshiftClusterID, openshiftClusterVersion]);
+    const clusterIdUpdate = (caseDetails, showToast = true) => __awaiter(this, void 0, void 0, function* () {
+        if (showToast)
+            setIsClusterIdUpdating(true);
+        try {
+            yield updateCaseDetails(caseDispatch, caseNumber, caseDetails);
+            if (showToast) {
+                setIsClusterIdUpdating(false);
+                ToastNotification.addSuccessMessage(t(`OpenShift Cluster ID has been successfully updated`));
+            }
+        }
+        catch (e) {
+            if (showToast) {
+                setIsClusterIdUpdating(false);
+                ToastNotification.addDangerMessage(t(`OpenShift Cluster ID failed to updated`));
+            }
+        }
+    });
+    const onClusterIdSave = (selectedCluster) => __awaiter(this, void 0, void 0, function* () {
+        const selectedClusterId = selectedCluster === null || selectedCluster === void 0 ? void 0 : selectedCluster.external_id;
+        if (isEmpty(selectedClusterId))
             return;
-        onClusterIdStateUpdate(selectedCluster.external_id);
+        setLocalOpenshiftClusterIDState(selectedClusterId);
+        if (selectedClusterId === 'dont-have-id') {
+            setDontKnowSelected(true);
+            setSelectedReason(selectedClusterId);
+            setIsClusterIdInValid(false);
+        }
+        else {
+            const isClusterIdInvalid = getIsClusterIdInvalid(selectedClusterId);
+            setIsClusterIdInValid(isClusterIdInvalid);
+            if (isClusterIdInvalid || selectedClusterId === openshiftClusterID)
+                return;
+            const caseDetails = {
+                openshiftClusterID: selectedClusterId,
+                noClusterIdReasonExplanation: '',
+                noClusterIdReason: '',
+            };
+            if (selectedCluster === null || selectedCluster === void 0 ? void 0 : selectedCluster.openshift_version) {
+                caseDetails.openshiftClusterVersion = selectedCluster.openshift_version;
+            }
+            else {
+                setIsFetchingClusterDetails(true);
+                const clusterDetails = yield fetchClusterIdDetails(selectedClusterId);
+                caseDetails.openshiftClusterVersion = (clusterDetails === null || clusterDetails === void 0 ? void 0 : clusterDetails.openshift_version) || '';
+                setIsFetchingClusterDetails(false);
+            }
+            yield clusterIdUpdate(caseDetails);
+            setDontKnowSelected(false);
+            setSelectedReason('');
+        }
+    });
+    const clusterIdDropdownFormInstructions = () => {
+        const errorMessage = isClusterIdInvalid
+            ? isInvalidErrorMessage()
+            : isEmpty(openshiftClusterID) && isEmpty(selectedReason)
+                ? discoverV4ClusterIdLinkError()
+                : null;
+        const infoMessage = discoverV4ClusterIdLink();
+        return errorMessage ? errorMessage : infoMessage;
     };
-    if (!showSection)
+    const onReasonExplanationInputBoxChanged = (explanationInput) => __awaiter(this, void 0, void 0, function* () {
+        explanationInput = (explanationInput || '').trim();
+        if (explanationInput) {
+            const caseDetails = {
+                noClusterIdReason: 'Other',
+                openshiftClusterID: '',
+                noClusterIdReasonExplanation: explanationInput,
+            };
+            try {
+                setCaseDetails(caseDispatch, { noClusterIdReasonExplanation: explanationInput });
+                yield clusterIdUpdate(caseDetails);
+            }
+            catch (e) {
+                setCaseDetails(caseDispatch, { noClusterIdReasonExplanation });
+            }
+        }
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const debounceFn = useCallback(debounce(onReasonExplanationInputBoxChanged, 1000), []);
+    const onReasonChange = (reason) => __awaiter(this, void 0, void 0, function* () {
+        if (!reason || reason === noClusterIdReason)
+            return;
+        try {
+            setIsReasonUpdating(true);
+            const caseDetails = { openshiftClusterID: '', noClusterIdReason: reason, noClusterIdReasonExplanation: '' };
+            setCaseDetails(caseDispatch, { noClusterIdReason: reason });
+            yield clusterIdUpdate(caseDetails);
+        }
+        catch (e) {
+            setCaseDetails(caseDispatch, { noClusterIdReason });
+        }
+        setIsReasonUpdating(false);
+    });
+    const isInVaidNoClusterIdReason = isEmpty(noClusterIdReason) || (noClusterIdReason === 'Other' && isEmpty(noClusterIdReasonExplanation.trim()));
+    if (!showClusterId || isOpenShiftV3)
         return null;
-    return (React.createElement(CaseOpenshiftDropdownV4, { isClusterIdUpdating: isClusterIdUpdating || isFetchingClusterDetails, originalOpenshiftClusterID: openshiftClusterID, openshiftClusterIDState: openshiftClusterIDState, onClusterIdStateUpdate: onClusterIdChange, onClusterIdSave: onClusterIdSave, onClusterIdClear: onClusterIdSave, onClusterIdCancel: onClusterIdStateCancel, onDropdownOuterClick: onClusterIdStateCancel, isClusterIdInvalid: isClusterIdInvalid, setIsClusterIdInValid: setIsClusterIdInValid }));
+    return (React.createElement(React.Fragment, null,
+        React.createElement(OpenshiftDropdownV4, { openshiftClusterIDState: localOpenshiftClusterIDState || selectedReason, onClusterIdStateUpdate: onClusterIdSave, isClusterIdInvalid: (isEmpty(localOpenshiftClusterIDState) && isEmpty(selectedReason)) || isClusterIdInvalid, clusterIdDropdownFormInstructions: clusterIdDropdownFormInstructions(), onClusterClear: () => setLocalOpenshiftClusterIDState(''), isV4: true, isDisabled: isClusterIdUpdating || isFetchingClusterDetails }),
+        (dontKnowSelected || noClusterIdReasonExplanation || noClusterIdReason) && (React.createElement(NoClusterIDReasonSelector, { noClusterIdReasonExplanation: noClusterIdReasonExplanation, noClusterIdReason: noClusterIdReason, onReasonInputBoxChanged: debounceFn, onReasonChange: onReasonChange, isInValid: isInVaidNoClusterIdReason, isCustomer: isCustomer, isDisabled: isReasonUpdating || isFetchingClusterDetails })),
+        React.createElement(LoadingIndicator, { show: isClusterIdUpdating, size: "xs" })));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Summary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/Summary.tsx"],"names":[],"mappings":"AAYA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAOD,iBAAS,OAAO,CAAC,KAAK,EAAE,MAAM,eA4H7B;kBA5HQ,OAAO;;;AA+HhB,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Summary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/Summary.tsx"],"names":[],"mappings":"AAYA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAOD,iBAAS,OAAO,CAAC,KAAK,EAAE,MAAM,eAgI7B;kBAhIQ,OAAO;;;AAmIhB,eAAe,OAAO,CAAC"}

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

@@ -39,9 +39,11 @@ function Summary(props) {
     const [localSummaryChange, setLocalSummaryChange] = useState(false);
     const afterLocalChange = () => setLocalSummaryChange(false);
     const getSummaryChangedTT = () => React.createElement(Trans, null, "Summary has been updated");
+    // Function to check if Invalid when input is non-focused
     const onSummaryBlur = (e) => {
         setIsSummaryInValid(isEmpty(e.target.value));
     };
+    // Function to handle when summary changes
     const onSummaryChange = (e) => {
         if (canEditCase.alert())
             return;
@@ -93,7 +95,7 @@ function Summary(props) {
             React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")), allowInlineEdit: props.inlineEditable, content: summary, onSave: onSave, onCancel: onCancel, saveDisabled: isSummaryInValid ||
             hasLargeSummary ||
             summaryState === summary ||
-            (isSummaryUpdating && !isSummaryInValid), hideLabel: props.hideLabel, loadingIndicator: isSummaryUpdating && !isSummaryInValid ? React.createElement(LoadingIndicator, { isInline: true }) : null },
+            (isSummaryUpdating && !isSummaryInValid), hideLabel: props.hideLabel, loadingIndicator: isSummaryUpdating && !isSummaryInValid ? React.createElement(LoadingIndicator, { isInline: true }) : null, isSpaceAllowed: false, inputValue: summaryState },
         React.createElement("input", { type: "text", id: "case-details-summary", className: `form-control${isSummaryInValid || hasLargeSummary ? ' form-invalid' : ''}`, "aria-invalid": isSummaryInValid, "aria-required": true, required: true, name: "case-details-summary", value: summaryState, onChange: onSummaryChange, onBlur: onSummaryBlur, disabled: isSummaryUpdating, "data-tracking-id": "case-details-summary" }),
         hasLargeSummary && React.createElement("p", { className: "form-instructions" }, maxLengthErrorMessage)));
 }

package/lib/esm/components/CaseManagement/Cep.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cep.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/Cep.tsx"],"names":[],"mappings":"AAyBA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,eAkRhC"}
+{"version":3,"file":"Cep.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/Cep.tsx"],"names":[],"mappings":"AAyBA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,eAuRhC"}

package/lib/esm/components/CaseManagement/Cep.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { Modal, ModalVariant, Popover, PopoverPosition } from '@patternfly/react-core';
-import { LoadingIndicator, TextAreaAutosize, ToastNotification, useConfirmation } from '@rh-support/components';
+import { Input, LoadingIndicator, TextAreaResizable, ToastNotification, useConfirmation } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
 import { AbilityContext, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
 import isEmpty from 'lodash/isEmpty';
@@ -94,17 +94,17 @@ export function Cep(props) {
             setCaseState(caseDispatch, { cepDetails: cepDetailsLocal });
         }
     };
-    const onCepContactNameChange = (e) => {
-        setCepDetailsLocal(Object.assign(Object.assign({}, cepDetailsLocal), { contactName: e.target.value }));
+    const onCepContactNameChange = (value) => {
+        setCepDetailsLocal(Object.assign(Object.assign({}, cepDetailsLocal), { contactName: value }));
     };
-    const onCepWorkingHoursChange = (e) => {
-        setCepDetailsLocal(Object.assign(Object.assign({}, cepDetailsLocal), { workingHours: e.target.value }));
+    const onCepWorkingHoursChange = (value) => {
+        setCepDetailsLocal(Object.assign(Object.assign({}, cepDetailsLocal), { workingHours: value }));
     };
-    const onCepContactInformationsChange = (e) => {
-        setCepDetailsLocal(Object.assign(Object.assign({}, cepDetailsLocal), { contactInformation: e.target.value }));
+    const onCepContactInformationsChange = (value) => {
+        setCepDetailsLocal(Object.assign(Object.assign({}, cepDetailsLocal), { contactInformation: value }));
     };
-    const onCepNotesChange = (e) => {
-        setCepDetailsLocal(Object.assign(Object.assign({}, cepDetailsLocal), { notes: e.target.value }));
+    const onCepNotesChange = (value) => {
+        setCepDetailsLocal(Object.assign(Object.assign({}, cepDetailsLocal), { notes: value }));
     };
     const isSubmitButtonDisabled = isEmpty(cepDetailsLocal.contactName) ||
         isEmpty(cepDetailsLocal.workingHours) ||
@@ -136,7 +136,7 @@ export function Cep(props) {
                         React.createElement(Trans, null, "Contact name"),
                         "\u00A0",
                         React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-                    React.createElement("input", { type: "text", id: "cep-contact-name", className: `form-control`, "aria-required": true, required: true, maxLength: 254, name: "cep-contact-name", value: cepDetailsLocal.contactName, onChange: onCepContactNameChange }),
+                    React.createElement(Input, { type: "text", id: "cep-contact-name", className: `form-control`, "aria-required": true, isRequired: true, maxLength: 254, ariaLabel: t('cep-contact-name'), onChange: onCepContactNameChange, isSpaceAllowed: false }),
                     React.createElement("p", { className: "form-instructions" },
                         React.createElement(Trans, null, "Provide main contact(s) troubleshooting the issue."))),
                 React.createElement("div", { className: "form-group" },
@@ -144,7 +144,7 @@ export function Cep(props) {
                         React.createElement(Trans, null, "Availability/Working hours"),
                         "\u00A0",
                         React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-                    React.createElement("input", { type: "text", id: "cep-workingHours", className: `form-control`, "aria-required": true, required: true, maxLength: 254, placeholder: 'M-F 9:00am - 5:00pm EDT', name: "cep-workingHours", value: cepDetailsLocal.workingHours, onChange: onCepWorkingHoursChange }),
+                    React.createElement(Input, { type: "text", id: "cep-workingHours", className: `form-control`, "aria-required": true, isRequired: true, maxLength: 254, placeholder: 'M-F 9:00am - 5:00pm EDT', ariaLabel: t('cep-workingHours'), onChange: onCepWorkingHoursChange, isSpaceAllowed: false }),
                     React.createElement("p", { className: "form-instructions" },
                         React.createElement(Trans, null, "Indicate working hours, time zone; specify if not available on certain dates (i.e. weekends, holidays)."))),
                 React.createElement("div", { className: "form-group" },
@@ -152,13 +152,13 @@ export function Cep(props) {
                         React.createElement(Trans, null, "Contact information"),
                         "\u00A0",
                         React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-                    React.createElement(TextAreaAutosize, { id: "cep-contactInformation", className: `form-control`, "aria-required": true, required: true, maxLength: 2000, name: "cep-contactInformation", value: cepDetailsLocal.contactInformation, onChange: onCepContactInformationsChange }),
+                    React.createElement(TextAreaResizable, { id: "cep-contactInformation", className: `form-control`, "aria-required": true, required: true, maxLength: 2000, name: "cep-contactInformation", value: cepDetailsLocal.contactInformation, onChange: onCepContactInformationsChange, "aria-label": "auto resizing text area example", isSpaceAllowed: false, autoResize: true }),
                     React.createElement("p", { className: "form-instructions" },
                         React.createElement(Trans, null, "Please provide phone number, chat ID or email."))),
                 React.createElement("div", { className: "form-group" },
                     React.createElement("label", { htmlFor: "cep-notes" },
                         React.createElement(Trans, null, "Notes")),
-                    React.createElement(TextAreaAutosize, { id: "cep-notes", className: `form-control`, "aria-required": true, required: true, maxLength: 2000, name: "cep-notese", value: cepDetailsLocal.notes, onChange: onCepNotesChange }),
+                    React.createElement(TextAreaResizable, { id: "cep-notes", className: `form-control`, "aria-required": true, required: true, maxLength: 2000, name: "cep-notese", value: cepDetailsLocal.notes, onChange: onCepNotesChange, isSpaceAllowed: false, autoResize: true }),
                     React.createElement("p", { className: "form-instructions" },
                         React.createElement(Trans, null, "Provide any pertinent information that Red Hat Support should be aware of that's not already captured in the issue statement or comments.")))))));
 }

package/lib/esm/components/CaseManagement/NoClusterIDReasonSelector.d.ts

@@ -5,6 +5,7 @@ interface IProps {
     noClusterIdReason: string;
     isInValid: boolean;
     isCustomer: boolean;
+    isDisabled?: boolean;
 }
 declare const NoClusterIDReasonSelector: (props: IProps) => JSX.Element;
 export { NoClusterIDReasonSelector };

package/lib/esm/components/CaseManagement/NoClusterIDReasonSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NoClusterIDReasonSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/NoClusterIDReasonSelector.tsx"],"names":[],"mappings":"AAcA,UAAU,MAAM;IACZ,uBAAuB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,4BAA4B,EAAE,MAAM,CAAC;IACrC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACvB;AA0BD,QAAA,MAAM,yBAAyB,UAAW,MAAM,gBAuI/C,CAAC;AAEF,OAAO,EAAE,yBAAyB,EAAE,CAAC"}
+{"version":3,"file":"NoClusterIDReasonSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/NoClusterIDReasonSelector.tsx"],"names":[],"mappings":"AAcA,UAAU,MAAM;IACZ,uBAAuB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,4BAA4B,EAAE,MAAM,CAAC;IACrC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AA0BD,QAAA,MAAM,yBAAyB,UAAW,MAAM,gBAsI/C,CAAC;AAEF,OAAO,EAAE,yBAAyB,EAAE,CAAC"}

package/lib/esm/components/CaseManagement/NoClusterIDReasonSelector.js

@@ -95,7 +95,7 @@ const NoClusterIDReasonSelector = (props) => {
         React.createElement("label", { id: titleId },
             React.createElement(Trans, null, "I don't have my Cluster ID, because:"),
             React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-        React.createElement(Select, { variant: SelectVariant.typeahead, typeAheadAriaLabel: t('Select an option or briefly describe your reason'), onToggle: onToggle, onSelect: onSelect, onClear: clearSelection, selections: getSelectedItem(), isOpen: isOpen, placeholderText: t('Select an option or briefly describe your reason'), noValidate: props.isInValid, "aria-labelledby": titleId, "aria-invalid": props.isInValid, "aria-describedby": "validate-reason-helper", validated: validated, className: `form-control${props.isInValid ? ' form-invalid' : ''}`, isDisabled: caseNoClusterIdReasons.isFetching, required: true, onFilter: () => null, ref: selectRef, onTypeaheadInputChanged: onTypeaheadInputChanged }, (caseNoClusterIdReasonsList || []).map((option, index) => (React.createElement(SelectOption, { key: index, value: createState(option, t(option)) })))),
+        React.createElement(Select, { variant: SelectVariant.typeahead, typeAheadAriaLabel: t('Select an option or briefly describe your reason'), onToggle: onToggle, onSelect: onSelect, selections: getSelectedItem(), isOpen: isOpen, placeholderText: t('Select an option or briefly describe your reason'), noValidate: props.isInValid, "aria-labelledby": titleId, "aria-invalid": props.isInValid, "aria-describedby": "validate-reason-helper", validated: validated, className: `form-control${props.isInValid ? ' form-invalid' : ''}`, isDisabled: caseNoClusterIdReasons.isFetching || props.isDisabled, required: true, onFilter: () => null, ref: selectRef, onTypeaheadInputChanged: onTypeaheadInputChanged }, (caseNoClusterIdReasonsList || []).map((option, index) => (React.createElement(SelectOption, { key: index, value: createState(option, t(option)) })))),
         React.createElement(LoadingIndicator, { show: caseNoClusterIdReasons.isFetching, size: "xs" }),
         React.createElement("p", { id: "validate-reason-helper", className: `form-instructions ${props.isInValid ? 'form-invalid' : ''}` },
             React.createElement(React.Fragment, null,

package/lib/esm/components/CaseManagement/OpenShiftClusterId.d.ts

@@ -1,3 +1,6 @@
 export declare const v3Tov4TransitionLink: () => JSX.Element;
+export declare const discoverV4ClusterIdLink: () => JSX.Element;
+export declare const discoverV4ClusterIdLinkError: () => JSX.Element;
+export declare const isInvalidErrorMessage: () => JSX.Element;
 export declare function OpenShiftClusterId(): JSX.Element;
 //# sourceMappingURL=OpenShiftClusterId.d.ts.map

package/lib/esm/components/CaseManagement/OpenShiftClusterId.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OpenShiftClusterId.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenShiftClusterId.tsx"],"names":[],"mappings":"AAwBA,eAAO,MAAM,oBAAoB,mBAShC,CAAC;AAqBF,wBAAgB,kBAAkB,gBAsRjC"}
+{"version":3,"file":"OpenShiftClusterId.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenShiftClusterId.tsx"],"names":[],"mappings":"AAwBA,eAAO,MAAM,oBAAoB,mBAShC,CAAC;AAEF,eAAO,MAAM,uBAAuB,mBAInC,CAAC;AAEF,eAAO,MAAM,4BAA4B,mBAKxC,CAAC;AAEF,eAAO,MAAM,qBAAqB,mBAIjC,CAAC;AAEF,wBAAgB,kBAAkB,gBAsRjC"}

package/lib/esm/components/CaseManagement/OpenShiftClusterId.js

@@ -27,14 +27,14 @@ import { fetchClusterIdDetails, OpenshiftDropdownV4 } from './OpenshiftDropdownV
 import { OpenShiftV3Inputbox } from './OpenShiftV3Inputbox';
 export const v3Tov4TransitionLink = () => (React.createElement("a", { className: "show-target", href: "https://access.redhat.com/documentation/en-us/openshift_container_platform/4.8/html-single/migrating_from_openshift_container_platform_3_to_4/index", target: "_blank", rel: "noopener noreferrer" },
     React.createElement(Trans, null, "How to transition from v3 to v4?")));
-const discoverV4ClusterIdLink = () => (React.createElement("a", { className: "show-target", href: "/solutions/4505861", target: "_blank", rel: "noopener noreferrer" },
+export const discoverV4ClusterIdLink = () => (React.createElement("a", { className: "show-target", href: "/solutions/4505861", target: "_blank", rel: "noopener noreferrer" },
     React.createElement(Trans, null, "How do I determine my OpenShift 4.x Cluster ID?")));
-const discoverV4ClusterIdLinkError = () => (React.createElement(React.Fragment, null,
+export const discoverV4ClusterIdLinkError = () => (React.createElement(React.Fragment, null,
     React.createElement(ExclamationCircleIcon, { color: "#c9190b", className: "pf-u-mr-sm" }),
     React.createElement(Trans, null, "Required field."),
     " ",
     discoverV4ClusterIdLink()));
-const isInvalidErrorMessage = () => (React.createElement(React.Fragment, null,
+export const isInvalidErrorMessage = () => (React.createElement(React.Fragment, null,
     React.createElement(Trans, null, "Cluster Id is not valid. "),
     " ",
     discoverV4ClusterIdLink()));

package/lib/esm/components/CaseManagement/OpenshiftDropdownV4.d.ts

@@ -7,6 +7,7 @@ interface IProps extends IDClassNameProps {
     clusterIdDropdownFormInstructions?: JSX.Element;
     onClusterClear: () => void;
     isV4: boolean;
+    isDisabled?: boolean;
 }
 declare const fetchClusterIdDetails: (clusterId: string) => Promise<ICluster>;
 declare function OpenshiftDropdownV4(props: IProps): JSX.Element;

package/lib/esm/components/CaseManagement/OpenshiftDropdownV4.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OpenshiftDropdownV4.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenshiftDropdownV4.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsB,QAAQ,EAAqB,MAAM,iBAAiB,CAAC;AAElF,OAAO,EAAE,gBAAgB,EAAuB,MAAM,0BAA0B,CAAC;AAUjF,UAAU,MAAO,SAAQ,gBAAgB;IACrC,uBAAuB,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7E,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iCAAiC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAChD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;CACjB;AAaD,QAAA,MAAM,qBAAqB,cAAqB,MAAM,sBASrD,CAAC;AAeF,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA6OzC;kBA7OQ,mBAAmB;;;AAgP5B,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"OpenshiftDropdownV4.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenshiftDropdownV4.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsB,QAAQ,EAAqB,MAAM,iBAAiB,CAAC;AAElF,OAAO,EAAE,gBAAgB,EAAuB,MAAM,0BAA0B,CAAC;AAUjF,UAAU,MAAO,SAAQ,gBAAgB;IACrC,uBAAuB,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7E,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iCAAiC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAChD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAcD,QAAA,MAAM,qBAAqB,cAAqB,MAAM,sBASrD,CAAC;AAeF,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA6OzC;kBA7OQ,mBAAmB;;;AAgP5B,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,CAAC"}

package/lib/esm/components/CaseManagement/OpenshiftDropdownV4.js

@@ -20,6 +20,7 @@ import CaseOpenShiftPopover from '../CaseEditView/Tabs/CaseDetails/CaseOpenshift
 const defaultProps = {
     className: '',
     id: '',
+    isDisabled: false,
 };
 const fetchClusterIdDetails = (clusterId) => __awaiter(void 0, void 0, void 0, function* () {
     try {
@@ -112,7 +113,6 @@ function OpenshiftDropdownV4(props) {
                 ]
                 : []),
             React.createElement(SelectOption, { key: 'dont-have-id', value: createState('dont-have-id', t("I don't have my Cluster ID")) }),
-            ...(clusterOptions.length !== 0 ? [React.createElement(Divider, { component: "div", key: 'cluster-id-last-divider' })] : []),
         ];
     };
     const fetchAccountClusters = (search = '') => __awaiter(this, void 0, void 0, function* () {
@@ -197,7 +197,7 @@ function OpenshiftDropdownV4(props) {
                 React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"),
                 React.createElement(CaseOpenShiftPopover, null)),
             React.createElement("span", { id: titleId, hidden: true }, "Select a state"),
-            React.createElement(Select, Object.assign({ variant: SelectVariant.typeahead, typeAheadAriaLabel: t('Search by Cluster ID, alias, and domain or manually enter your Cluster ID'), onToggle: onToggle, onSelect: onSelect, onClear: onDropdownClear, selections: getSelectedItem(), isOpen: isOpen, "aria-labelledby": titleId, placeholderText: t('Search by Cluster ID, alias, and domain or manually enter your Cluster ID'), hasInlineFilter: false, onTypeaheadInputChanged: onTypeaheadInputChanged, onFilter: () => undefined, validated: validated, "aria-invalid": props.isClusterIdInvalid, "aria-describedby": "clusterID-validate-helper", required: true }, (isFetchingClusters && { loadingVariant: 'spinner' }), (!isFetchingClusters &&
+            React.createElement(Select, Object.assign({ variant: SelectVariant.typeahead, isDisabled: props.isDisabled, typeAheadAriaLabel: t('Search by Cluster ID, alias, and domain or manually enter your Cluster ID'), onToggle: onToggle, onSelect: onSelect, onClear: onDropdownClear, selections: getSelectedItem(), isOpen: isOpen, "aria-labelledby": titleId, placeholderText: t('Search by Cluster ID, alias, and domain or manually enter your Cluster ID'), hasInlineFilter: false, onTypeaheadInputChanged: onTypeaheadInputChanged, onFilter: () => undefined, validated: validated, "aria-invalid": props.isClusterIdInvalid, "aria-describedby": "clusterID-validate-helper", required: true }, (isFetchingClusters && { loadingVariant: 'spinner' }), (!isFetchingClusters &&
                 PER_PAGE <= clustersRawResponse.length && {
                 loadingVariant: {
                     text: 'Display additional results',

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

@@ -1,5 +1,2 @@
-interface IProps {
-}
-export declare function AsideResults(props: IProps): JSX.Element;
-export {};
+export declare function AsideResults(): JSX.Element;
 //# sourceMappingURL=AsideResults.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AsideResults.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/AsideResults.tsx"],"names":[],"mappings":"AA4BA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,eAsKzC"}
+{"version":3,"file":"AsideResults.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/AsideResults.tsx"],"names":[],"mappings":"AAgCA,wBAAgB,YAAY,gBAmL3B"}