@rh-support/manage 0.2.7 → 0.2.11

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

@@ -13,6 +13,7 @@ interface IProps {
     errorVariant?: AlertVariant;
     isError: boolean;
     pagination?: boolean;
+    keepPageNumberOnDataChange?: boolean;
     actions?: IActions;
     areActionsDisabled?: IAreActionsDisabled;
     actionResolver?: IActionsResolver;

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;IAErB,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,kBAAkB,CAAC,EAAE,mBAAmB,CAAC;IACzC,cAAc,CAAC,EAAE,gBAAgB,CAAC;CACrC;AA0BD,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,eA0CxC"}
+{"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;CACrC;AA0BD,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,eA4CxC"}

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

@@ -32,12 +32,12 @@ const noResultFoundRow = [
     },
 ];
 export function ManageTable(props) {
-    const { ariaLabel, errorComponent, errorTitle, errorVariant, isError, isFetching, sortInfo, actions, areActionsDisabled, actionResolver } = props, tableProps = __rest(props, ["ariaLabel", "errorComponent", "errorTitle", "errorVariant", "isError", "isFetching", "sortInfo", "actions", "areActionsDisabled", "actionResolver"]);
+    const { ariaLabel, errorComponent, errorTitle, errorVariant, isError, isFetching, sortInfo, actions, keepPageNumberOnDataChange, areActionsDisabled, actionResolver } = props, tableProps = __rest(props, ["ariaLabel", "errorComponent", "errorTitle", "errorVariant", "isError", "isFetching", "sortInfo", "actions", "keepPageNumberOnDataChange", "areActionsDisabled", "actionResolver"]);
     return (React.createElement("div", { className: "table-wrapper" },
         isError && (React.createElement(React.Fragment, null,
             React.createElement(Alert, { variant: errorVariant, title: errorTitle, actionClose: React.createElement(AlertActionCloseButton, null) }, errorComponent))),
         React.createElement(Table, Object.assign({}, tableProps),
-            React.createElement(PFTable, { sortInfo: sortInfo, "aria-label": ariaLabel, pagination: true, emptyStateRow: noResultFoundRow, actions: actions, areActionsDisabled: areActionsDisabled, actionResolver: actionResolver, isLoading: isFetching }),
+            React.createElement(PFTable, { sortInfo: sortInfo, "aria-label": ariaLabel, pagination: true, emptyStateRow: noResultFoundRow, actions: actions, areActionsDisabled: areActionsDisabled, actionResolver: actionResolver, isLoading: isFetching, keepPageNumberOnDataChange: keepPageNumberOnDataChange }),
             tableProps.data.length > 0 && (React.createElement("footer", null,
                 React.createElement(TablePagination, { variant: PaginationVariant.bottom }))))));
 }

package/lib/esm/components/NotificationEmails/NotificationEmailsModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationEmailsModal.d.ts","sourceRoot":"","sources":["../../../../src/components/NotificationEmails/NotificationEmailsModal.tsx"],"names":[],"mappings":"AAiBA,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzE,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,yBAAyB,EAAE,GAAG,CAAC;IAC/B,aAAa,EAAE,MAAM,CAAC;IACtB,yBAAyB,EAAE,OAAO,CAAC;IACnC,UAAU,EAAE,MAAM,EAAE,CAAC;CACxB;AAED,eAAO,MAAM,uBAAuB,UAAW,MAAM,gBA0LpD,CAAC"}
+{"version":3,"file":"NotificationEmailsModal.d.ts","sourceRoot":"","sources":["../../../../src/components/NotificationEmails/NotificationEmailsModal.tsx"],"names":[],"mappings":"AAiBA,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzE,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,yBAAyB,EAAE,GAAG,CAAC;IAC/B,aAAa,EAAE,MAAM,CAAC;IACtB,yBAAyB,EAAE,OAAO,CAAC;IACnC,UAAU,EAAE,MAAM,EAAE,CAAC;CACxB;AAED,eAAO,MAAM,uBAAuB,UAAW,MAAM,gBA2LpD,CAAC"}

package/lib/esm/components/NotificationEmails/NotificationEmailsModal.js

@@ -103,7 +103,7 @@ export const NotificationEmailsModal = (props) => {
         React.createElement(Form, null,
             React.createElement(FormGroup, { label: t('Email address'), isRequired: true, fieldId: "email-notification-first-emailaddress", validated: isValidEmail && !isEmailDuplicate ? ValidatedOptions.default : ValidatedOptions.error, helperTextInvalid: !isValidEmail ? t('Invalid email') : isEmailDuplicate ? t('Duplicate Email') : '', className: "pf-u-mb-md" },
                 React.createElement(TextInput, { value: email, className: `form-control${!isValidEmail && isEmailDuplicate ? ' form-invalid' : ''}`, isRequired: true, type: "text", onChange: onEmailChange, "aria-label": t('Email address'), placeholder: t('Email address'), maxLength: 254, validated: isValidEmail && !isEmailDuplicate ? ValidatedOptions.default : ValidatedOptions.error, isDisabled: !props.isAddingNotificationEmail })),
-            React.createElement(FormGroup, { label: t('First name'), isRequired: true, fieldId: "email-notification-first-name", validated: isValidFirstName ? ValidatedOptions.default : ValidatedOptions.error },
+            React.createElement(FormGroup, { label: t('First name'), isRequired: true, fieldId: "email-notification-first-name", validated: isValidFirstName ? ValidatedOptions.default : ValidatedOptions.error, helperTextInvalid: t('First name cannot be empty') },
                 React.createElement(TextInput, { value: firstName, className: "form-control", isRequired: true, type: "text", onChange: onFirstNameChange, "aria-label": t('First Name'), placeholder: t('First Name'), maxLength: 254, validated: isValidFirstName ? ValidatedOptions.default : ValidatedOptions.error })),
             React.createElement(FormGroup, { label: t('Last name'), fieldId: "email-notification-last-name" },
                 React.createElement(TextInput, { value: lastName, className: "form-control", type: "text", onChange: onLastNameChange, "aria-label": t('Last Name'), placeholder: t('Last Name'), maxLength: 254 })))));

package/lib/esm/components/NotificationEmails/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NotificationEmails/index.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,kBAAkB,gBAwNjC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NotificationEmails/index.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,kBAAkB,gBAmOjC"}

package/lib/esm/components/NotificationEmails/index.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { customEmail } from '@cee-eng/hydrajs';
-import { AlertVariant, Button, ButtonVariant } from '@patternfly/react-core';
+import { AlertVariant, Button, ButtonVariant, SearchInput } from '@patternfly/react-core';
 import { Input, ToastNotification, useConfirmation } from '@rh-support/components';
 import { fetchAccountCustomEmails, setAccountCustomEmails, useGlobalDispatchContext, useGlobalStateContext, } from '@rh-support/react-context';
 import isEmpty from 'lodash/isEmpty';
@@ -32,15 +32,20 @@ export function NotificationEmails() {
     });
     const [emailToAdd, setEmailToAdd] = useState('');
     const [isAddButtonDisabled, setIsAddButtonDisabled] = useState(true);
+    const [keepPageNumberOnDataChange, setKeepPageNumberOnDataChange] = useState(undefined);
     useEffect(() => {
         fetchAccountCustomEmails(dispatch, loggedInUserJwtToken.account_number);
     }, [dispatch, loggedInUserJwtToken]);
-    const onSearchChange = (str) => setSearchString(str);
+    const onSearchChange = (str) => {
+        setSearchString(str);
+        setKeepPageNumberOnDataChange(false);
+    };
     const editEmail = (notificationEmail) => {
         setSelectedEmailNotification(notificationEmail);
         setIsEditModalOpen(true);
     };
     const onModalClose = () => {
+        setIsAddingNotificationEmail(false);
         setIsEditModalOpen(false);
         setSelectedEmailNotification({ firstName: '', lastName: '', email: '' });
     };
@@ -63,6 +68,7 @@ export function NotificationEmails() {
                     React.createElement(Trans, null, "Are you sure you want to remove this notification email?"))),
             });
             yield customEmail.deleteCustomEmailFromAccount(loggedInUserJwtToken.account_number, email);
+            setKeepPageNumberOnDataChange(true);
             const newAccountCustomEmails = accountCustomEmails.data.filter((a) => a.emailAddress !== email);
             setAccountCustomEmails(dispatch, newAccountCustomEmails);
             ToastNotification.addSuccessMessage(t('Notification email has been successfully removed'));
@@ -72,8 +78,9 @@ export function NotificationEmails() {
             !isEmpty(e) && ToastNotification.addDangerMessage(t('Notification email account failed to update'));
         }
     });
-    const onUpdate = (email, firstName, lastName) => __awaiter(this, void 0, void 0, function* () {
+    const onUpdate = (email, firstName, lastName) => {
         setIsEditModalOpen(false);
+        setKeepPageNumberOnDataChange(true);
         const updatedAccountCustomEmail = accountCustomEmails.data.map((emailNotification) => {
             if (emailNotification.emailAddress === selectedEmailNotification.email) {
                 emailNotification.firstName = firstName;
@@ -83,11 +90,12 @@ export function NotificationEmails() {
             return emailNotification;
         });
         setAccountCustomEmails(dispatch, updatedAccountCustomEmail);
-    });
-    const onAdd = (emailAddress, firstName, lastName) => __awaiter(this, void 0, void 0, function* () {
+    };
+    const onAdd = (emailAddress, firstName, lastName) => {
         setIsAddingNotificationEmail(false);
         setIsEditModalOpen(false);
         setEmailToAdd('');
+        setKeepPageNumberOnDataChange(false);
         setAccountCustomEmails(dispatch, [
             ...accountCustomEmails.data,
             {
@@ -100,7 +108,7 @@ export function NotificationEmails() {
                 notifyOfNewCases: false,
             },
         ]);
-    });
+    };
     const columns = [
         {
             accessor: (notificationEmail) => notificationEmail.firstName,
@@ -160,7 +168,7 @@ export function NotificationEmails() {
                         React.createElement(Trans, null, "Add")))),
             React.createElement("div", { className: "toolbar-right" },
                 React.createElement("label", { htmlFor: "search-notification-emails-selector" }, "Filter by"),
-                React.createElement(Input, { id: "search-notification-emails-selector", placeholder: t('Search for an existing email'), ariaLabel: t('Notification emails search input'), onChange: onSearchChange }))),
-        React.createElement(ManageTable, { ariaLabel: t('Table to manage Notification emails'), columns: columns, data: emailLists || [], sortInfo: { column: 'first-name', direction: 'asc' }, errorVariant: AlertVariant.warning, isFetching: accountCustomEmails.isFetching, isError: accountCustomEmails.isError, errorTitle: t('Notification emails error'), errorComponent: React.createElement(Trans, null, "Could not get notification emails"), actionResolver: emailLists && emailLists.length !== 0 ? actionResolver : null }),
+                React.createElement(SearchInput, { className: "pf-u-flex-grow-1 pf-c-search-input pf-u-background-color-100", id: "search-notification-emails-selector", placeholder: t('Search for an existing email'), value: searchString, onChange: onSearchChange, onClear: () => onSearchChange(''), "aria-label": t('Search for an existing email') }))),
+        React.createElement(ManageTable, { ariaLabel: t('Table to manage Notification emails'), columns: columns, data: emailLists || [], sortInfo: { column: 'first-name', direction: 'asc' }, errorVariant: AlertVariant.warning, isFetching: accountCustomEmails.isFetching, isError: accountCustomEmails.isError, errorTitle: t('Notification emails error'), errorComponent: React.createElement(Trans, null, "Could not get notification emails"), actionResolver: emailLists && emailLists.length !== 0 ? actionResolver : null, keepPageNumberOnDataChange: keepPageNumberOnDataChange }),
         React.createElement(NotificationEmailsModal, { isOpen: isEditModalOpen, onClose: onModalClose, selectedEmailNotification: selectedEmailNotification, onUpdate: onUpdate, onAdd: onAdd, accountNumber: loggedInUserJwtToken.account_number, isAddingNotificationEmail: isAddingNotificationEmail, emailsList: (accountCustomEmails.data || []).map((e) => e.emailAddress) })));
 }

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopContentSingleItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItem.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAK7D,OAAO,EAGH,oBAAoB,EAQvB,MAAM,wCAAwC,CAAC;AAGhD,UAAU,MAAM;IACZ,kBAAkB,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,QAAQ,EAAE,sBAAsB,CAAC;IACjC,CAAC,EAAE,MAAM,CAAC;CACb;AAaD,eAAO,MAAM,oBAAoB,kDAAmD,MAAM,gBAkXzF,CAAC"}
+{"version":3,"file":"TopContentSingleItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItem.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAK7D,OAAO,EAGH,oBAAoB,EAOvB,MAAM,wCAAwC,CAAC;AAGhD,UAAU,MAAM;IACZ,kBAAkB,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,QAAQ,EAAE,sBAAsB,CAAC;IACjC,CAAC,EAAE,MAAM,CAAC;CACb;AAaD,eAAO,MAAM,oBAAoB,kDAAmD,MAAM,gBAwXzF,CAAC"}

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItem.js

@@ -19,7 +19,7 @@ import React, { useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useTopContentContext, useTopContentDispatchContext } from '../../../../context/TopContentProvider';
 import { getTopContentUrl } from '../../../../reducers/TopContentHelpers';
-import { ContentMode, deleteTopContent, removeTopContent, resetChangeInCategory, saveAddedNewSectionContents, saveAddToTopContent, saveChangeInCategoryContent, setIsAddingCategory, } from '../../../../reducers/TopContentReducer';
+import { ContentMode, deleteTopContent, removeTopContent, saveAddedNewSectionContents, saveAddToTopContent, saveChangeInCategoryContent, setIsAddingCategory, } from '../../../../reducers/TopContentReducer';
 import { AddNewCategoryDropDown } from './AddNewCategoryDropDown';
 function formatDuplicateWarning(arr) {
     if (arr.length === 0 || arr.length === 1)
@@ -40,7 +40,7 @@ export const TopContentSingleItem = ({ isArrangingContent, category, snapshot, i
     };
     const content = category.content && category.content[i];
     const { t } = useTranslation();
-    const { topContentEditState, isCatOnlyForMajorVersion, selectedProduct, selectedVersion, isCreatingNewSet, topContentResponse, contentUrls, } = useTopContentContext();
+    const { topContentEditState, isCatOnlyForMajorVersion, selectedProduct, selectedVersion, contentUrls } = useTopContentContext();
     const topContentDispatch = useTopContentDispatchContext();
     const [localContentUrl, setLocalContentUrl] = useState(content.contentUrl);
     const [localContentTitle, setLocalContentTitle] = useState(content.contentTitle);
@@ -49,6 +49,7 @@ export const TopContentSingleItem = ({ isArrangingContent, category, snapshot, i
     const [contentUrlIsValid, setContentUrlIsValid] = useState(true);
     const [showDuplicateError, setShowDuplicateError] = useState(false);
     const [duplicatUrlErrorArray, setDuplicatUrlErrorArray] = useState([]);
+    const [isSaving, setIsSaving] = useState(false);
     const onContentTitleChange = (contentTitle, event) => {
         const contentTitleIsValid = event.target.validity.valid;
         setContentTitleIsValid(contentTitleIsValid);
@@ -150,17 +151,22 @@ export const TopContentSingleItem = ({ isArrangingContent, category, snapshot, i
     const onSaveAddContentToCategory = () => __awaiter(void 0, void 0, void 0, function* () {
         try {
             const newContent = Object.assign(Object.assign({}, content), { contentTitle: localContentTitle, contentUrl: localContentUrl });
+            setIsSaving(true);
             yield saveAddToTopContent(topContentDispatch, topContentEditState, category.id, category.categoryId, newContent, i);
             ToastNotification.addSuccessMessage(t('Content added successfully'));
         }
         catch (error) {
             ToastNotification.addDangerMessage(t('There was an error adding content'));
         }
+        finally {
+            setIsSaving(false);
+        }
         return;
     });
     const onSaveUpdateContent = () => __awaiter(void 0, void 0, void 0, function* () {
         try {
             const updatedContent = Object.assign(Object.assign({}, content), { contentTitle: localContentTitle, contentUrl: localContentUrl });
+            setIsSaving(true);
             yield saveChangeInCategoryContent(topContentDispatch, topContentEditState, category.categoryId, updatedContent, i);
             editToggle();
             ToastNotification.addSuccessMessage(t('Content updated successfully'));
@@ -168,10 +174,14 @@ export const TopContentSingleItem = ({ isArrangingContent, category, snapshot, i
         catch (error) {
             ToastNotification.addDangerMessage(t('There was an error updating content'));
         }
+        finally {
+            setIsSaving(false);
+        }
     });
     const onSaveCreateNewCategory = () => __awaiter(void 0, void 0, void 0, function* () {
         try {
             const newContent = Object.assign(Object.assign({}, content), { contentTitle: localContentTitle, contentUrl: localContentUrl });
+            setIsSaving(true);
             yield saveAddedNewSectionContents(topContentDispatch, topContentEditState, newCategory, selectedProduct, selectedVersion, isCatOnlyForMajorVersion, newContent);
             ToastNotification.addSuccessMessage(t('Category created successfully'));
             setIsAddingCategory(topContentDispatch, false);
@@ -179,8 +189,11 @@ export const TopContentSingleItem = ({ isArrangingContent, category, snapshot, i
         catch (error) {
             ToastNotification.addDangerMessage(t('There was an error creating category'));
         }
+        finally {
+            setIsSaving(false);
+        }
     });
-    const onSave = () => __awaiter(void 0, void 0, void 0, function* () {
+    const onSave = () => {
         if (content.mode === ContentMode.NEW_SECTION_CONTENT) {
             // create new category
             onSaveCreateNewCategory();
@@ -193,7 +206,7 @@ export const TopContentSingleItem = ({ isArrangingContent, category, snapshot, i
             //update content
             onSaveUpdateContent();
         }
-    });
+    };
     const onSubmit = (e) => e.preventDefault();
     const onAddedNewCategoryChange = (category) => {
         setNewCategory(category);
@@ -202,9 +215,6 @@ export const TopContentSingleItem = ({ isArrangingContent, category, snapshot, i
         if (content.mode === ContentMode.ADD || content.mode === ContentMode.NEW_SECTION_CONTENT) {
             removeTopContent(topContentDispatch, topContentEditState, category.id, i);
         }
-        // when we create new set, we create an empty category.
-        // when user click on cancel need to reset to original catagory list
-        isCreatingNewSet && resetChangeInCategory(topContentDispatch, topContentResponse);
         // reset values to initial props values
         setLocalContentTitle(content.contentTitle);
         setLocalContentUrl(content.contentUrl);
@@ -213,6 +223,7 @@ export const TopContentSingleItem = ({ isArrangingContent, category, snapshot, i
         setDuplicatUrlErrorArray([]);
         setShowDuplicateError(false);
         setContentUrlIsValid(true);
+        setIsAddingCategory(topContentDispatch, false);
     };
     useEffect(() => {
         if (isArrangingContent)
@@ -254,7 +265,7 @@ export const TopContentSingleItem = ({ isArrangingContent, category, snapshot, i
                     "."))),
             React.createElement("span", { className: "pf-c-accordion__expanded-content-footer" },
                 React.createElement("span", null,
-                    React.createElement(Button, { variant: "primary", onClick: onSave, isDisabled: isSaveButtonDisabled },
+                    React.createElement(Button, { variant: "primary", onClick: onSave, isDisabled: isSaveButtonDisabled || isSaving, isLoading: isSaving },
                         React.createElement(Trans, null, "Save")),
                     ' ',
                     React.createElement(Button, { variant: "tertiary", onClick: onCancel, "data-tracking-id": "cancel-button-top-content" },

package/lib/esm/components/TopContentManagement/TopContentProductVersionSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopContentProductVersionSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/TopContentManagement/TopContentProductVersionSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAEnF,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAOrE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,eAAe,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACxC,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC3D,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;CACrB;AA8BD,iBAAS,gCAAgC,CAAC,KAAK,EAAE,MAAM,eAoHtD;kBApHQ,gCAAgC;;;AAuHzC,OAAO,EAAE,gCAAgC,EAAE,CAAC"}
+{"version":3,"file":"TopContentProductVersionSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/TopContentManagement/TopContentProductVersionSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAEnF,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AASrE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,eAAe,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACxC,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC3D,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;CACrB;AAgCD,iBAAS,gCAAgC,CAAC,KAAK,EAAE,MAAM,eAwHtD;kBAxHQ,gCAAgC;;;AA2HzC,OAAO,EAAE,gCAAgC,EAAE,CAAC"}

package/lib/esm/components/TopContentManagement/TopContentProductVersionSelector.js

@@ -2,35 +2,37 @@ import { products as productsApi } from '@cee-eng/hydrajs';
 import { Dropdown, useFetch } from '@rh-support/components';
 import { getUniqueSortedVersions, getVersion, toOption, toOptions } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
-import uniq from 'lodash/uniq';
 import React, { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import { useTopContentDispatchContext } from '../../context/TopContentProvider';
+import { setIsAddingCategory } from '../../reducers/TopContentReducer';
 const defaultProps = {
     htmlForId: '',
     className: '',
     id: '',
 };
 function postVersionsProcessor(versionItems) {
-    versionItems.items = getUniqueSortedVersions(versionItems.items);
+    versionItems.items = getProcessedVersions(getUniqueSortedVersions(versionItems.items));
     return versionItems;
 }
 // for each major version, we add major.x version
 function getProcessedVersions(arr) {
     if (!arr)
         return [];
-    var majorsArray = [];
-    var i = 0;
+    let majorsArray = [];
+    let i = 0;
     while (i < arr.length) {
         const major = getVersion(arr[i]).major;
-        if (parseInt(major) && !majorsArray.includes(major)) {
+        if (Number(major) && !majorsArray.includes(major)) {
             majorsArray.push(major);
             arr.splice(i, 0, major + '.x');
+            i = i + 2;
         }
         else {
             i++;
         }
     }
-    return uniq(arr);
+    return arr;
 }
 function TopContentProductVersionSelector(props) {
     const { t } = useTranslation();
@@ -42,6 +44,7 @@ function TopContentProductVersionSelector(props) {
     const [isVersionInValid, setIsVersionInValid] = useState(false);
     const [isProductBlured, setIsProductBlured] = useState(false);
     const [isVersionBlured, setIsVersionBlured] = useState(false);
+    const topContentDispatch = useTopContentDispatchContext();
     /**
      * Fetch products on load
      */
@@ -53,18 +56,20 @@ function TopContentProductVersionSelector(props) {
      * Auto select the version if its the only one in the response
      */
     useEffect(() => {
-        const versionsLocal = uniq(versions === null || versions === void 0 ? void 0 : versions.items);
+        const versionsLocal = (versions === null || versions === void 0 ? void 0 : versions.items) || [];
         if (versionsLocal.length === 1 && props.selectedVersion !== versions.items[0]) {
             props.onVersionChange(versions.items[0]);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [versions]);
     const onProductChange = (option) => {
+        setIsAddingCategory(topContentDispatch, false);
         props.onProductChange(option.value);
         validateProduct(option);
         isProductValid(option) && getProductVersions(option.value.name);
     };
     const onVersionChange = (option) => {
+        setIsAddingCategory(topContentDispatch, false);
         props.onVersionChange(option.value);
         validateVersion(option);
     };
@@ -98,7 +103,7 @@ function TopContentProductVersionSelector(props) {
             React.createElement(Dropdown, { className: `tc-product-dropdown`, placeholder: t('Select a product'), list: products ? toOptions(products, { labelKey: 'name' }) : [], title: `Select a product`, selectedItem: toOption(props.selectedProduct, { labelKey: 'name' }), isInValid: isProductInValid, onChange: onProductChange, onOuterClick: onProductOuterClick, searchable: true, isLoadingList: isLoadingProducts, onClearSelection: onProductClear, id: "tc-product-dropdown-selector", "data-tracking-id": "tc-product-dropdown-selector" })),
         React.createElement("div", { className: "toolbar-right" },
             React.createElement("label", { htmlFor: "version-selector-dropdown-toggle" }, "Version"),
-            React.createElement(Dropdown, { selectedItem: toOption(props.selectedVersion), list: props.selectedProduct ? toOptions(getProcessedVersions(versions === null || versions === void 0 ? void 0 : versions.items)) : [], id: "version-selector-dropdown", placeholder: t('Select a version'), isLoadingList: isLoadingVersions, title: `Versions for ${props.selectedProduct.name}`, disabled: isEmpty(versions === null || versions === void 0 ? void 0 : versions.items), isInValid: isVersionInValid, onChange: onVersionChange, onOuterClick: onVersionOuterClick, "data-tracking-id": "version-dropdown-selector" }))));
+            React.createElement(Dropdown, { selectedItem: toOption(props.selectedVersion), list: props.selectedProduct ? toOptions(versions === null || versions === void 0 ? void 0 : versions.items) : [], id: "version-selector-dropdown", placeholder: t('Select a version'), isLoadingList: isLoadingVersions, title: `Versions for ${props.selectedProduct.name}`, disabled: isEmpty(versions === null || versions === void 0 ? void 0 : versions.items), isInValid: isVersionInValid, onChange: onVersionChange, onOuterClick: onVersionOuterClick, "data-tracking-id": "version-dropdown-selector" }))));
 }
 TopContentProductVersionSelector.defaultProps = defaultProps;
 export { TopContentProductVersionSelector };

package/lib/esm/reducers/TopContentReducer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopContentReducer.d.ts","sourceRoot":"","sources":["../../../src/reducers/TopContentReducer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAC7F,OAAO,EACH,WAAW,EAEX,mBAAmB,EACnB,eAAe,EAGlB,MAAM,2DAA2D,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAMxE,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACrD,IAAI,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC;IAC1E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,oBAAoB,EAAE,CAAC;CACnC;AAED;;;;;;;EAOE;AACF,UAAU,YAAY;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,gBAAgB;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,YAAY,CAAC;CAC/B;AAED,MAAM,WAAW,gBAAgB;IAC7B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,eAAe,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACxC,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,mBAAmB,CAAC,oBAAoB,EAAE,CAAC,CAAC;IAChE,mBAAmB,EAAE,oBAAoB,EAAE,CAAC;IAC5C,gBAAgB,EAAE,OAAO,CAAC;IAC1B,wBAAwB,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9C,gBAAgB,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,UAAU,EAAE,mBAAmB,CAAC,mBAAmB,EAAE,CAAC,CAAC;IACvD,WAAW,EAAE,gBAAgB,CAAC;IAC9B,mBAAmB,EAAE,OAAO,CAAC;CAChC;AAED,oBAAY,WAAW;IACnB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,mBAAmB,sBAAsB;CAC5C;AAED,oBAAY,YAAY;IACpB,WAAW,eAAe;IAC1B,gBAAgB,oBAAoB;CACvC;AAED,oBAAY,0BAA0B;IAClC,aAAa,kBAAkB;IAC/B,+BAA+B,oCAAoC;IACnE,qBAAqB,0BAA0B;IAC/C,2BAA2B,gCAAgC;IAC3D,wBAAwB,6BAA6B;IACrD,mBAAmB,wBAAwB;IAC3C,eAAe,oBAAoB;IACnC,0BAA0B,+BAA+B;IACzD,0CAA0C,+CAA+C;IACzF,sBAAsB,2BAA2B;CACpD;AAED,aAAK,WAAW,GAAG,OAAO,CAAC,0BAA0B,EAAE,gBAAgB,CAAC,CAAC;AACzE,oBAAY,6BAA6B,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;AAEzE,eAAO,MAAM,iBAAiB,WAAY,gBAAgB,0BAAwB,gBAyDjF,CAAC;AAEF,eAAO,MAAM,gBAAgB,aACf,6BAA6B,uBAClB,oBAAoB,EAAE,sBACvB,OAAO,oBACT,OAAO,SA6B5B,CAAC;AAEF,eAAO,MAAM,6BAA6B,aAC5B,6BAA6B,uBAClB,oBAAoB,EAAE,cAC/B,MAAM,YACR,MAAM,aACL,MAAM,SAsBpB,CAAC;AAEF,eAAO,MAAM,8BAA8B,aAC7B,6BAA6B,uBAClB,oBAAoB,EAAE,YACjC,MAAM,aACL,MAAM,SAYpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,aAAc,6BAA6B,oBAAoB,OAAO,SAKrG,CAAC;AAGF,eAAO,MAAM,4BAA4B,aAC3B,6BAA6B,uBAClB,oBAAoB,EAAE,sBACvB,oBAAoB,oBAAoB,EAAE,CAAC,cACnD,MAAM,SAarB,CAAC;AAGF,eAAO,MAAM,qBAAqB,aACpB,6BAA6B,sBACnB,oBAAoB,oBAAoB,EAAE,CAAC,SAMlE,CAAC;AAEF,eAAO,MAAM,+BAA+B,aAC9B,6BAA6B,mBACtB,QAAQ,aAAa,CAAC,SAM1C,CAAC;AAEF,eAAO,MAAM,eAAe,aACd,6BAA6B,mBACtB,QAAQ,QAAQ,CAAC,mBACjB,MAAM,mBAuD1B,CAAC;AAEF,eAAO,MAAM,aAAa,aACZ,6BAA6B,uBAClB,oBAAoB,EAAE,cAC/B,MAAM,SAsBrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,aACf,6BAA6B,uBAClB,oBAAoB,EAAE,cAC/B,MAAM,gBACJ,MAAM,mBAuBvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,aACf,6BAA6B,uBAClB,oBAAoB,EAAE,cAC/B,MAAM,KACf,MAAM,SAoBZ,CAAC;AAEF,eAAO,MAAM,2BAA2B,aAC1B,6BAA6B,uBAClB,oBAAoB,EAAE,oBACzB,mBAAmB,mBACpB,QAAQ,QAAQ,CAAC,mBACjB,MAAM,4BACG,OAAO,cACrB,GAAG,mBA2DlB,CAAC;AAGF,eAAO,MAAM,mBAAmB,aAClB,6BAA6B,uBAClB,oBAAoB,EAAE,MACvC,MAAM,cACE,MAAM,WACT,oBAAoB,SACtB,MAAM,mBA2ChB,CAAC;AAGF,eAAO,MAAM,2BAA2B,aAC1B,6BAA6B,uBAClB,oBAAoB,EAAE,cAC/B,MAAM,WACT,oBAAoB,SACtB,MAAM,mBAsChB,CAAC;AAGF,eAAO,MAAM,gBAAgB,aACf,6BAA6B,uBAClB,oBAAoB,EAAE,cAC/B,MAAM,mBA+BrB,CAAC;AAGF,eAAO,MAAM,iBAAiB,wBAA+B,oBAAoB,EAAE,oGAiBlF,CAAC;AAEF,eAAO,MAAM,eAAe,aAAoB,6BAA6B,mBAwB5E,CAAC;AAEF,eAAO,MAAM,sBAAsB,aAAc,6BAA6B,uBAAuB,OAAO,SAK3G,CAAC"}
+{"version":3,"file":"TopContentReducer.d.ts","sourceRoot":"","sources":["../../../src/reducers/TopContentReducer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAC7F,OAAO,EACH,WAAW,EAEX,mBAAmB,EACnB,eAAe,EAGlB,MAAM,2DAA2D,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAMxE,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACrD,IAAI,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC;IAC1E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,oBAAoB,EAAE,CAAC;CACnC;AAED;;;;;;;EAOE;AACF,UAAU,YAAY;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,gBAAgB;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,YAAY,CAAC;CAC/B;AAED,MAAM,WAAW,gBAAgB;IAC7B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,eAAe,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACxC,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,mBAAmB,CAAC,oBAAoB,EAAE,CAAC,CAAC;IAChE,mBAAmB,EAAE,oBAAoB,EAAE,CAAC;IAC5C,gBAAgB,EAAE,OAAO,CAAC;IAC1B,wBAAwB,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9C,gBAAgB,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,UAAU,EAAE,mBAAmB,CAAC,mBAAmB,EAAE,CAAC,CAAC;IACvD,WAAW,EAAE,gBAAgB,CAAC;IAC9B,mBAAmB,EAAE,OAAO,CAAC;CAChC;AAED,oBAAY,WAAW;IACnB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,mBAAmB,sBAAsB;CAC5C;AAED,oBAAY,YAAY;IACpB,WAAW,eAAe;IAC1B,gBAAgB,oBAAoB;CACvC;AAED,oBAAY,0BAA0B;IAClC,aAAa,kBAAkB;IAC/B,+BAA+B,oCAAoC;IACnE,qBAAqB,0BAA0B;IAC/C,2BAA2B,gCAAgC;IAC3D,wBAAwB,6BAA6B;IACrD,mBAAmB,wBAAwB;IAC3C,eAAe,oBAAoB;IACnC,0BAA0B,+BAA+B;IACzD,0CAA0C,+CAA+C;IACzF,sBAAsB,2BAA2B;CACpD;AAED,aAAK,WAAW,GAAG,OAAO,CAAC,0BAA0B,EAAE,gBAAgB,CAAC,CAAC;AACzE,oBAAY,6BAA6B,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;AAEzE,eAAO,MAAM,iBAAiB,WAAY,gBAAgB,0BAAwB,gBAyDjF,CAAC;AAEF,eAAO,MAAM,gBAAgB,aACf,6BAA6B,uBAClB,oBAAoB,EAAE,sBACvB,OAAO,oBACT,OAAO,SA6B5B,CAAC;AAEF,eAAO,MAAM,6BAA6B,aAC5B,6BAA6B,uBAClB,oBAAoB,EAAE,cAC/B,MAAM,YACR,MAAM,aACL,MAAM,SAsBpB,CAAC;AAEF,eAAO,MAAM,8BAA8B,aAC7B,6BAA6B,uBAClB,oBAAoB,EAAE,YACjC,MAAM,aACL,MAAM,SAYpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,aAAc,6BAA6B,oBAAoB,OAAO,SAKrG,CAAC;AAGF,eAAO,MAAM,4BAA4B,aAC3B,6BAA6B,uBAClB,oBAAoB,EAAE,sBACvB,oBAAoB,oBAAoB,EAAE,CAAC,cACnD,MAAM,SAarB,CAAC;AAGF,eAAO,MAAM,qBAAqB,aACpB,6BAA6B,sBACnB,oBAAoB,oBAAoB,EAAE,CAAC,SAMlE,CAAC;AAEF,eAAO,MAAM,+BAA+B,aAC9B,6BAA6B,mBACtB,QAAQ,aAAa,CAAC,SAM1C,CAAC;AAEF,eAAO,MAAM,eAAe,aACd,6BAA6B,mBACtB,QAAQ,QAAQ,CAAC,mBACjB,MAAM,mBAuD1B,CAAC;AAEF,eAAO,MAAM,aAAa,aACZ,6BAA6B,uBAClB,oBAAoB,EAAE,cAC/B,MAAM,SAsBrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,aACf,6BAA6B,uBAClB,oBAAoB,EAAE,cAC/B,MAAM,gBACJ,MAAM,mBA0BvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,aACf,6BAA6B,uBAClB,oBAAoB,EAAE,cAC/B,MAAM,KACf,MAAM,SAoBZ,CAAC;AAEF,eAAO,MAAM,2BAA2B,aAC1B,6BAA6B,uBAClB,oBAAoB,EAAE,oBACzB,mBAAmB,mBACpB,QAAQ,QAAQ,CAAC,mBACjB,MAAM,4BACG,OAAO,cACrB,GAAG,mBA2DlB,CAAC;AAGF,eAAO,MAAM,mBAAmB,aAClB,6BAA6B,uBAClB,oBAAoB,EAAE,MACvC,MAAM,cACE,MAAM,WACT,oBAAoB,SACtB,MAAM,mBA2ChB,CAAC;AAGF,eAAO,MAAM,2BAA2B,aAC1B,6BAA6B,uBAClB,oBAAoB,EAAE,cAC/B,MAAM,WACT,oBAAoB,SACtB,MAAM,mBAsChB,CAAC;AAGF,eAAO,MAAM,gBAAgB,aACf,6BAA6B,uBAClB,oBAAoB,EAAE,cAC/B,MAAM,mBA+BrB,CAAC;AAGF,eAAO,MAAM,iBAAiB,wBAA+B,oBAAoB,EAAE,oGAiBlF,CAAC;AAEF,eAAO,MAAM,eAAe,aAAoB,6BAA6B,mBAwB5E,CAAC;AAEF,eAAO,MAAM,sBAAsB,aAAc,6BAA6B,uBAAuB,OAAO,SAK3G,CAAC"}

package/lib/esm/reducers/TopContentReducer.js

@@ -51,7 +51,7 @@ export const TopContentReducer = (pState, action) => {
             return Object.assign(Object.assign({}, pState), { isCatOnlyForMajorVersion: action.payload.isCatOnlyForMajorVersion, topContentEditState: action.payload.topContentEditState, isCreatingNewSet: action.payload.isCreatingNewSet });
         }
         case TopContentReducerConstants.changeTopContentStateOnSave: {
-            return Object.assign(Object.assign({}, pState), { topContentEditState: [...action.payload.topContentEditState], topContentResponse: action.payload.topContentResponse, contentUrls: action.payload.contentUrls });
+            return Object.assign(Object.assign({}, pState), { topContentEditState: action.payload.topContentEditState, topContentResponse: action.payload.topContentResponse, contentUrls: action.payload.contentUrls });
         }
         case TopContentReducerConstants.changeTopContentStateOnCatsArrangementSave: {
             return Object.assign(Object.assign({}, pState), { topContentEditState: [...action.payload.topContentEditState], topContentResponse: action.payload.topContentResponse });
@@ -239,13 +239,15 @@ export const deleteTopContent = (dispatch, topContentEditState, categoryId, topC
                 cat.content = cat.content.filter((item) => item.topContentId !== topContentId);
             }
         });
+        // if content length equal zero after delete, remove catagory
+        const topContent = topContentEditState.filter((cat) => cat.content.length !== 0);
         // update both current state and original get state on app load
         dispatch({
             type: TopContentReducerConstants.changeTopContentStateOnSave,
             payload: {
-                topContentEditState,
-                topContentResponse: getApiResourceObject(topContentEditState),
-                contentUrls: getContentUrls(topContentEditState),
+                topContentEditState: topContent,
+                topContentResponse: getApiResourceObject(topContent),
+                contentUrls: getContentUrls(topContent),
             },
         });
     }

package/lib/esm/scss/_main.scss

@@ -219,11 +219,6 @@
     .top-content-manage-wrapper {
         border: 1px solid #ccc;
         border-top: none;
-
-        .pf-c-spinner {
-            margin: 0 auto;
-            padding: 3rem;
-        }
     }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/manage",
-    "version": "0.2.7",
+    "version": "0.2.11",
     "description": "Customer Support Manage App",
     "author": "Jordan Eudy <jeudy100@gmail.com>",
     "homepage": "",
@@ -97,9 +97,9 @@
         "@patternfly/react-core": "4.128.2",
         "@patternfly/react-table": "4.26.7",
         "@rh-support/api": "0.3.3",
-        "@rh-support/components": "1.1.6",
-        "@rh-support/configs": "0.2.0",
-        "@rh-support/react-context": "0.2.7",
+        "@rh-support/components": "1.1.9",
+        "@rh-support/configs": "0.2.1",
+        "@rh-support/react-context": "0.2.10",
         "@rh-support/types": "0.2.0",
         "@rh-support/user-permissions": "0.2.5",
         "@rh-support/utils": "0.2.5",
@@ -113,5 +113,5 @@
         "react-i18next": ">=10.11.0",
         "react-router-dom": ">=5.1.2"
     },
-    "gitHead": "3dff1672e22e8df3181b7aaa053faaddc36bacf1"
+    "gitHead": "27553f3c53998d0f3657c7e2f04b2eacdcda00c2"
 }