@rh-support/manage 2.4.10-beta.6 → 2.5.0

package/lib/esm/components/ManagePreferences/PreferencesBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreferencesBody.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePreferences/PreferencesBody.tsx"],"names":[],"mappings":"AAMA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,eAQ5C"}
+{"version":3,"file":"PreferencesBody.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePreferences/PreferencesBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,MAAM;CAAG;AAEnB,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAQ5C"}

package/lib/esm/components/ManagePreferences/PreferencesBody.js

@@ -3,7 +3,7 @@ import { PreferencesCaseCreate } from './sections/PreferencesCaseCreate';
 import { PreferencesCaseSearch } from './sections/PreferencesCaseSearch';
 import { PreferencesCaseView } from './sections/PreferencesCaseView';
 export function PreferencesBody(props) {
-    return (React.createElement("section", { className: "pfe-l-grid pfe-m-gutters pfe-m-all-4-col", id: "preferences-body" },
+    return (React.createElement("div", { className: "pfe-l-grid pfe-m-gutters pfe-m-all-4-col" },
         React.createElement(PreferencesCaseSearch, null),
         React.createElement(PreferencesCaseView, null),
         React.createElement(PreferencesCaseCreate, null)));

package/lib/esm/components/ManagePreferences/PreferencesHeader.d.ts

@@ -1,2 +1,3 @@
-export declare function PreferencesHeader(): JSX.Element;
+import React from 'react';
+export declare function PreferencesHeader(): React.JSX.Element;
 //# sourceMappingURL=PreferencesHeader.d.ts.map

package/lib/esm/components/ManagePreferences/PreferencesHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreferencesHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePreferences/PreferencesHeader.tsx"],"names":[],"mappings":"AAGA,wBAAgB,iBAAiB,gBAahC"}
+{"version":3,"file":"PreferencesHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePreferences/PreferencesHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,wBAAgB,iBAAiB,sBAahC"}

package/lib/esm/components/ManagePreferences/PreferencesHeader.js

@@ -5,5 +5,5 @@ export function PreferencesHeader() {
     return (React.createElement("header", null,
         React.createElement("h2", null,
             React.createElement(Trans, null, "Preferences")),
-        React.createElement("p", { className: "pf-u-mt-md pf-u-mb-sm" }, t('Setting preferences will personalize your support case experience to best suit your needs.'))));
+        React.createElement("p", { className: "pf-v5-u-mt-md pf-v5-u-mb-sm" }, t('Setting preferences will personalize your support case experience to best suit your needs.'))));
 }

package/lib/esm/components/ManagePreferences/components/PreferenceSelect.d.ts

@@ -6,6 +6,6 @@ interface IProps {
     onSelect: (event: any, selection: any, isPlaceholder: any) => Promise<any>;
     children: React.ReactElement[];
 }
-export declare function PreferenceSelect({ id, label, selections, children, onSelect }: IProps): JSX.Element;
+export declare function PreferenceSelect({ id, label, selections, children, onSelect }: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=PreferenceSelect.d.ts.map

package/lib/esm/components/ManagePreferences/components/PreferenceSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreferenceSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/components/PreferenceSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,MAAM;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,GAAG,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,KAAA,EAAE,SAAS,KAAA,EAAE,aAAa,KAAA,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAC5D,QAAQ,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;CAClC;AACD,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,MAAM,eA8CrF"}
+{"version":3,"file":"PreferenceSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/components/PreferenceSelect.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,MAAM;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,GAAG,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,KAAA,EAAE,SAAS,KAAA,EAAE,aAAa,KAAA,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAC5D,QAAQ,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;CAClC;AACD,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,MAAM,qBA8CrF"}

package/lib/esm/components/ManagePreferences/components/PreferenceSelect.js

@@ -7,8 +7,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Select, SelectVariant, Spinner } from '@patternfly/react-core';
+import { Spinner } from '@patternfly/react-core';
+import { Select, SelectVariant } from '@patternfly/react-core/deprecated';
 import { ToastNotification } from '@rh-support/components';
+import isEqual from 'lodash/isEqual';
 import React, { useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 export function PreferenceSelect({ id, label, selections, children, onSelect }) {
@@ -20,7 +22,7 @@ export function PreferenceSelect({ id, label, selections, children, onSelect })
     };
     // To handle select
     const onSelectLocal = (event, selection, isPlaceholder) => __awaiter(this, void 0, void 0, function* () {
-        if (isPlaceholder)
+        if (isPlaceholder || isEqual(selection, selections))
             defaultClearSelection();
         else {
             setIsLoading(true);
@@ -43,5 +45,5 @@ export function PreferenceSelect({ id, label, selections, children, onSelect })
     return (React.createElement(React.Fragment, null,
         React.createElement("label", { id: id },
             React.createElement(Trans, null, label)),
-        React.createElement(Select, { variant: SelectVariant.single, onToggle: onSelectToggle, onSelect: onSelectLocal, selections: selections, isOpen: isOpen, "aria-labelledby": id, toggleIcon: isLoading && React.createElement(Spinner, { size: "sm" }) }, children)));
+        React.createElement(Select, { variant: SelectVariant.single, onToggle: (_event, isOpen) => onSelectToggle(isOpen), onSelect: onSelectLocal, selections: selections, isOpen: isOpen, "aria-labelledby": id, toggleIcon: isLoading && React.createElement(Spinner, { size: "sm" }) }, children)));
 }

package/lib/esm/components/ManagePreferences/components/PreferenceSwitch.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 interface IProps {
     className: string;
     id: string;
@@ -5,6 +6,6 @@ interface IProps {
     onSwitchChange: (checked: boolean) => Promise<any>;
     isChecked: boolean;
 }
-export declare function PreferenceSwitch({ onSwitchChange, className, id, label, isChecked }: IProps): JSX.Element;
+export declare function PreferenceSwitch({ onSwitchChange, className, id, label, isChecked }: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=PreferenceSwitch.d.ts.map

package/lib/esm/components/ManagePreferences/components/PreferenceSwitch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreferenceSwitch.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/components/PreferenceSwitch.tsx"],"names":[],"mappings":"AAKA,UAAU,MAAM;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,GAAG,CAAC;IACX,cAAc,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IACnD,SAAS,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,cAAc,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,MAAM,eAgC3F"}
+{"version":3,"file":"PreferenceSwitch.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/components/PreferenceSwitch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,MAAM;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,GAAG,CAAC;IACX,cAAc,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IACnD,SAAS,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,cAAc,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,MAAM,qBAgC3F"}

package/lib/esm/components/ManagePreferences/components/PreferenceSwitch.js

@@ -31,5 +31,5 @@ export function PreferenceSwitch({ onSwitchChange, className, id, label, isCheck
         }
     });
     return (React.createElement("div", null,
-        React.createElement(Switch, { className: className, id: id, label: label, isChecked: isCheckedLocal, onChange: onChangeLocal, isDisabled: isSwitchLoading })));
+        React.createElement(Switch, { className: className, id: id, label: label, isChecked: isCheckedLocal, onChange: (_event, checked) => onChangeLocal(checked), isDisabled: isSwitchLoading })));
 }

package/lib/esm/components/ManagePreferences/sections/PreferencesCaseCreate.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 interface IProps {
 }
-export declare function PreferencesCaseCreate(props: IProps): JSX.Element;
+export declare function PreferencesCaseCreate(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=PreferencesCaseCreate.d.ts.map

package/lib/esm/components/ManagePreferences/sections/PreferencesCaseCreate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreferencesCaseCreate.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/sections/PreferencesCaseCreate.tsx"],"names":[],"mappings":"AAoBA,UAAU,MAAM;CAAG;AACnB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,eAwLlD"}
+{"version":3,"file":"PreferencesCaseCreate.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/sections/PreferencesCaseCreate.tsx"],"names":[],"mappings":"AAeA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,UAAU,MAAM;CAAG;AACnB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,qBA0MlD"}

package/lib/esm/components/ManagePreferences/sections/PreferencesCaseCreate.js

@@ -8,9 +8,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { publicApi } from '@cee-eng/hydrajs';
-import { Card, CardBody, CardHeader, SelectOption } from '@patternfly/react-core';
+import { Card, CardBody, CardHeader } from '@patternfly/react-core';
+import { SelectOption } from '@patternfly/react-core/deprecated';
 import { ToastNotification, useFetch } from '@rh-support/components';
-import { fetchLanguageMetadata, GlobalMetadataDispatchContext, GlobalMetadataStateContext, } from '@rh-support/react-context';
+import { fetchLanguageMetadata, GlobalMetadataDispatchContext, GlobalMetadataReducerConstants, GlobalMetadataStateContext, } from '@rh-support/react-context';
 import { haventLoadedMetadata, PreferredLanguages } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import map from 'lodash/map';
@@ -48,8 +49,18 @@ export function PreferencesCaseCreate(props) {
         }
     });
     const updateDefaultGroupPref = (groupNum) => __awaiter(this, void 0, void 0, function* () {
+        var _a;
         try {
             yield toggleDefaultGroupFetch.request(groupNum, loggedInUserRights.data.getSSOUsername(), true, loggedInUsersAccount.data.secureSupport);
+            const updatedGroups = (caseGroups.data || []).map((group) => (Object.assign(Object.assign({}, group), { isDefault: group.groupNum === groupNum })));
+            dispatchToGlobalMetadataReducer({
+                type: GlobalMetadataReducerConstants.setCaseGroups,
+                payload: {
+                    caseGroups: Object.assign(Object.assign({}, caseGroups), { data: updatedGroups }),
+                },
+            });
+            setUserDefaultGroupList(updatedGroups);
+            setOriginalDefaultGroup(((_a = updatedGroups.find((g) => g.isDefault)) === null || _a === void 0 ? void 0 : _a.name) || 'Ungrouped Case');
         }
         catch (error) {
             console.log(error);

package/lib/esm/components/ManagePreferences/sections/PreferencesCaseSearch.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 interface IProps {
 }
-export declare function PreferencesCaseSearch(props: IProps): JSX.Element;
+export declare function PreferencesCaseSearch(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=PreferencesCaseSearch.d.ts.map

package/lib/esm/components/ManagePreferences/sections/PreferencesCaseSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreferencesCaseSearch.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/sections/PreferencesCaseSearch.tsx"],"names":[],"mappings":"AAYA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,eA0GlD"}
+{"version":3,"file":"PreferencesCaseSearch.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/sections/PreferencesCaseSearch.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,UAAU,MAAM;CAAG;AAEnB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,qBA6GlD"}

package/lib/esm/components/ManagePreferences/sections/PreferencesCaseSearch.js

@@ -7,18 +7,20 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Card, CardBody, CardHeader, SelectOption } from '@patternfly/react-core';
+import { Card, CardBody, CardHeader } from '@patternfly/react-core';
+import { SelectOption } from '@patternfly/react-core/deprecated';
 import { ToastNotification } from '@rh-support/components';
-import { UserPreferencesKeys } from '@rh-support/react-context';
+import { GlobalMetadataStateContext, UserPreferencesKeys } from '@rh-support/react-context';
 import find from 'lodash/find';
 import isEmpty from 'lodash/isEmpty';
-import React, { useEffect, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useUserPreferences } from '../../../hooks/useUserPreferences';
 import { PreferenceSelect } from '../components/PreferenceSelect';
 export function PreferencesCaseSearch(props) {
     const { t } = useTranslation();
-    const { getAutoRestoreSavedSearchPreference, updateAutoRestoreSavedSearchPreference, getAutoRestoreLastSearchPreference, updateAutoRestoreLastSearchPreference, hydraUserPreferences, } = useUserPreferences();
+    const { getAutoRestoreSavedSearchPreference, updateAutoRestoreSavedSearchPreference, getAutoRestoreLastSearchPreference, updateAutoRestoreLastSearchPreference, } = useUserPreferences();
+    const { globalMetadataState: { hydraUserPreferences }, } = useContext(GlobalMetadataStateContext);
     const [bookmarkedSearches, setBookmarkedSearches] = useState([]);
     const [originalSavedSearch, setOriginalSavedSearch] = useState('');
     const parseToBoolean = (value) => {

package/lib/esm/components/ManagePreferences/sections/PreferencesCaseView.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 interface IProps {
 }
-export declare function PreferencesCaseView(props: IProps): JSX.Element;
+export declare function PreferencesCaseView(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=PreferencesCaseView.d.ts.map

package/lib/esm/components/ManagePreferences/sections/PreferencesCaseView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreferencesCaseView.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/sections/PreferencesCaseView.tsx"],"names":[],"mappings":"AA6BA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,eAsShD"}
+{"version":3,"file":"PreferencesCaseView.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/sections/PreferencesCaseView.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,UAAU,MAAM;CAAG;AAEnB,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAsShD"}

package/lib/esm/components/ManagePreferences/sections/PreferencesCaseView.js

@@ -8,7 +8,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { accounts } from '@cee-eng/hydrajs';
-import { Card, CardBody, CardHeader, Popover, PopoverPosition, SelectOption, Spinner, TextArea, Tooltip, } from '@patternfly/react-core';
+import { Card, CardBody, CardHeader, Popover, PopoverPosition, Spinner, TextArea, Tooltip, } from '@patternfly/react-core';
+import { SelectOption } from '@patternfly/react-core/deprecated';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { EditorMode, ToastNotification, useFetch } from '@rh-support/components';
 import { fetchLoggedInUsersAccount, GlobalMetadataDispatchContext, GlobalMetadataStateContext, } from '@rh-support/react-context';
@@ -42,7 +43,7 @@ export function PreferencesCaseView(props) {
     const originalAccountPermission = loggedInUserRights.data.isInternal();
     const [originalCaseView, setOriginalCaseView] = useState(+originalAccountPermission);
     const caseViewTypes = [
-        { value: t('Customer view'), description: t('Hide internal information that is unavailable to customers.') },
+        { value: t('Customer view'), description: t('Hide internal information that is unavailable to customers.') }, // [0] ; false
         {
             value: t('Internal view'),
             description: t('View internal information available to Red Hat associates only.'),
@@ -61,8 +62,8 @@ export function PreferencesCaseView(props) {
     }, [localCommentSignature, commentValidated]);
     useEffect(() => {
         function userOriginalHostnameValue() {
-            var _a, _b;
             return __awaiter(this, void 0, void 0, function* () {
+                var _a, _b;
                 try {
                     ((_a = loggedInUsersAccount.data) === null || _a === void 0 ? void 0 : _a.shareHostnameWithRHT) &&
                         setIsSharingHostNames((_b = loggedInUsersAccount.data) === null || _b === void 0 ? void 0 : _b.shareHostnameWithRHT);
@@ -92,7 +93,7 @@ export function PreferencesCaseView(props) {
             const retrievedComment = yield getCommentTypeFromPreference();
             setOriginalCommentType(retrievedComment);
         }
-        catch (_b) {
+        catch (_a) {
             ToastNotification.addWarningMessage(t('Failed to fetch original preference'));
         }
     });
@@ -101,7 +102,7 @@ export function PreferencesCaseView(props) {
             const retrievedSignature = yield getCommentSignature();
             setOriginalCommentSignature(retrievedSignature);
         }
-        catch (_c) {
+        catch (_a) {
             ToastNotification.addWarningMessage(t('Failed to fetch original preference'));
         }
     });
@@ -191,7 +192,7 @@ export function PreferencesCaseView(props) {
         React.createElement(Trans, null, "Default case view"),
         React.createElement(Popover, { "aria-label": "Preferred-default-case-view-popover", position: PopoverPosition.top, bodyContent: React.createElement("p", { className: 'pref-case-popover-text' },
                 React.createElement(Trans, null, "Choose the default view you want to see when looking at a case")), showClose: false },
-            React.createElement(InfoCircleIcon, { "aria-label": "Preferred-default-case-view-info-icon", className: "pf-u-ml-sm" }))));
+            React.createElement(InfoCircleIcon, { "aria-label": "Preferred-default-case-view-info-icon", className: "pf-v5-u-ml-sm" }))));
     return (React.createElement(Card, { className: "preference-card" },
         React.createElement(CardHeader, null,
             React.createElement("h3", null,
@@ -205,17 +206,17 @@ export function PreferencesCaseView(props) {
                 React.createElement("div", { className: "form-group" },
                     React.createElement("label", { htmlFor: "comment-signature-textarea" },
                         React.createElement(Trans, null, "Comment signature")),
-                    React.createElement(TextArea, { value: localCommentSignature, onChange: handleCommentSignatureChange, "aria-label": "comment-signature-textarea", placeholder: originalCommentSignature || 'Add a comment signature', id: "comment-signature-textarea", 
+                    React.createElement(TextArea, { value: localCommentSignature, onChange: (_event, value) => handleCommentSignatureChange(value), "aria-label": "comment-signature-textarea", placeholder: originalCommentSignature || 'Add a comment signature', id: "comment-signature-textarea", 
                         // @ts-ignore
-                        validated: commentValidated }),
+                        validated: commentValidated, resizeOrientation: "vertical" }),
                     isCommentSignatureLoading && React.createElement(Spinner, { size: "md" })),
                 canUseHostName && (React.createElement("div", { className: "form-group" },
-                    React.createElement("label", { htmlFor: "share-hostnames-switch" },
+                    React.createElement("label", null,
                         React.createElement(Trans, null, "Case information")),
                     React.createElement("div", null,
                         React.createElement(PreferenceSwitch, { className: "switches hostnameSwitch", id: "share-hostnames-switch", label: 'Share hostnames', isChecked: isSharingHostNames, onSwitchChange: onShareHostNamesSwitch }),
                         React.createElement("div", { className: "prefhostnameTooltip" },
                             React.createElement(Tooltip, { content: prefHostnameCopy, position: "right" },
-                                React.createElement(InfoCircleIcon, { className: "pf-u-ml-sm" })),
-                            isHostnamesLoading && (React.createElement(Spinner, { isSVG: true, size: "lg", className: "pf-u-ml-sm hostnameSpinner", "aria-label": "Hostname loading" }))))))))));
+                                React.createElement(InfoCircleIcon, { className: "pf-v5-u-ml-sm" })),
+                            isHostnamesLoading && (React.createElement(Spinner, { size: "lg", className: "pf-v5-u-ml-sm hostnameSpinner", "aria-label": "Hostname loading" }))))))))));
 }

package/lib/esm/components/ManageTable/ManageTable.d.ts

@@ -20,6 +20,6 @@ interface IProps {
     noResultText?: string;
     perPage?: number;
 }
-export declare function ManageTable(props: IProps): JSX.Element;
+export declare function ManageTable(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=ManageTable.d.ts.map

package/lib/esm/components/ManageTable/ManageTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ManageTable.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageTable/ManageTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGH,YAAY,EAQf,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC1F,OAAO,EAAE,OAAO,EAAE,SAAS,EAAmC,MAAM,wBAAwB,CAAC;AAC7F,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,MAAM;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB,cAAc,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;IAEjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0BAA0B,CAAC,EAAE,OAAO,CAAC;IAErC,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,kBAAkB,CAAC,EAAE,mBAAmB,CAAC;IACzC,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAElC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AA0BD,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,eAoDxC"}
+{"version":3,"file":"ManageTable.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageTable/ManageTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGH,YAAY,EAQf,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC1F,OAAO,EAAE,OAAO,EAAE,SAAS,EAA4C,MAAM,wBAAwB,CAAC;AACtG,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,MAAM;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB,cAAc,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;IAEjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0BAA0B,CAAC,EAAE,OAAO,CAAC;IAErC,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,kBAAkB,CAAC,EAAE,mBAAmB,CAAC;IACzC,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAElC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AA+BD,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,qBAoDxC"}

package/lib/esm/components/ManageTable/ManageTable.js

@@ -9,9 +9,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { Alert, AlertActionCloseButton, Bullseye, EmptyState, EmptyStateBody, EmptyStateIcon, EmptyStateVariant, PaginationVariant, Title, } from '@patternfly/react-core';
+import { Alert, AlertActionCloseButton, Bullseye, EmptyState, EmptyStateBody, EmptyStateHeader, EmptyStateIcon, EmptyStateVariant, PaginationVariant, } from '@patternfly/react-core';
 import SearchIcon from '@patternfly/react-icons/dist/js/icons/search-icon';
-import { PFTable, Table, TablePagination } from '@rh-support/components';
+import { PFTable, TableComponent, TablePagination } from '@rh-support/components';
 import React from 'react';
 import { Trans } from 'react-i18next';
 const noResultFoundRow = (noResultString = '') => [
@@ -21,10 +21,9 @@ const noResultFoundRow = (noResultString = '') => [
             {
                 props: { colSpan: 10 },
                 title: (React.createElement(Bullseye, null,
-                    React.createElement(EmptyState, { variant: EmptyStateVariant.small },
-                        React.createElement(EmptyStateIcon, { icon: SearchIcon }),
-                        React.createElement(Title, { headingLevel: "h3", size: "md" },
-                            React.createElement(Trans, null, "No results found")),
+                    React.createElement(EmptyState, { variant: EmptyStateVariant.xs },
+                        React.createElement(EmptyStateHeader, { titleText: React.createElement(React.Fragment, null,
+                                React.createElement(Trans, null, "No results found")), icon: React.createElement(EmptyStateIcon, { icon: SearchIcon }), headingLevel: "h3" }),
                         React.createElement(EmptyStateBody, null, noResultString ? noResultString : React.createElement(Trans, null, "There are no results to display."))))),
             },
         ],
@@ -35,8 +34,8 @@ export function ManageTable(props) {
     const pagination = () => (props.pagination !== undefined ? props.pagination : true);
     return (React.createElement("div", { className: "table-wrapper" },
         isError && (React.createElement(React.Fragment, null,
-            React.createElement(Alert, { variant: errorVariant, isInline: true, title: errorTitle, actionClose: React.createElement(AlertActionCloseButton, null), className: "pf-u-my-sm" }, errorComponent))),
-        React.createElement(Table, Object.assign({}, tableProps),
+            React.createElement(Alert, { variant: errorVariant, isInline: true, title: errorTitle, actionClose: React.createElement(AlertActionCloseButton, null), className: "pf-v5-u-my-sm" }, errorComponent))),
+        React.createElement(TableComponent, Object.assign({}, tableProps),
             React.createElement(PFTable, { sortInfo: sortInfo, "aria-label": ariaLabel, pagination: pagination(), emptyStateRow: noResultFoundRow(props.noResultText), actions: actions, areActionsDisabled: areActionsDisabled, actionResolver: actionResolver, isLoading: isFetching, keepPageNumberOnDataChange: keepPageNumberOnDataChange }),
             tableProps.data.length > 0 && pagination() && (React.createElement("footer", null,
                 React.createElement(TablePagination, { variant: PaginationVariant.bottom, perPage: props.perPage || 10 }))))));

package/lib/esm/components/ManageTags/TagsManagement.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function TagsManagement(): React.JSX.Element;
+//# sourceMappingURL=TagsManagement.d.ts.map

package/lib/esm/components/ManageTags/TagsManagement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagsManagement.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageTags/TagsManagement.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,wBAAgB,cAAc,sBAS7B"}

package/lib/esm/components/ManageTags/TagsManagement.js

@@ -0,0 +1,11 @@
+import { ErrorBoundary } from '@rh-support/components';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { TagManagementContextProvider } from '../../context/TagManagementContextProvider';
+import TagsManager from './TagsManager';
+export function TagsManagement() {
+    const { t } = useTranslation();
+    return (React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading contents') } },
+        React.createElement(TagManagementContextProvider, null,
+            React.createElement(TagsManager, null))));
+}

package/lib/esm/components/ManageTags/TagsManager.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export default function TagsManager(): React.JSX.Element;
+//# sourceMappingURL=TagsManager.d.ts.map

package/lib/esm/components/ManageTags/TagsManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagsManager.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageTags/TagsManager.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAOxE,MAAM,CAAC,OAAO,UAAU,WAAW,sBAuYlC"}