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

package/README.md

@@ -9,3 +9,5 @@ const manage = require('manage');
 
 // TODO: DEMONSTRATE API
 ```
+
+.

package/lib/esm/Manage.d.ts

@@ -1,5 +1,6 @@
 import './scss/index.scss';
 import { IPfeTabs } from '@rh-support/types/pfe/pfe-tabs';
+import React from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 export interface IManageRouteURLParams {
 }
@@ -11,10 +12,8 @@ declare global {
     interface Window {
         sessionjs: any;
         MSInputMethodContext: any;
-        chrometwo_require: (component: string[], callback: (...params: any[]) => any) => any;
         portal: any;
         Raven: any;
-        chrometwo_ready: any;
         seVersionInfo: {
             packageVersion: string;
             hydrajs: string;
@@ -28,6 +27,6 @@ declare global {
         }
     }
 }
-export declare function Manage(props: IProps): JSX.Element;
+export declare function Manage(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=Manage.d.ts.map

package/lib/esm/Manage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Manage.d.ts","sourceRoot":"","sources":["../../src/Manage.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAI3B,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAG1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAKvD,MAAM,WAAW,qBAAqB;CAAG;AACzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;IACvD,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,SAAS,EAAE,GAAG,CAAC;QACf,oBAAoB,EAAE,GAAG,CAAC;QAC1B,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,MAAM,OAAA,KAAK,GAAG,KAAK,GAAG,CAAC;QAC9E,MAAM,EAAE,GAAG,CAAC;QACZ,KAAK,EAAE,GAAG,CAAC;QACX,eAAe,EAAE,GAAG,CAAC;QACrB,aAAa,EAAE;YACX,cAAc,EAAE,MAAM,CAAC;YACvB,OAAO,EAAE,MAAM,CAAC;SACnB,CAAC;KACL;IAED,UAAU,QAAQ;QACd,YAAY,EAAE,GAAG,CAAC;KACrB;IAED,UAAU,GAAG,CAAC;QACV,UAAU,iBAAkB,SAAQ,QAAQ;SAAG;KAClD;CACJ;AASD,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,eAUnC"}
+{"version":3,"file":"Manage.d.ts","sourceRoot":"","sources":["../../src/Manage.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAI3B,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAS,mBAAmB,EAAU,MAAM,kBAAkB,CAAC;AAItE,MAAM,WAAW,qBAAqB;CAAG;AACzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;IACvD,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,SAAS,EAAE,GAAG,CAAC;QACf,oBAAoB,EAAE,GAAG,CAAC;QAC1B,MAAM,EAAE,GAAG,CAAC;QACZ,KAAK,EAAE,GAAG,CAAC;QACX,aAAa,EAAE;YACX,cAAc,EAAE,MAAM,CAAC;YACvB,OAAO,EAAE,MAAM,CAAC;SACnB,CAAC;KACL;IAED,UAAU,QAAQ;QACd,YAAY,EAAE,GAAG,CAAC;KACrB;IAED,UAAU,GAAG,CAAC;QACV,UAAU,iBAAkB,SAAQ,QAAQ;SAAG;KAClD;CACJ;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,qBAYnC"}

package/lib/esm/Manage.js

@@ -1,18 +1,12 @@
 import './scss/index.scss';
 import { ConfirmationServiceProvider } from '@rh-support/components';
-import { CustomElements, requireCustomElement } from '@rh-support/utils';
 import React from 'react';
+import { Route, Switch } from 'react-router-dom';
 import { ManageTabs } from './ManageTabs';
-import { Routes } from './Routes';
-requireCustomElement([
-    {
-        element: CustomElements.pfeTabs,
-        requireCb: () => require('@patternfly/pfe-tabs'),
-    },
-]);
 export function Manage(props) {
-    Routes.basePath = props.basePath;
     return (React.createElement("div", { id: "rh-support-manage" },
         React.createElement(ConfirmationServiceProvider, null,
-            React.createElement(ManageTabs, { routeProps: props.routeProps }))));
+            React.createElement(Switch, null,
+                React.createElement(Route, { path: `${props.basePath}/:activeTab?` },
+                    React.createElement(ManageTabs, { routeProps: props.routeProps, basePath: props.basePath }))))));
 }

package/lib/esm/ManageTabs.d.ts

@@ -1,7 +1,9 @@
+import React from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 interface IProps {
     routeProps: RouteComponentProps<{}>;
+    basePath: string;
 }
-export declare function ManageTabs(props: IProps): JSX.Element;
+export declare function ManageTabs(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=ManageTabs.d.ts.map

package/lib/esm/ManageTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ManageTabs.d.ts","sourceRoot":"","sources":["../../src/ManageTabs.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAoBvD,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,EAAE,CAAC,CAAC;CACvC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,eAkKvC"}
+{"version":3,"file":"ManageTabs.d.ts","sourceRoot":"","sources":["../../src/ManageTabs.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAclE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,EAAE,CAAC,CAAC;IACpC,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,qBAqMvC"}

package/lib/esm/ManageTabs.js

@@ -1,38 +1,28 @@
+import { Tab, TabContent, Tabs, TabsComponent, TabTitleText } from '@patternfly/react-core';
 import { ErrorBoundary, useDocumentTitle } from '@rh-support/components';
-import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { ability, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
-import { CustomElements, getConfigField, PCM_CONFIG_FIELD_TYPE, requireCustomElement } from '@rh-support/utils';
 import map from 'lodash/map';
-import React, { useContext } from 'react';
+import React, { useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { useParams } from 'react-router-dom';
 import { ConfigsTable } from './components/Configs/ConfigsTable';
 import { ManageGroupUsers } from './components/Groups/ManageGroupUsers';
 import { ManageGroupedBookmarkedAccountsTab } from './components/ManageBookmarkedAccountsTab';
+import { ExpiredContentManagement } from './components/ManageExpiredContents/ExpiredContentManagement';
 import { ManagePartnerships } from './components/ManagePartnerships/index';
 import { ManagePreferences } from './components/ManagePreferences';
+import { TagsManagement } from './components/ManageTags';
 import { NotificationEmails } from './components/NotificationEmails/index';
 import { TopContentManagement } from './components/TopContentManagement';
 import { PageTitle } from './constants/pageTitle';
-import { ManageTab } from './ManageTab';
 import { Routes } from './Routes';
-requireCustomElement([
-    {
-        element: CustomElements.pfeTabs,
-        requireCb: () => require('@patternfly/pfe-tabs'),
-    },
-]);
 export function ManageTabs(props) {
     var _a, _b;
-    const history = props.routeProps.history;
-    const { groupsRoute, bookmarkedAccountsRoute, topContentRoute, notificationEmailsRoute, preferencesRoute, configsRoute, partnershipsRoute, } = Routes.getPaths();
-    const { globalMetadataState: { pcmConfig }, } = useContext(GlobalMetadataStateContext);
-    const isPartnershipsEnabled = getConfigField(pcmConfig.data, 'isPartnershipEnabled', PCM_CONFIG_FIELD_TYPE.FEATURE_FLAG);
-    // Changes route and saves the current path to the url query params
-    const isOnlyBasePath = history.location.pathname === Routes.basePath;
+    const [activeTabKey, setActiveTabKey] = useState(0);
+    const { activeTab } = useParams();
+    const { t } = useTranslation();
+    const { groupsRoute, bookmarkedAccountsRoute, topContentRoute, notificationEmailsRoute, preferencesRoute, configsRoute, partnershipsRoute, tagsManagerRoute, expiredContentRoute, } = Routes.getPaths();
     useDocumentTitle(PageTitle.MANAGE);
-    const changeRouteThunk = (route) => {
-        // add last selected manage tab to session storage
-        history.push(route);
-    };
     const canViewManageTab = ability.can(resourceActions.READ, resources.MANAGE);
     const canViewManageTopContent = ability.can(resourceActions.READ, resources.TOP_CONTENT) && canViewManageTab;
     const canViewCaseGroups = ability.can(resourceActions.READ, resources.CASE_GROUPS) && canViewManageTab;
@@ -48,10 +38,8 @@ export function ManageTabs(props) {
             key: 'bookmarked-accounts-tab',
             'data-tracking-id': 'manage-bookmarks-tab',
             routePath: bookmarkedAccountsRoute,
-            onClick: () => {
-                changeRouteThunk(bookmarkedAccountsRoute);
-            },
             component: React.createElement(ManageGroupedBookmarkedAccountsTab, { canManageBookmarkAccounts: canManageBookmarkAccounts }),
+            id: 'manage-bookmarked-accounts',
         });
     canViewCaseGroups &&
         tabsToRender.push({
@@ -59,10 +47,8 @@ export function ManageTabs(props) {
             key: 'groups-tab',
             routePath: groupsRoute,
             'data-tracking-id': 'manage-groups-tab',
-            onClick: () => {
-                changeRouteThunk(groupsRoute);
-            },
             component: React.createElement(ManageGroupUsers, null),
+            id: 'manage-groups',
         });
     canViewEmailNotificationTab &&
         canAddCustomNotification &&
@@ -71,32 +57,25 @@ export function ManageTabs(props) {
             key: 'notification-emails-tab',
             'data-tracking-id': 'notification-emails-tab',
             routePath: notificationEmailsRoute,
-            onClick: () => {
-                changeRouteThunk(notificationEmailsRoute);
-            },
             component: React.createElement(NotificationEmails, null),
+            id: 'notification-emails',
         });
     canViewPartnershipsTab &&
-        isPartnershipsEnabled &&
         tabsToRender.push({
             title: 'Partnerships',
             key: 'partnerships-tab',
             'data-tracking-id': 'partnerships-tab',
             routePath: partnershipsRoute,
-            onClick: () => {
-                changeRouteThunk(partnershipsRoute);
-            },
             component: React.createElement(ManagePartnerships, null),
+            id: 'partnerships',
         });
     tabsToRender.push({
         title: 'Preferences',
         key: 'preferences-tab',
         'data-tracking-id': 'preferences-tab',
         routePath: preferencesRoute,
-        onClick: () => {
-            changeRouteThunk(preferencesRoute);
-        },
         component: React.createElement(ManagePreferences, null),
+        id: 'preferences-body',
     });
     canViewManageTopContent &&
         tabsToRender.push({
@@ -104,10 +83,26 @@ export function ManageTabs(props) {
             key: 'top-content-tab',
             'data-tracking-id': 'manage-top-content-tab',
             routePath: topContentRoute,
-            onClick: () => {
-                changeRouteThunk(topContentRoute);
-            },
             component: React.createElement(TopContentManagement, null),
+            id: 'manage-top-content',
+        });
+    canViewManageTopContent &&
+        tabsToRender.push({
+            title: 'Expired Content',
+            key: 'expired-content-tab',
+            'data-tracking-id': 'manage-expired-content-tab',
+            routePath: expiredContentRoute,
+            id: 'manage-expired-content',
+            component: React.createElement(ExpiredContentManagement, null),
+        });
+    canViewManageTopContent &&
+        tabsToRender.push({
+            title: 'Tags Manager',
+            key: 'tags-manager-tab',
+            'data-tracking-id': 'tags-manager-tab',
+            routePath: tagsManagerRoute,
+            id: 'tags-manager',
+            component: React.createElement(TagsManagement, null),
         });
     canViewConfigsTab &&
         tabsToRender.push({
@@ -115,27 +110,35 @@ export function ManageTabs(props) {
             key: 'pcm-internal-configs-tab',
             'data-tracking-id': 'pcm-config-admin-tab',
             routePath: configsRoute,
-            onClick: () => {
-                changeRouteThunk(configsRoute);
-            },
             component: React.createElement(ConfigsTable, null),
+            id: 'internal-config',
         });
+    const getActiveTabKey = () => {
+        if (!activeTab)
+            return activeTabKey;
+        const tabIndex = tabsToRender.findIndex((item) => item.routePath === activeTab);
+        return tabIndex > -1 ? tabIndex : activeTabKey;
+    };
+    // Toggle currently active tab
+    const handleTabClick = (event, tabIndex) => {
+        setActiveTabKey(tabIndex);
+    };
     /**
      * Render without tabs if there is only one element
      */
     if (tabsToRender.length === 1)
         return (React.createElement("div", { className: "grid-main manage" },
             React.createElement(ErrorBoundary, { isPageLevelError: true }, (_b = (_a = tabsToRender[0]) === null || _a === void 0 ? void 0 : _a.component) !== null && _b !== void 0 ? _b : React.createElement(React.Fragment, null))));
-    // To get selected index
-    const getSelectedIndex = () => {
-        if (isOnlyBasePath)
-            return 0;
-        const tabIndex = tabsToRender.findIndex((tab) => tab.routePath === history.location.pathname.substring(0, tab.routePath.length));
-        return tabIndex > -1 ? tabIndex : 0;
-    };
     /**
      * Render array with tabs
      */
-    return (React.createElement("div", { className: "grid-main manage" },
-        React.createElement("pfe-tabs", { "pfe-variant": "earth", "selected-index": getSelectedIndex(), vertical: true }, map(tabsToRender, (tab, index) => (React.createElement(ManageTab, { tab: tab, key: tab.key, loadComponent: index === getSelectedIndex() }))))));
+    return (React.createElement("div", { className: "grid-main manage", role: "region", style: { display: 'flex' } },
+        React.createElement(Tabs, { activeKey: getActiveTabKey(), onSelect: handleTabClick, "aria-label": t('Manage tabs'), component: TabsComponent.nav, isVertical: true, style: { width: 'auto' } }, map(tabsToRender, (tab, index) => (React.createElement(Tab, { eventKey: index, tabContentRef: tab.ref, tabContentId: `pf-tab-${index}-${tab.title.split(' ')[0]}-tabpanel`, title: React.createElement(TabTitleText, null,
+                React.createElement(Trans, null, tab.title)), "data-tracking-id": tab['data-tracking-id'], key: tab.title, href: `#${props.basePath}/${tab.routePath}`, "aria-controls": tab.id })))),
+        map(tabsToRender, (tab, index) => {
+            return index === getActiveTabKey() ? (React.createElement(TabContent, { activeKey: getActiveTabKey(), id: tab.id, "aria-label": tab.title },
+                React.createElement(ErrorBoundary, { errorMsgInfo: {
+                        message: t('There was an error loading manage tab. Please try refreshing the page.'),
+                    }, isPageLevelError: true }, tab.component))) : (React.createElement(React.Fragment, null));
+        })));
 }

package/lib/esm/Routes.d.ts

@@ -13,6 +13,8 @@ interface ManageRoutes {
     groups: Route;
     savedSearches: Route;
     topContent: Route;
+    expiredContent: Route;
+    tagsManager: Route;
     preferences: Route;
     notificationEmails: Route;
     configs: Route;

package/lib/esm/Routes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Routes.d.ts","sourceRoot":"","sources":["../../src/Routes.ts"],"names":[],"mappings":"AAAA,UAAU,KAAK;IACX,QAAQ,CAAC,OAAO,EAAE,MAAM,MAAM,CAAC;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACzB;AAED,UAAU,YAAY;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,KAAK,CAAC;IAC1B,eAAe,EAAE,KAAK,CAAC;IACvB,QAAQ,EAAE,MAAM;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC1C,aAAa,EAAE,MAAM,MAAM,EAAE,CAAC;IAC9B,MAAM,EAAE,KAAK,CAAC;IACd,aAAa,EAAE,KAAK,CAAC;IACrB,UAAU,EAAE,KAAK,CAAC;IAClB,WAAW,EAAE,KAAK,CAAC;IACnB,kBAAkB,EAAE,KAAK,CAAC;IAC1B,OAAO,EAAE,KAAK,CAAC;IACf,YAAY,EAAE,KAAK,CAAC;CACvB;AAED,eAAO,MAAM,MAAM,EAAE,YAyEpB,CAAC"}
+{"version":3,"file":"Routes.d.ts","sourceRoot":"","sources":["../../src/Routes.ts"],"names":[],"mappings":"AAAA,UAAU,KAAK;IACX,QAAQ,CAAC,OAAO,EAAE,MAAM,MAAM,CAAC;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACzB;AAED,UAAU,YAAY;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,KAAK,CAAC;IAC1B,eAAe,EAAE,KAAK,CAAC;IACvB,QAAQ,EAAE,MAAM;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC1C,aAAa,EAAE,MAAM,MAAM,EAAE,CAAC;IAC9B,MAAM,EAAE,KAAK,CAAC;IACd,aAAa,EAAE,KAAK,CAAC;IACrB,UAAU,EAAE,KAAK,CAAC;IAClB,cAAc,EAAE,KAAK,CAAC;IACtB,WAAW,EAAE,KAAK,CAAC;IACnB,WAAW,EAAE,KAAK,CAAC;IACnB,kBAAkB,EAAE,KAAK,CAAC;IAC1B,OAAO,EAAE,KAAK,CAAC;IACf,YAAY,EAAE,KAAK,CAAC;CACvB;AAED,eAAO,MAAM,MAAM,EAAE,YAqFpB,CAAC"}

package/lib/esm/Routes.js

@@ -1,55 +1,67 @@
 export const Routes = {
     basePath: '',
     groups: {
-        path: '/groups',
+        path: 'groups',
         getPath() {
             return getPath(this);
         },
     },
     bookmarkedAccounts: {
-        path: '/bookmarks',
+        path: 'bookmarks',
         getPath() {
             return getPath(this);
         },
     },
     fileDiagnostics: {
-        path: '/file-diagnostics',
+        path: 'file-diagnostics',
         getPath() {
             return getPath(this);
         },
     },
     savedSearches: {
-        path: '/saved-searches',
+        path: 'saved-searches',
         getPath() {
             return getPath(this);
         },
     },
     topContent: {
-        path: '/top-content',
+        path: 'top-content',
+        getPath() {
+            return getPath(this);
+        },
+    },
+    expiredContent: {
+        path: 'expired-content',
+        getPath() {
+            return getPath(this);
+        },
+    },
+    tagsManager: {
+        path: 'tags-manager',
         getPath() {
             return getPath(this);
         },
     },
     preferences: {
-        path: '/preferences',
+        path: 'preferences',
         getPath() {
             return getPath(this);
         },
     },
     partnerships: {
-        path: '/partnerships',
+        path: 'partnerships',
         getPath() {
             return getPath(this);
         },
     },
     notificationEmails: {
-        path: '/notification-emails',
+        path: 'notification-emails',
         getPath() {
             return getPath(this);
         },
     },
     configs: {
-        path: '/configs',
+        path: 'configs',
         getPath() {
             return getPath(this);
         },

package/lib/esm/components/Configs/ConfigInLineEdit.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 interface IProps {
     id: number;
     onSave: (fieldName: string, fieldValue: string, id: number) => void;
@@ -5,6 +6,6 @@ interface IProps {
     fieldName: string;
     fieldValue: string;
 }
-export declare function ConfigInLineEdit(props: IProps): JSX.Element;
+export declare function ConfigInLineEdit(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=ConfigInLineEdit.d.ts.map

package/lib/esm/components/Configs/ConfigInLineEdit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigInLineEdit.d.ts","sourceRoot":"","sources":["../../../../src/components/Configs/ConfigInLineEdit.tsx"],"names":[],"mappings":"AAKA,UAAU,MAAM;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpE,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,eAoD7C"}
+{"version":3,"file":"ConfigInLineEdit.d.ts","sourceRoot":"","sources":["../../../../src/components/Configs/ConfigInLineEdit.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,UAAU,MAAM;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpE,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAoD7C"}

package/lib/esm/components/Configs/ConfigSwitch.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 interface IProps {
     id: number;
     onChange: (fieldName: string, fieldValue: string, id: number) => void;
@@ -5,6 +6,6 @@ interface IProps {
     isUpdating: boolean;
     fieldName: string;
 }
-export declare function ConfigSwitch(props: IProps): JSX.Element;
+export declare function ConfigSwitch(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=ConfigSwitch.d.ts.map

package/lib/esm/components/Configs/ConfigSwitch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/Configs/ConfigSwitch.tsx"],"names":[],"mappings":"AAIA,UAAU,MAAM;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,eAiBzC"}
+{"version":3,"file":"ConfigSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/Configs/ConfigSwitch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,MAAM;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBAiBzC"}

package/lib/esm/components/Configs/ConfigSwitch.js

@@ -15,6 +15,6 @@ export function ConfigSwitch(props) {
         props.onChange(props.fieldName, isChecked ? '1' : '0', props.id);
     });
     return (React.createElement(React.Fragment, null,
-        React.createElement(Switch, { id: `${props.id}`, isChecked: props.isChecked, onChange: onSwitchChange, isDisabled: props.isUpdating, "aria-label": props.fieldName }),
+        React.createElement(Switch, { id: `${props.id}`, isChecked: props.isChecked, onChange: (_event, isChecked) => onSwitchChange(isChecked), isDisabled: props.isUpdating, "aria-label": props.fieldName }),
         props.isUpdating && React.createElement(LoadingIndicator, { isInline: true })));
 }

package/lib/esm/components/Configs/ConfigsTable.d.ts

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

package/lib/esm/components/Configs/ConfigsTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigsTable.d.ts","sourceRoot":"","sources":["../../../../src/components/Configs/ConfigsTable.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,YAAY,mBA2JxB,CAAC"}
+{"version":3,"file":"ConfigsTable.d.ts","sourceRoot":"","sources":["../../../../src/components/Configs/ConfigsTable.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,eAAO,MAAM,YAAY,yBA4JxB,CAAC"}

package/lib/esm/components/Configs/ConfigsTable.js

@@ -26,7 +26,7 @@ export const ConfigsTable = () => {
     const { request: updateConfig, isFetching: isUpdating } = useFetch(maintenance.updateHydraConfiguration, {
         propgateErrors: true,
     });
-    const configType = "pcm_configurations" /* pcm_configurations */;
+    const configType = "pcm_configurations" /* ConfigurationTypes.pcm_configurations */;
     const onSearchChange = (str) => {
         setKeepPageNumberOnDataChange(false);
         setSearchString(str);
@@ -67,6 +67,7 @@ export const ConfigsTable = () => {
             },
         },
         {
+            // @ts-ignore
             cell: (data) => () => {
                 const value = data.fieldValue;
                 const name = data.fieldName;
@@ -111,7 +112,7 @@ export const ConfigsTable = () => {
             setFilteredValues(configValues);
         }
     }, [searchString, configValues]);
-    return (React.createElement("section", { id: "notification-emails" },
+    return (React.createElement(React.Fragment, null,
         React.createElement("header", null,
             React.createElement("h2", null, "Internal app configs"),
             "Edit app configs that used as flags or other settings here."),
@@ -119,7 +120,7 @@ export const ConfigsTable = () => {
             React.createElement("div", { className: "toolbar-right" },
                 React.createElement("label", { htmlFor: "search-config-filelds" },
                     React.createElement(Trans, null, "Filter by")),
-                React.createElement(SearchInput, { className: "pf-u-flex-grow-1 pf-c-search-input pf-u-background-color-100", id: "search-config-filelds", placeholder: "Search for an existing config name", value: searchString, onChange: onSearchChange, onClear: () => onSearchChange(''), "aria-label": "Search for an existing config name" }))),
+                React.createElement(SearchInput, { className: "pf-v5-u-flex-grow-1 pf-v5-c-search-input pf-v5-u-background-color-100", id: "search-config-filelds", placeholder: "Search for an existing config name", value: searchString, onChange: (_, value) => onSearchChange(value), onClear: () => onSearchChange(''), "aria-label": "Search for an existing config name" }))),
         React.createElement(ErrorBoundary, { errorMsgInfo: { message: 'There was an error loading config page' } },
             React.createElement(ManageTable, { sortInfo: { column: 'created-date', direction: 'desc' }, ariaLabel: 'Table to manage pcm config', columns: columns, data: filteredValues, isFetching: isFetching, isError: false, errorTitle: 'Config table error', errorComponent: React.createElement(Trans, null, "Could not get configs"), keepPageNumberOnDataChange: keepPageNumberOnDataChange }))));
 };

package/lib/esm/components/Groups/DefualtGroupSwitch/DefaultGroupSwitch.d.ts

@@ -1,10 +1,11 @@
 import { ICaseGroup, IGroupUser } from '@cee-eng/hydrajs/@types/api/public/caseGroups';
+import React from 'react';
 interface IProps {
     group: ICaseGroup;
     user: IGroupUser;
     id: string;
     onToggle: (user: IGroupUser, isChecked: boolean) => void;
 }
-export declare const DefaultGroupSwitch: (props: IProps) => JSX.Element;
+export declare const DefaultGroupSwitch: (props: IProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=DefaultGroupSwitch.d.ts.map

package/lib/esm/components/Groups/DefualtGroupSwitch/DefaultGroupSwitch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultGroupSwitch.d.ts","sourceRoot":"","sources":["../../../../../src/components/Groups/DefualtGroupSwitch/DefaultGroupSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAMvF,UAAU,MAAM;IACZ,KAAK,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,UAAU,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5D;AAED,eAAO,MAAM,kBAAkB,UAAW,MAAM,gBA4C/C,CAAC"}
+{"version":3,"file":"DefaultGroupSwitch.d.ts","sourceRoot":"","sources":["../../../../../src/components/Groups/DefualtGroupSwitch/DefaultGroupSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAIvF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,MAAM;IACZ,KAAK,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,UAAU,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5D;AAED,eAAO,MAAM,kBAAkB,UAAW,MAAM,sBA6C/C,CAAC"}

package/lib/esm/components/Groups/DefualtGroupSwitch/DefaultGroupSwitch.js

@@ -16,6 +16,7 @@ import { useTranslation } from 'react-i18next';
 export const DefaultGroupSwitch = (props) => {
     const { globalMetadataState: { loggedInUsersAccount }, } = useGlobalStateContext();
     const { group, id, user, onToggle } = props;
+    // @ts-ignore
     const { t } = useTranslation();
     const toggleDefaultGroupFetch = useFetch(publicApi.caseGroups.toggleDefaultGroup, {
         propgateErrors: true,
@@ -33,6 +34,6 @@ export const DefaultGroupSwitch = (props) => {
         }
     });
     return (React.createElement(React.Fragment, null,
-        React.createElement(Switch, { "aria-label": "Toggle default group", "data-tracking-id": `group-user-toggle-default-${user.isDefault ? 'off' : 'on'}`, label: t('On'), labelOff: t('Off'), id: id, isDisabled: user.access === false || user.write === false || toggleDefaultGroupFetch.isFetching, isChecked: user.isDefault, onChange: toggleDefault }),
+        React.createElement(Switch, { "aria-label": "Toggle default group", "data-tracking-id": `group-user-toggle-default-${user.isDefault ? 'off' : 'on'}`, label: t('On'), labelOff: t('Off'), id: id, isDisabled: user.access === false || user.write === false || toggleDefaultGroupFetch.isFetching, isChecked: user.isDefault, onChange: (_event, isChecked) => toggleDefault(isChecked) }),
         React.createElement(LoadingIndicator, { show: toggleDefaultGroupFetch.isFetching, size: "xs" })));
 };

package/lib/esm/components/Groups/GroupSelect/GroupSelect.d.ts

@@ -1,8 +1,9 @@
 import { ICaseGroup } from '@cee-eng/hydrajs/@types/api/public/caseGroups';
+import React from 'react';
 interface IProps {
     isDisabled?: boolean;
     onSelect: (group: ICaseGroup | null) => void;
 }
-export declare const GroupSelect: (props: IProps) => JSX.Element;
+export declare const GroupSelect: (props: IProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=GroupSelect.d.ts.map

package/lib/esm/components/Groups/GroupSelect/GroupSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/Groups/GroupSelect/GroupSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AA0B3E,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;CAChD;AAKD,eAAO,MAAM,WAAW,UAAW,MAAM,gBAmbxC,CAAC"}
+{"version":3,"file":"GroupSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/Groups/GroupSelect/GroupSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AA4B3E,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;CAChD;AAKD,eAAO,MAAM,WAAW,UAAW,MAAM,sBAycxC,CAAC"}

package/lib/esm/components/Groups/GroupSelect/GroupSelect.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { publicApi } from '@cee-eng/hydrajs';
-import { Dropdown, DropdownItem, DropdownToggle, Select, SelectOption, SelectVariant } from '@patternfly/react-core';
+import { Dropdown, DropdownItem, DropdownToggle, Select, SelectOption, SelectVariant, } from '@patternfly/react-core/deprecated';
 import CogIcon from '@patternfly/react-icons/dist/js/icons/cog-icon';
 import { AlertMessage, AlertType, ToastNotification, useConfirmation, useFetch, usePrevious, } from '@rh-support/components';
 import { fetchCaseGroupsForSSO, setCaseGroups, useGlobalDispatchContext, useGlobalStateContext, } from '@rh-support/react-context';
@@ -36,13 +36,18 @@ export const GroupSelect = (props) => {
     const confirmation = useConfirmation();
     // Fetch groups on init
     useEffect(() => {
-        var _a;
+        var _a, _b;
         if (haventLoadedMetadata(caseGroups, (data) => data === undefined))
             fetchCaseGroupsForSSO(dispatch, loggedInUserJwtToken.username);
         if (isEmpty(selectedGroup) && !isEmpty(caseGroups) && ((_a = caseGroups === null || caseGroups === void 0 ? void 0 : caseGroups.data) === null || _a === void 0 ? void 0 : _a.length) > 0) {
             const defaultCaseGroup = find(caseGroups === null || caseGroups === void 0 ? void 0 : caseGroups.data, (g) => g.isDefault);
-            const initialCaseGroup = caseGroups.data[0].groupNum !== '-1' ? caseGroups.data[0].name : null;
-            setSelectedGroup((defaultCaseGroup === null || defaultCaseGroup === void 0 ? void 0 : defaultCaseGroup.name) || initialCaseGroup);
+            const newSelectedGroup = (defaultCaseGroup === null || defaultCaseGroup === void 0 ? void 0 : defaultCaseGroup.groupNum) === '-1'
+                ? null
+                : (defaultCaseGroup === null || defaultCaseGroup === void 0 ? void 0 : defaultCaseGroup.name) ||
+                    (((_b = caseGroups.data[0]) === null || _b === void 0 ? void 0 : _b.groupNum) !== '-1' ? caseGroups.data[0].name : null);
+            if (newSelectedGroup !== selectedGroup) {
+                setSelectedGroup(newSelectedGroup);
+            }
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [dispatch, loggedInUserJwtToken, caseGroups]);
@@ -307,19 +312,26 @@ export const GroupSelect = (props) => {
             }
         };
     }, [manageActionsRef, showInput]);
+    //added for validation of new group name
+    const containsOnlySpecialChars = (str) => {
+        return /^[^a-zA-Z0-9]*$/.test(str);
+    };
     return (React.createElement("div", { ref: manageActionsRef, className: "toolbar-left" },
         showErrorMessage && (React.createElement(AlertMessage, { variant: AlertType.DANGER, title: t('Could not create group'), show: true })),
         !showErrorMessage && !showInput && (React.createElement(React.Fragment, null,
             React.createElement("label", null,
                 React.createElement(Trans, null, "Group")),
-            React.createElement(Select, { variant: SelectVariant.typeahead, isDisabled: caseGroups.isFetching || caseGroups.isError || props.isDisabled || disableOnFetch, "aria-label": "Select a group to view accounts", onToggle: toggleIsOpen, onSelect: onSelect, onClear: onClear, noResultsFoundText: t('No results found'), selections: selectedGroup, isOpen: isOpen, "aria-labelledby": selectAGroupText, placeholderText: selectAGroupText, "data-tracking-id": "group-list-selector" }, (caseGroups.data || [])
+            React.createElement(Select, { variant: SelectVariant.typeahead, isDisabled: caseGroups.isFetching || caseGroups.isError || props.isDisabled || disableOnFetch, "aria-label": "Select a group to view accounts", onToggle: (_event, isExpanded) => toggleIsOpen(isExpanded), onSelect: onSelect, onClear: onClear, noResultsFoundText: t('No results found'), selections: selectedGroup, isOpen: isOpen, "aria-labelledby": selectAGroupText, placeholderText: selectAGroupText, "data-tracking-id": "group-list-selector" }, (caseGroups.data || [])
                 .filter((g) => g.groupNum !== unGroupedCaseGroupNumber)
                 .map((data, index) => (React.createElement(SelectOption, { key: index, isSelected: data.name === selectedGroup, value: data.name }, data.name)))))),
         !showErrorMessage && showDropdown && (React.createElement(Dropdown, { className: "group-actions-dropdown group-action", onSelect: closeDropdown, toggle: dropdownToggle, isOpen: isDropdownOpen, "aria-label": t('Group actions dropdown'), isPlain: true, dropdownItems: dropdownItems })),
-        !showErrorMessage && showInput && (React.createElement(React.Fragment, null,
-            React.createElement(Select, { className: "group-select-input pf-u-mr-sm", isDisabled: disableOnFetch, variant: SelectVariant.typeahead, "aria-label": t('Enter group name'), onToggle: onMultiSelect, onSelect: onMultiSelect, onClear: onMultiClear, onFilter: onChange, selections: input, isOpen: false, placeholderText: t('Enter group name') }),
-            React.createElement("button", { ref: submitActionBtn, disabled: disableOnFetch || input.length === 0, className: "btn btn-app btn-link group-action", onClick: onAction, "aria-label": "Group action submit", "data-tracking-id": "group-action-submit" },
-                React.createElement(Trans, null, "Save")),
-            React.createElement("button", { key: "cancel", onClick: onGroupActionCancel, className: "btn btn-app btn-link group-action", disabled: disableOnFetch, "data-tracking-id": "group-action-cancel", "aria-label": "Group action cancel" },
-                React.createElement(Trans, null, "Cancel"))))));
+        !showErrorMessage && showInput && (React.createElement("div", { className: "group-name-select" },
+            React.createElement("div", { className: "group-name-buttons" },
+                React.createElement(Select, { className: "group-select-input pf-v5-u-mr-sm", isDisabled: disableOnFetch, variant: SelectVariant.typeahead, "aria-label": t('Enter group name'), onToggle: onMultiSelect, onSelect: onMultiSelect, onClear: onMultiClear, onFilter: onChange, selections: input, isOpen: false, placeholderText: t('Enter group name') }),
+                React.createElement("button", { ref: submitActionBtn, disabled: disableOnFetch || input.length === 0 || containsOnlySpecialChars(input), className: "btn btn-app btn-link group-action", onClick: onAction, "aria-label": "Group action submit", "data-tracking-id": "group-action-submit", type: "button" },
+                    React.createElement(Trans, null, "Save")),
+                React.createElement("button", { key: "cancel", onClick: onGroupActionCancel, className: "btn btn-app btn-link group-action", disabled: disableOnFetch, "data-tracking-id": "group-action-cancel", "aria-label": "Group action cancel", type: "button" },
+                    React.createElement(Trans, null, "Cancel"))),
+            input && containsOnlySpecialChars(input) && (React.createElement("p", { className: "form-instructions form-invalid" },
+                React.createElement(Trans, null, "Group name cannot contain only special characters. Please use letters, numbers and spaces.")))))));
 };

package/lib/esm/components/Groups/GroupUserPermissionsSelect/GroupUserPermissionsSelect.d.ts

@@ -1,5 +1,6 @@
 import { ICaseGroup, IGroupUser } from '@cee-eng/hydrajs/@types/api/public/caseGroups';
 import { IAccount } from '@cee-eng/hydrajs/@types/models/account';
+import React from 'react';
 interface IProps {
     account: Partial<IAccount>;
     group: ICaseGroup;
@@ -8,6 +9,6 @@ interface IProps {
     onChange: (newUser: IGroupUser) => void;
     onError: <T extends Error>(error: T, user: IGroupUser) => void;
 }
-export declare const GroupUserPermissionsSelect: (props: IProps) => JSX.Element;
+export declare const GroupUserPermissionsSelect: (props: IProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=GroupUserPermissionsSelect.d.ts.map

package/lib/esm/components/Groups/GroupUserPermissionsSelect/GroupUserPermissionsSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupUserPermissionsSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/Groups/GroupUserPermissionsSelect/GroupUserPermissionsSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AACvF,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAQlE,UAAU,MAAM;IACZ,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC3B,KAAK,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,OAAO,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,CAAC,CAAC,SAAS,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;CAClE;AAID,eAAO,MAAM,0BAA0B,UAAW,MAAM,gBAoFvD,CAAC"}
+{"version":3,"file":"GroupUserPermissionsSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/Groups/GroupUserPermissionsSelect/GroupUserPermissionsSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AACvF,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAGlE,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,UAAU,MAAM;IACZ,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC3B,KAAK,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,OAAO,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,CAAC,CAAC,SAAS,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;CAClE;AAID,eAAO,MAAM,0BAA0B,UAAW,MAAM,sBAoFvD,CAAC"}

package/lib/esm/components/Groups/GroupUserPermissionsSelect/GroupUserPermissionsSelect.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { publicApi } from '@cee-eng/hydrajs';
-import { Select, SelectOption } from '@patternfly/react-core';
+import { Select, SelectOption } from '@patternfly/react-core/deprecated';
 import { LoadingIndicator, ToastNotification, useFetch } from '@rh-support/components';
 import React, { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';

package/lib/esm/components/Groups/ManageGroupUsers/ManageGroupUsers.d.ts

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