@centreon/ui 23.10.87 → 23.10.89

package/package.json

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

package/src/Graph/SingleBar/ResponsiveSingleBar.tsx

@@ -110,7 +110,7 @@ const ResponsiveSingleBar = ({
     () =>
       scaleLinear<number>({
         domain: [0, adaptedMaxValue],
-        range: [0, width]
+        range: [0, width - 10 || 0]
       }),
     [width, adaptedMaxValue]
   );
@@ -150,7 +150,7 @@ const ResponsiveSingleBar = ({
               height={barHeights[size]}
               rx={4}
               style={springStyle}
-              x={0}
+              x={5}
               y={groupMargin + (isSmall ? 0 : 2 * margins.top)}
             />
             <Bar
@@ -160,7 +160,7 @@ const ResponsiveSingleBar = ({
               ry={4}
               stroke={alpha(theme.palette.text.primary, 0.3)}
               width={maxBarWidth}
-              x={0}
+              x={5}
               y={groupMargin + (isSmall ? 0 : 2 * margins.top)}
             />
             {thresholds.enabled && (

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,