@centreon/ui 23.10.86 → 23.10.88

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@centreon/ui",
-  "version": "23.10.86",
+  "version": "23.10.88",
   "description": "Centreon UI Components",
   "scripts": {
     "eslint": "eslint ./src --ext .js,.jsx,.ts,.tsx --max-warnings 0",

package/src/Graph/SingleBar/SingleBar.tsx

@@ -1,4 +1,4 @@
-import { Responsive } from '@visx/visx';
+import { ParentSize } from '../..';
 
 import { SingleBarProps } from './models';
 import ResponsiveSingleBar from './ResponsiveSingleBar';
@@ -9,7 +9,7 @@ const SingleBar = ({ data, ...props }: SingleBarProps): JSX.Element | null => {
   }
 
   return (
-    <Responsive.ParentSizeModern>
+    <ParentSize>
       {({ width, height }) => (
         <ResponsiveSingleBar
           {...props}
@@ -18,7 +18,7 @@ const SingleBar = ({ data, ...props }: SingleBarProps): JSX.Element | null => {
           width={width}
         />
       )}
-    </Responsive.ParentSizeModern>
+    </ParentSize>
   );
 };
 

package/src/api/useGraphQuery/index.ts

@@ -55,10 +55,12 @@ interface PerformanceGraphData extends Omit<LineChartData, 'global'> {
   base: number;
 }
 
-const resourceTypeQueryParameter = {
+export const resourceTypeQueryParameter = {
   [WidgetResourceType.host]: 'host.id',
   [WidgetResourceType.hostCategory]: 'hostcategory.id',
   [WidgetResourceType.hostGroup]: 'hostgroup.id',
+  [WidgetResourceType.serviceCategory]: 'servicecategory.id',
+  [WidgetResourceType.serviceGroup]: 'servicegroup.id',
   [WidgetResourceType.service]: 'service.name'
 };
 

package/src/api/useGraphQuery/models.ts

@@ -9,5 +9,7 @@ export enum WidgetResourceType {
   host = 'host',
   hostCategory = 'host-category',
   hostGroup = 'host-group',
-  service = 'service'
+  service = 'service',
+  serviceCategory = 'service-category',
+  serviceGroup = 'service-group'
 }

package/src/index.ts

@@ -123,7 +123,10 @@ export type {
 export { default as Responsive } from './Responsive';
 export { default as useFetchQuery } from './api/useFetchQuery';
 export { default as useMutationQuery, Method } from './api/useMutationQuery';
-export { default as useGraphQuery } from './api/useGraphQuery';
+export {
+  default as useGraphQuery,
+  resourceTypeQueryParameter
+} from './api/useGraphQuery';
 export { default as QueryProvider } from './api/QueryProvider';
 export {
   default as FileDropZone,

package/src/utils/useRefreshInterval.ts

@@ -4,7 +4,7 @@ import { always, cond, equals } from 'ramda';
 import { refreshIntervalAtom } from '@centreon/ui-context';
 
 interface Props {
-  globalRefreshInterval: {
+  globalRefreshInterval?: {
     interval: number | null;
     type: 'global' | 'manual';
   };
@@ -15,7 +15,10 @@ interface Props {
 export const useRefreshInterval = ({
   refreshInterval,
   refreshIntervalCustom,
-  globalRefreshInterval
+  globalRefreshInterval = {
+    interval: null,
+    type: 'global'
+  }
 }: Props): number | false => {
   const platformInterval = useAtomValue(refreshIntervalAtom);