@rh-support/cases 2.6.191 → 2.6.194

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

@@ -1 +1 @@
-{"version":3,"file":"GroupsFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/GroupsFilter.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAUrD,OAAO,KAA2D,MAAM,OAAO,CAAC;AAShF,MAAM,WAAW,iBAAiB;IAC9B,qFAAqF;IACrF,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,KAAK,IAAI,CAAC;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAID,wBAAgB,YAAY,CAAC,EACzB,cAAc,EAAE,wBAAwB,EACxC,cAAc,EACd,SAAiB,EACjB,QAAmC,EACnC,uBAA+B,EAC/B,WAAW,EAAE,eAAe,GAC/B,GAAE,iBAAsB,qBAuTxB"}
+{"version":3,"file":"GroupsFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/GroupsFilter.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAKrD,OAAO,KAA2D,MAAM,OAAO,CAAC;AAShF,MAAM,WAAW,iBAAiB;IAC9B,qFAAqF;IACrF,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,KAAK,IAAI,CAAC;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAID,wBAAgB,YAAY,CAAC,EACzB,cAAc,EAAE,wBAAwB,EACxC,cAAc,EACd,SAAiB,EACjB,QAAmC,EACnC,uBAA+B,EAC/B,WAAW,EAAE,eAAe,GAC/B,GAAE,iBAAsB,qBA+RxB"}

package/lib/esm/components/case-list/case-list-filters/GroupsFilter.js

@@ -1,8 +1,8 @@
-import { useApolloClient } from '@apollo/client/react';
 import { Badge, Button, MenuFooter, MenuToggle, Select, SelectList, SelectOption, TextInputGroup, TextInputGroupMain, TextInputGroupUtilities, } from '@patternfly/react-core';
 import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { ability, resourceActions, resources } from '@rh-support/user-permissions';
-import { GET_CASE_GROUP, getDropdownBtnPlaceholder, handleGraphQLCaseGroupsResponse, } from '@rh-support/utils';
+import { getDropdownBtnPlaceholder } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isUndefined from 'lodash/isUndefined';
 import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
@@ -14,9 +14,8 @@ import { CaseListFilterDispatchContext, CaseListFilterStateContext } from '../Ca
 import { updateFilter } from '../CaseListFilterReducer';
 const EMPTY_GROUPS = [];
 export function GroupsFilter({ selectedGroups: controlledSelectedGroups, onGroupsChange, hideLabel = false, idPrefix = 'case-list-group-filter', showSelectionCountBadge = false, placeholder: placeholderProp, } = {}) {
-    var _a;
+    var _a, _b;
     const { t } = useTranslation();
-    const apolloClient = useApolloClient();
     const { filterInfo } = useContext(CaseListFilterStateContext);
     const dispatch = useContext(CaseListFilterDispatchContext);
     const isControlled = typeof onGroupsChange === 'function';
@@ -25,31 +24,12 @@ export function GroupsFilter({ selectedGroups: controlledSelectedGroups, onGroup
     const selectedGroups = isControlled
         ? controlledSelectedGroups || EMPTY_GROUPS
         : (_a = filterInfo === null || filterInfo === void 0 ? void 0 : filterInfo[SolrKeys.group]) !== null && _a !== void 0 ? _a : EMPTY_GROUPS;
+    const { globalMetadataState: { caseGroups }, } = useContext(GlobalMetadataStateContext);
+    const isLoading = caseGroups.isFetching;
     const [inputValue, setInputValue] = useState('');
-    const [caseGroups, setCaseGroups] = useState([]);
-    const [isLoading, setIsLoading] = useState(false);
     const [focusedItemIndex, setFocusedItemIndex] = useState(null);
     const [activeItem, setActiveItem] = useState(null);
-    useEffect(() => {
-        setIsLoading(true);
-        apolloClient
-            .query({
-            query: GET_CASE_GROUP,
-            fetchPolicy: 'cache-first',
-        })
-            .then(({ data }) => {
-            var _a, _b, _c, _d;
-            const edges = (_d = (_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.redhat_support_uiapi) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.RedHatSupportCaseGroup__c) === null || _c === void 0 ? void 0 : _c.edges) !== null && _d !== void 0 ? _d : [];
-            setCaseGroups(handleGraphQLCaseGroupsResponse(edges));
-        })
-            .catch((err) => {
-            console.error('[GroupsFilter] Failed to fetch case groups:', err);
-            setCaseGroups([]);
-        })
-            .finally(() => setIsLoading(false));
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    const list = useMemo(() => caseGroups.map((group) => ({ value: group.name, key: group.groupNum })), [caseGroups]);
+    const list = useMemo(() => (caseGroups.data || []).map((group) => ({ value: group.name, key: group.groupNum })), [caseGroups.data]);
     const [selectOptions, setSelectOptions] = useState(list);
     const canViewManageTab = ability.can(resourceActions.READ, resources.MANAGE);
     const canViewCaseGroups = ability.can(resourceActions.READ, resources.CASE_GROUPS) && canViewManageTab;
@@ -153,7 +133,7 @@ export function GroupsFilter({ selectedGroups: controlledSelectedGroups, onGroup
         ? isLoading
             ? t('Loading...')
             : defaultEmptyPlaceholder
-        : getDropdownBtnPlaceholder(isLoading ? t('Loading...') : defaultEmptyPlaceholder, selectedGroups, '', caseGroups.length, t('All selected'));
+        : getDropdownBtnPlaceholder(isLoading ? t('Loading...') : defaultEmptyPlaceholder, selectedGroups, '', ((_b = caseGroups.data) === null || _b === void 0 ? void 0 : _b.length) || 0, t('All selected'));
     const hasSelectedGroups = selectedGroups.length > 0;
     const onClick = () => {
         var _a;
@@ -187,12 +167,7 @@ export function GroupsFilter({ selectedGroups: controlledSelectedGroups, onGroup
         setFocusedItemIndex(null);
         setActiveItem(null);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [inputValue]);
-    useEffect(() => {
-        if (!inputValue) {
-            setSelectOptions(list);
-        }
-    }, [list, inputValue]);
+    }, [inputValue, list]);
     useEffect(() => {
         if (isEmpty(selectedGroups)) {
             setSelectedItems({});

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/cases",
-    "version": "2.6.191",
+    "version": "2.6.194",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -38,11 +38,11 @@
         "@patternfly/patternfly": "6.2.1",
         "@patternfly/react-core": "6.2.1",
         "@patternfly/react-table": "6.2.1",
-        "@rh-support/components": "2.5.187",
-        "@rh-support/react-context": "2.5.281",
+        "@rh-support/components": "2.5.190",
+        "@rh-support/react-context": "2.5.284",
         "@rh-support/types": "2.0.26",
-        "@rh-support/user-permissions": "2.5.133",
-        "@rh-support/utils": "2.5.115",
+        "@rh-support/user-permissions": "2.5.136",
+        "@rh-support/utils": "2.5.118",
         "localforage": "^1.10.0",
         "lodash": "^4.17.21",
         "pegjs": "^0.10.0",
@@ -92,5 +92,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "62de68194f68d9d3546ff5e6569d2d5137609e8e"
+    "gitHead": "9017d17207b6357a27edbab889de8f10696e745b"
 }