@rh-support/cases 0.2.87 → 0.2.90

package/lib/esm/components/case-list/CaseList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseList.d.ts","sourceRoot":"","sources":["../../../../src/components/case-list/CaseList.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAC;AAChC,OAAO,0BAA0B,CAAC;AA4BlC,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAKH,0BAA0B,EAI7B,MAAM,mBAAmB,CAAC;AAM3B,OAAO,EAAE,mBAAmB,EAAe,MAAM,cAAc,CAAC;AAEhE,OAAO,EAAE,oBAAoB,EAAE,MAAM,IAAI,CAAC;AAM1C,OAAO,EAAgB,WAAW,EAA2B,MAAM,uBAAuB,CAAC;AAmC3F,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;CACzD;AAED,MAAM,WAAW,uBAAwB,SAAQ,cAAc;IAC3D,YAAY,EAAE,cAAc,EAAE,CAAC;CAClC;AAED,oBAAY,YAAY,GAAG,0BAA0B,CAAC,WAAW,EAAE,uBAAuB,CAAC,CAAC;AAM5F,MAAM,WAAW,gBAAgB;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAAC;CAChC;AAED,MAAM,WAAW,aAAa;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,eA6crC"}
+{"version":3,"file":"CaseList.d.ts","sourceRoot":"","sources":["../../../../src/components/case-list/CaseList.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAC;AAChC,OAAO,0BAA0B,CAAC;AA4BlC,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAKH,0BAA0B,EAI7B,MAAM,mBAAmB,CAAC;AAO3B,OAAO,EAAE,mBAAmB,EAAe,MAAM,cAAc,CAAC;AAEhE,OAAO,EAAE,oBAAoB,EAAE,MAAM,IAAI,CAAC;AAM1C,OAAO,EAAgB,WAAW,EAA2B,MAAM,uBAAuB,CAAC;AAmC3F,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;CACzD;AAED,MAAM,WAAW,uBAAwB,SAAQ,cAAc;IAC3D,YAAY,EAAE,cAAc,EAAE,CAAC;CAClC;AAED,oBAAY,YAAY,GAAG,0BAA0B,CAAC,WAAW,EAAE,uBAAuB,CAAC,CAAC;AAM5F,MAAM,WAAW,gBAAgB;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAAC;CAChC;AAED,MAAM,WAAW,aAAa;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,eAsfrC"}

package/lib/esm/components/case-list/CaseList.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import '../../css/caseList.css';
 import '../../css/caseSearch.css';
-import { Alert, AlertVariant, Button } from '@patternfly/react-core';
+import { Alert, AlertActionCloseButton, AlertVariant, Button } from '@patternfly/react-core';
 import AngleDoubleDownIcon from '@patternfly/react-icons/dist/js/icons/angle-double-down-icon';
 import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/js/icons/angle-double-left-icon';
 import AngleDoubleRightIcon from '@patternfly/react-icons/dist/js/icons/angle-double-right-icon';
@@ -17,6 +17,7 @@ import AngleDoubleUpIcon from '@patternfly/react-icons/dist/js/icons/angle-doubl
 import { ErrorBoundary, ToastNotification, useBreakpoint, useDocumentTitle, useForceUpdate, usePrevious, } from '@rh-support/components';
 import { fetchAllStatuses, fetchCaseGroupsForSSO, fetchCaseSeverities, fetchCaseTypes, fetchProducts, GlobalMetadataDispatchContext, GlobalMetadataStateContext, setUserPreferences, updateUserPreferences, UserPreferencesKeys, } from '@rh-support/react-context';
 import { getStringifiedParams, getUrlParsedParams, haventLoadedMetadata, haventLoadedProductsMetadata, pendoTrackEvent, solrResponseToFacetFields, solrResponseToPivotFields, } from '@rh-support/utils';
+import { isEmpty } from 'lodash';
 import get from 'lodash/get';
 import mapValues from 'lodash/mapValues';
 import some from 'lodash/some';
@@ -52,6 +53,7 @@ export function CaseList(props) {
     const { globalMetadataState, globalMetadataState: { caseGroups, loggedInUserJwtToken, loggedInUserRights, loggedInUsersAccount, userPreferences, managedAccounts, bookmarkedAccounts, bookmarkedGroupAccounts, allCaseTypes, allCaseSeverities, allCaseStatuses, allProducts, }, } = useContext(GlobalMetadataStateContext);
     const location = useLocation();
     const searchParams = getUrlParsedParams(location.search);
+    const queryParams = getUrlParsedParams(useLocation().search);
     const queryFromUrl = searchParams[FILTER_URL_QUERY_SEARCH_PARAM];
     const pageSizeFromUrl = parseInt(searchParams[FILTER_URL_PAGE_SIZE_SEARCH_PARAM]);
     const currentPageFromUrl = parseInt(searchParams[FILTER_URL_CURRENT_PAGE_SEARCH_PARAM]);
@@ -72,6 +74,8 @@ export function CaseList(props) {
     const [hasError, setHasError] = useState(null);
     const [isSolrSearchDown, setSolrSearchDown] = useState(false);
     const [defaultSavedSearchName, setDefaultSavedSearchName] = useState('');
+    const [RHCDValue, setRHCDValue] = useState('');
+    const [isRHCDAlertShown, setIsRHCDAlertShown] = useState(true);
     function getCases(currentFilterState) {
         return __awaiter(this, void 0, void 0, function* () {
             let showError;
@@ -270,6 +274,10 @@ export function CaseList(props) {
                 return;
             }
             /*** user comes to this point on first time app load landing on case list ***/
+            if (queryParams.rhcd) {
+                // this is to check if rhcd is passed on first load
+                setRHCDValue(queryParams.rhcd);
+            }
             // move saved user data in localstorage to user preferences db - needs to be removed after a while
             useMoveCache.save();
             // set filter state based on url or default saved search
@@ -301,6 +309,19 @@ export function CaseList(props) {
         isCaseListFilterPanelExanded && isXLScreen && isBasicSearchMode && toggleFilterSection(true);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [isBasicSearchMode]);
+    const displayRHCDAlert = () => {
+        const openClosedCopy = `Only showing cases that were ${RHCDValue} during the selected time range specified in
+                            customer dashboard. Case counts may vary slightly based on data retention and availability
+                            policies.`;
+        if (RHCDValue !== 'active') {
+            return (React.createElement(Alert, { variant: AlertVariant.info, title: 'Notice', isInline: true, actionClose: React.createElement(AlertActionCloseButton, { onClose: () => setIsRHCDAlertShown(false) }) },
+                React.createElement(Trans, null, openClosedCopy)));
+        }
+        else if (RHCDValue === 'active') {
+            return (React.createElement(Alert, { variant: AlertVariant.info, title: 'Notice', isInline: true, actionClose: React.createElement(AlertActionCloseButton, { onClose: () => setIsRHCDAlertShown(false) }) },
+                React.createElement(Trans, null, "All cases that may have been in an open state during the selected time range specified in customer dashboard. Case counts may vary slightly based on data retention and availability policies.")));
+        }
+    };
     useEffect(() => {
         if (isFirstMount.current)
             return;
@@ -316,6 +337,7 @@ export function CaseList(props) {
                     ' ',
                     "for details.") }))),
         React.createElement("section", { className: "case-search-top" },
+            !isEmpty(RHCDValue) && isRHCDAlertShown && React.createElement("div", { className: "push-bottom" }, displayRHCDAlert()),
             React.createElement("div", { className: "search-wrapper" },
                 React.createElement("div", { className: "open-case" },
                     React.createElement(NewCaseButton, { routeProps: props.routeProps })),

package/lib/esm/components/case-list/case-search/BookmarkedSearchesSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BookmarkedSearchesSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-search/BookmarkedSearchesSelector.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAWhE,UAAU,MAAM;IACZ,uBAAuB,EAAE,MAAM,CAAC;IAChC,iBAAiB,EAAE,mBAAmB,CAAC;IACvC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,sBAAsB,EAAE,MAAM,CAAC;CAClC;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,eAyNvD"}
+{"version":3,"file":"BookmarkedSearchesSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-search/BookmarkedSearchesSelector.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAWhE,UAAU,MAAM;IACZ,uBAAuB,EAAE,MAAM,CAAC;IAChC,iBAAiB,EAAE,mBAAmB,CAAC;IACvC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,sBAAsB,EAAE,MAAM,CAAC;CAClC;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,eA+NvD"}

package/lib/esm/components/case-list/case-search/BookmarkedSearchesSelector.js

@@ -113,6 +113,10 @@ export function BookmarkedSearchesSelector(props) {
         React.createElement(DropdownItem, { key: "most-recent-search", component: "button", onClick: onBookmarkSelectorChange('', mostRecentSearch, true) },
             React.createElement(Trans, null, "Restore latest")),
     ];
+    const clearSearchName = () => {
+        setSelectedSearch('');
+        return selectedSearch;
+    };
     const renderListItems = [
         ...renderSavedSearchItems,
         ...(renderSavedSearchItems.length !== 0 ? [React.createElement(DropdownSeparator, { key: "separator" })] : []),
@@ -129,5 +133,5 @@ export function BookmarkedSearchesSelector(props) {
                     ], splitButtonVariant: "action", onToggle: onMenuToggle, "aria-label": t(`${isMenuOpen ? 'Close' : 'Open'} bookmarked searches selector'`), isDisabled: !bookmarkedSearches }), disabled: hydraUserPreferences.isFetching || hydraUserPreferences.isError }),
             flatMap(filterInfo).length === 0 && (React.createElement(Button, { variant: "link", onClick: onBookmarkSelectorChange('', mostRecentSearch, false), "data-tracking-id": "case-most-recent-search-button", className: "most-recent-search-button" },
                 React.createElement(Trans, null, "Restore most recent filters")))),
-        React.createElement(ConfirmationServiceProvider, null, isSaveSearchModalOpen && (React.createElement(SaveCaseSearchModal, { currentCaseSearchString: props.currentCaseSearchString, currentSearchType: props.currentSearchType, isModalOpen: isSaveSearchModalOpen, modalToggle: modalToggle, isAdding: isAddingBookmarkSearch, selectedSearchNameToEdit: selectedSearchNameToEdit })))));
+        React.createElement(ConfirmationServiceProvider, null, isSaveSearchModalOpen && (React.createElement(SaveCaseSearchModal, { currentCaseSearchString: props.currentCaseSearchString, currentSearchType: props.currentSearchType, isModalOpen: isSaveSearchModalOpen, modalToggle: modalToggle, isAdding: isAddingBookmarkSearch, selectedSearchNameToEdit: selectedSearchNameToEdit, clearSearchName: clearSearchName })))));
 }

package/lib/esm/components/case-list/case-search/SaveCaseSearchModal.d.ts

@@ -5,7 +5,8 @@ interface IProps {
     selectedSearchNameToEdit: string;
     currentCaseSearchString: string;
     currentSearchType: string;
+    clearSearchName: () => void;
 }
-export declare function SaveCaseSearchModal({ isModalOpen, modalToggle, isAdding, selectedSearchNameToEdit, currentCaseSearchString, currentSearchType, }: IProps): JSX.Element;
+export declare function SaveCaseSearchModal({ isModalOpen, modalToggle, isAdding, selectedSearchNameToEdit, currentCaseSearchString, currentSearchType, clearSearchName, }: IProps): JSX.Element;
 export {};
 //# sourceMappingURL=SaveCaseSearchModal.d.ts.map

package/lib/esm/components/case-list/case-search/SaveCaseSearchModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SaveCaseSearchModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-search/SaveCaseSearchModal.tsx"],"names":[],"mappings":"AA4BA,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,wBAAwB,EAAE,MAAM,CAAC;IACjC,uBAAuB,EAAE,MAAM,CAAC;IAChC,iBAAiB,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,mBAAmB,CAAC,EAChC,WAAW,EACX,WAAW,EACX,QAAQ,EACR,wBAAwB,EACxB,uBAAuB,EACvB,iBAAiB,GACpB,EAAE,MAAM,eAwQR"}
+{"version":3,"file":"SaveCaseSearchModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-search/SaveCaseSearchModal.tsx"],"names":[],"mappings":"AA4BA,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,wBAAwB,EAAE,MAAM,CAAC;IACjC,uBAAuB,EAAE,MAAM,CAAC;IAChC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED,wBAAgB,mBAAmB,CAAC,EAChC,WAAW,EACX,WAAW,EACX,QAAQ,EACR,wBAAwB,EACxB,uBAAuB,EACvB,iBAAiB,EACjB,eAAe,GAClB,EAAE,MAAM,eAyQR"}

package/lib/esm/components/case-list/case-search/SaveCaseSearchModal.js

@@ -19,7 +19,7 @@ import { Trans, useTranslation } from 'react-i18next';
 import { CaseSearchQueryType } from '../../../enums/caseSearch';
 import { createUserFriendlyQueryFromFilterState } from '../../../utils/caseSearchUtils';
 import { CaseListFilterStateContext } from '../CaseListFilterContext';
-export function SaveCaseSearchModal({ isModalOpen, modalToggle, isAdding, selectedSearchNameToEdit, currentCaseSearchString, currentSearchType, }) {
+export function SaveCaseSearchModal({ isModalOpen, modalToggle, isAdding, selectedSearchNameToEdit, currentCaseSearchString, currentSearchType, clearSearchName, }) {
     const { t } = useTranslation();
     const [localSavedSearchName, setLocalSavedSearchName] = useState('');
     const [localDefaultChecked, setLocalDefaultChecked] = useState(false);
@@ -110,6 +110,7 @@ export function SaveCaseSearchModal({ isModalOpen, modalToggle, isAdding, select
                 delete previousBookmarkedSearchesObj[localSavedSearchName];
                 setLocalSavedSearchName('');
                 yield preferencesApiCall(previousBookmarkedSearchesObj);
+                clearSearchName();
                 ToastNotification.addSuccessMessage(t('Saved search has been removed successfully'));
             }
             catch (e) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/cases",
-    "version": "0.2.87",
+    "version": "0.2.90",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -26,7 +26,7 @@
         "lib/**/*"
     ],
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.10.2",
+        "@cee-eng/hydrajs": "4.12.6",
         "@patternfly/patternfly": "4.185.1",
         "@patternfly/pfe-collapse": "1.12.3",
         "@patternfly/react-core": "4.202.16",
@@ -47,17 +47,17 @@
         "solr-query-builder": "1.0.1"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.10.2",
+        "@cee-eng/hydrajs": "4.12.6",
         "@patternfly/patternfly": "4.185.1",
         "@patternfly/pfe-collapse": "1.12.3",
         "@patternfly/react-core": "4.202.16",
         "@patternfly/react-table": "4.71.16",
-        "@rh-support/api": "0.3.21",
-        "@rh-support/components": "1.1.69",
-        "@rh-support/react-context": "0.2.74",
+        "@rh-support/api": "0.3.24",
+        "@rh-support/components": "1.1.72",
+        "@rh-support/react-context": "0.2.77",
         "@rh-support/types": "0.2.0",
-        "@rh-support/user-permissions": "0.2.58",
-        "@rh-support/utils": "0.2.43",
+        "@rh-support/user-permissions": "0.2.61",
+        "@rh-support/utils": "0.2.46",
         "i18next": "^19.0.1",
         "localforage": "^1.7.3",
         "lodash": "^4.17.15",
@@ -101,5 +101,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "1b7928a0e111e756b4fe781c440d3c859299bebf"
+    "gitHead": "1d8c25adcf1bc30eb2560bf210f96994b63237e3"
 }