@rh-support/troubleshoot 2.6.45 → 2.6.47

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

@@ -13,8 +13,5 @@ interface IProps extends IDClassNameProps {
     openshiftDisplayName?: string;
 }
 declare function OpenshiftDropdownV4(props: IProps): React.JSX.Element;
-declare namespace OpenshiftDropdownV4 {
-    var defaultProps: {};
-}
 export { OpenshiftDropdownV4 };
 //# sourceMappingURL=OpenshiftDropdownV4.d.ts.map

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,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAiB5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAI5D,OAAO,KAA2D,MAAM,OAAO,CAAC;AAOhF,UAAU,MAAO,SAAQ,gBAAgB;IACrC,uBAAuB,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,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;IACrB,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAuBD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBA8czC;kBA9cQ,mBAAmB;;;AAid5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"OpenshiftDropdownV4.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenshiftDropdownV4.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAgB5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAI5D,OAAO,KAA2D,MAAM,OAAO,CAAC;AAOhF,UAAU,MAAO,SAAQ,gBAAgB;IACrC,uBAAuB,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,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;IACrB,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAgBD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAmdzC;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

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

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { cloud } from '@cee-eng/hydrajs';
-import { Button, Checkbox, Divider, MenuToggle, Select, SelectList, SelectOption, Spinner, TextInputGroup, TextInputGroupMain, TextInputGroupUtilities, } from '@patternfly/react-core';
+import { Button, Divider, MenuToggle, Select, SelectList, SelectOption, Spinner, TextInputGroup, TextInputGroupMain, TextInputGroupUtilities, } from '@patternfly/react-core';
 import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
 import { useLRUCache, useSelectKeyboardNavigator } from '@rh-support/components';
 import debounce from 'lodash/debounce';
@@ -19,12 +19,6 @@ import { Trans, useTranslation } from 'react-i18next';
 import { getDisplayNameForCluster } from '../../utils/caseOpenshiftClusterIdUtils';
 import { PDFContext } from '../CaseEditView/PDFContainer';
 import CaseOpenShiftPopover from '../CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenShiftPopover';
-const defaultProps = {
-    className: '',
-    id: '',
-    isDisabled: false,
-    openshiftDisplayName: '',
-};
 const createState = (external_cluster_id, display_name, openshift_version) => {
     return {
         display_name,
@@ -90,7 +84,7 @@ function OpenshiftDropdownV4(props) {
             setClustersRawResponse([]);
             setInputVal('');
         }
-        else {
+        else if (selectedCluster !== 'loader') {
             props.onClusterIdStateUpdate(selectedCluster);
             const displayName = selectedCluster.display_name || selectedCluster.toString();
             setInputVal(displayName);
@@ -127,8 +121,7 @@ function OpenshiftDropdownV4(props) {
         },
     });
     const dropdownHeaderOptions = useMemo(() => [
-        React.createElement(SelectOption, { key: 'show-hide-archived-clusters', value: { type: 'checkbox' } },
-            React.createElement(Checkbox, { label: t('Show archived clusters'), key: "show-archived-clusters", "aria-label": t('Show archived clusters'), id: "show-archived-clusters", "data-tracking-id": "show-hide-archived-clusters", isChecked: showArchivedClusters || false, className: "archived-clusters-checkbox" })),
+        React.createElement(SelectOption, { hasCheckbox: true, key: "show-archived-clusters", "aria-label": t('Show archived clusters'), id: "show-archived-clusters", className: "archived-clusters-checkbox", "data-tracking-id": "show-hide-archived-clusters", value: { type: 'checkbox' }, isSelected: showArchivedClusters }, t('Show archived clusters')),
         React.createElement(Divider, { component: "div", key: 'cluster-id-options-divider-e' }),
         React.createElement(SelectOption, { key: 'dont-have-id', value: createState('dont-have-id', t("I don't have my Cluster ID")), "data-tracking-id": "dont-have-cluster-id", isFocused: focusedItemIndex === 1 }, "I don't have my Cluster ID"),
         ...(props.isV3
@@ -153,15 +146,19 @@ function OpenshiftDropdownV4(props) {
         const clusterOptions = [];
         domainNames.forEach((domain, index) => {
             domain !== '' &&
-                clusterOptions.push(React.createElement(SelectOption, { isDisabled: true, className: "pf-v6-u-font-weight-bold pf-v6-u-color-400", value: createState(domain, domain), key: domain + index }));
+                clusterOptions.push(React.createElement(SelectOption, { isDisabled: true, className: "pf-v6-u-font-weight-bold pf-v6-u-color-400", value: createState(domain, domain), key: domain + index }, domain));
             clustersResponseGrouped[domain] &&
                 clustersResponseGrouped[domain].forEach((cluster, i) => {
-                    clusterOptions.push(React.createElement(SelectOption, { key: cluster.external_cluster_id, value: createState(cluster.external_cluster_id, getDisplayNameForCluster(cluster) || cluster.external_cluster_id, cluster.openshift_version) }));
+                    clusterOptions.push(React.createElement(SelectOption, { key: cluster.external_cluster_id, value: createState(cluster.external_cluster_id, getDisplayNameForCluster(cluster) || cluster.external_cluster_id, cluster.openshift_version) }, getDisplayNameForCluster(cluster) || cluster.external_cluster_id));
                 });
             clusterOptions.push(React.createElement(Divider, { component: "div", key: index + domain }));
         });
-        if (!isFetchingClusters && clustersRawResponse.length < totalResultsNo) {
-            clusterOptions.push(React.createElement(SelectOption, { key: "load-more-option", value: {}, onClick: onViewMoreClick, isDisabled: false, className: "pf-v6-u-font-weight-bold" }, "Display additional results"));
+        if (isFetchingClusters) {
+            clusterOptions.push(React.createElement(SelectOption, { isLoading: true, disabled: true },
+                React.createElement(Spinner, { size: "lg" })));
+        }
+        else if (!isFetchingClusters && clustersRawResponse.length < totalResultsNo) {
+            clusterOptions.push(React.createElement(SelectOption, { isLoadButton: true, onClick: onViewMoreClick, value: "loader" }, "Display additional results"));
         }
         return [
             ...dropdownHeaderOptions,
@@ -336,5 +333,4 @@ function OpenshiftDropdownV4(props) {
                 React.createElement(SelectList, { id: "openshift-cluster-selector-listbox" }, clustersSelectOptions)),
             React.createElement("div", { id: "clusterID-validate-helper", className: `form-instructions ${props.isClusterIdInvalid ? 'form-invalid' : ''}` }, props.clusterIdDropdownFormInstructions))));
 }
-OpenshiftDropdownV4.defaultProps = defaultProps;
 export { OpenshiftDropdownV4 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.6.45",
+    "version": "2.6.47",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -134,5 +134,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "7c863ffbb7b897925e55fa610b76584e78c6accc"
+    "gitHead": "e8af649590e0bd7cc13b28458426d90f634e0b09"
 }