@centreon/ui 24.5.10 → 24.5.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@centreon/ui",
-  "version": "24.5.10",
+  "version": "24.5.11",
   "description": "Centreon UI Components",
   "scripts": {
     "update:deps": "pnpx npm-check-updates -i --format group",

package/src/Module/index.tsx

@@ -1,4 +1,5 @@
 import { Provider as JotaiProvider, createStore } from 'jotai';
+import { QueryClient } from '@tanstack/react-query';
 
 import { createGenerateClassName, StylesProvider } from '@mui/styles';
 
@@ -8,6 +9,7 @@ import SnackbarProvider from '../Snackbar/SnackbarProvider';
 export interface ModuleProps {
   children: React.ReactElement;
   maxSnackbars?: number;
+  queryClient?: QueryClient;
   seedName: string;
   store: ReturnType<typeof createStore>;
 }
@@ -16,14 +18,15 @@ const Module = ({
   children,
   seedName,
   maxSnackbars = 3,
-  store
+  store,
+  queryClient
 }: ModuleProps): JSX.Element => {
   const generateClassName = createGenerateClassName({
     seed: seedName
   });
 
   return (
-    <QueryProvider>
+    <QueryProvider queryClient={queryClient}>
       <JotaiProvider store={store}>
         <StylesProvider generateClassName={generateClassName}>
           <ThemeProvider>

package/src/api/QueryProvider.tsx

@@ -17,10 +17,13 @@ export const client = new QueryClient({
 
 interface Props {
   children: ReactNode;
+  queryClient?: QueryClient;
 }
 
-const QueryProvider = ({ children }: Props): JSX.Element => (
-  <QueryClientProvider client={client}>{children}</QueryClientProvider>
+const QueryProvider = ({ children, queryClient }: Props): JSX.Element => (
+  <QueryClientProvider client={queryClient || client}>
+    {children}
+  </QueryClientProvider>
 );
 
 export default QueryProvider;

package/src/api/useGraphQuery/index.ts

@@ -27,6 +27,7 @@ interface UseMetricsQueryProps {
   bypassQueryParams?: boolean;
   includeAllResources?: boolean;
   metrics: Array<Metric>;
+  prefix?: string;
   refreshCount?: number;
   refreshInterval?: number | false;
   resources?: Array<Resource>;
@@ -92,7 +93,8 @@ const useGraphQuery = ({
   },
   refreshInterval = false,
   refreshCount,
-  bypassQueryParams = false
+  bypassQueryParams = false,
+  prefix
 }: UseMetricsQueryProps): UseMetricsQueryState => {
   const timePeriodToUse = equals(timePeriod?.timePeriodType, -1)
     ? {
@@ -110,6 +112,8 @@ const useGraphQuery = ({
     encodeURIComponent(metric.name)
   );
 
+  const prefixQuery = prefix ? [prefix] : [];
+
   const {
     data: graphData,
     isFetching,
@@ -139,6 +143,7 @@ const useGraphQuery = ({
       }&metric_names=[${formattedDefinedMetrics.join(',')}]`;
     },
     getQueryKey: () => [
+      ...prefixQuery,
       'graph',
       JSON.stringify(definedMetrics),
       JSON.stringify(resources),