@centreon/ui 24.5.8 → 24.5.9

package/src/Graph/LineChart/mockedData/curvesWithSameColor.json

@@ -1,252 +0,0 @@
-{
-  "global": {
-    "title": "oracle-buffer-hit-ratio graph on srv-oracle-users",
-    "start": "2023-06-18T17:04:46+02:00",
-    "end": "2023-06-19T17:04:46+02:00",
-    "vertical-label": "Value",
-    "base": 1000,
-    "width": 550,
-    "height": 140,
-    "scaled": 0,
-    "multiple_services": false
-  },
-  "metrics": [
-    {
-      "metric_id": 1,
-      "metric": "Centreon-Server: rta",
-      "metric_legend": "Centreon-Server: rta",
-      "unit": "ms",
-      "min": 0.0,
-      "max": null,
-      "ds_data": {
-        "ds_color_line": "#29AFEE"
-      },
-      "legend": "Centreon-Server: Round-Trip Average Time",
-      "stack": 0,
-      "warning_high_threshold": 200.0,
-      "critical_high_threshold": 400.0,
-      "warning_low_threshold": 0.0,
-      "critical_low_threshold": 0.0,
-      "ds_order": 1,
-      "data": [
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        0.040219730942,
-        0.03038,
-        0.02108,
-        null
-      ],
-      "last_value": 0.02,
-      "minimum_value": null,
-      "maximum_value": null,
-      "average_value": 0.03
-    },
-    {
-      "metric_id": 21,
-      "metric": "Centreon-Server_1: rta",
-      "metric_legend": "Centreon-Server_1: rta",
-      "unit": "ms",
-      "min": 0.0,
-      "max": null,
-      "ds_data": {
-        "ds_color_line": "#29AFEE"
-      },
-      "legend": "Centreon-Server_1: Round-Trip Average Time",
-      "stack": 0,
-      "warning_high_threshold": 200.0,
-      "critical_high_threshold": 400.0,
-      "warning_low_threshold": 0.0,
-      "critical_low_threshold": 0.0,
-      "ds_order": 1,
-      "data": [
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        0.046261744966,
-        0.033813333333,
-        null
-      ],
-      "last_value": 0.03,
-      "minimum_value": null,
-      "maximum_value": null,
-      "average_value": 0.04
-    },
-    {
-      "metric_id": 17,
-      "metric": "Centreon-Server_2: rta",
-      "metric_legend": "Centreon-Server_2: rta",
-      "unit": "ms",
-      "min": 0.0,
-      "max": null,
-      "ds_data": {
-        "ds_color_line": "#29AFEE"
-      },
-      "legend": "Centreon-Server_2: Round-Trip Average Time",
-      "stack": 0,
-      "warning_high_threshold": 200.0,
-      "critical_high_threshold": 400.0,
-      "warning_low_threshold": 0.0,
-      "critical_low_threshold": 0.0,
-      "ds_order": 1,
-      "data": [
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        0.035661073826,
-        0.03853,
-        null
-      ],
-      "last_value": 0.04,
-      "minimum_value": null,
-      "maximum_value": null,
-      "average_value": 0.04
-    },
-    {
-      "metric_id": 13,
-      "metric": "Centreon-Server_3: rta",
-      "metric_legend": "Centreon-Server_3: rta",
-      "unit": "ms",
-      "min": 0.0,
-      "max": null,
-      "ds_data": {
-        "ds_color_line": "#29AFEE"
-      },
-      "legend": "Centreon-Server_3: Round-Trip Average Time",
-      "stack": 0,
-      "warning_high_threshold": 200.0,
-      "critical_high_threshold": 400.0,
-      "warning_low_threshold": 0.0,
-      "critical_low_threshold": 0.0,
-      "ds_order": 1,
-      "data": [
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        0.055875838926,
-        0.03161,
-        null
-      ],
-      "last_value": 0.03,
-      "minimum_value": null,
-      "maximum_value": null,
-      "average_value": 0.04
-    },
-    {
-      "metric_id": 9,
-      "metric": "Centreon-Server_4: rta",
-      "metric_legend": "Centreon-Server_4: rta",
-      "unit": "ms",
-      "min": 0.0,
-      "max": null,
-      "ds_data": {
-        "ds_color_line": "#29AFEE"
-      },
-      "legend": "Centreon-Server_4: Round-Trip Average Time",
-      "stack": 0,
-      "warning_high_threshold": 200.0,
-      "critical_high_threshold": 400.0,
-      "warning_low_threshold": 0.0,
-      "critical_low_threshold": 0.0,
-      "ds_order": 1,
-      "data": [
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        0.02077852349,
-        0.03634,
-        null
-      ],
-      "last_value": 0.04,
-      "minimum_value": null,
-      "maximum_value": null,
-      "average_value": 0.03
-    },
-    {
-      "metric_id": 5,
-      "metric": "Centreon-Server_5: rta",
-      "metric_legend": "Centreon-Server_5: rta",
-      "unit": "ms",
-      "min": 0.0,
-      "max": null,
-      "ds_data": {
-        "ds_color_line": "#29AFEE"
-      },
-      "legend": "Centreon-Server_5: Round-Trip Average Time",
-      "stack": 0,
-      "warning_high_threshold": 200.0,
-      "critical_high_threshold": 400.0,
-      "warning_low_threshold": 0.0,
-      "critical_low_threshold": 0.0,
-      "ds_order": 1,
-      "data": [
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        null,
-        0.042899328859,
-        0.051873333333,
-        null
-      ],
-      "last_value": 0.05,
-      "minimum_value": null,
-      "maximum_value": null,
-      "average_value": 0.05
-    }
-  ],
-  "times": [
-    "2024-05-10T09:20:00+02:00",
-    "2024-05-10T09:25:00+02:00",
-    "2024-05-10T09:30:00+02:00",
-    "2024-05-10T09:35:00+02:00",
-    "2024-05-10T09:40:00+02:00",
-    "2024-05-10T09:45:00+02:00",
-    "2024-05-10T09:50:00+02:00",
-    "2024-05-10T09:55:00+02:00",
-    "2024-05-10T10:00:00+02:00",
-    "2024-05-10T10:05:00+02:00",
-    "2024-05-10T10:10:00+02:00",
-    "2024-05-10T10:15:00+02:00",
-    "2024-05-10T10:20:00+02:00"
-  ]
-}

package/src/api/logger.ts

@@ -1,11 +0,0 @@
-export const errorLog = (text: string): void => {
-  const { error: log } = console;
-
-  log(`API Request: ${text}`);
-};
-
-export const warnLog = (text: string): void => {
-  const { warn: log } = console;
-
-  log(`API Request: ${text}`);
-};

package/src/components/Form/AccessRights/useAccessRightsChange.ts

@@ -1,30 +0,0 @@
-import { useEffect } from 'react';
-
-import { useAtomValue } from 'jotai';
-
-import { useDeepCompare } from '../../../utils';
-
-import { valuesAtom } from './atoms';
-import { formatValueForSubmition } from './utils';
-import { AccessRightInitialValues } from './models';
-
-export const useAccessRightsChange = (
-  onChange?: (values: Array<AccessRightInitialValues>) => void
-): void => {
-  const values = useAtomValue(valuesAtom);
-
-  useEffect(
-    () => {
-      if (!onChange) {
-        return;
-      }
-
-      onChange(
-        values
-          .filter(({ isRemoved }) => !isRemoved)
-          .map(formatValueForSubmition)
-      );
-    },
-    useDeepCompare([values])
-  );
-};

package/src/components/Form/AccessRights/utils.ts

@@ -1,18 +0,0 @@
-import { omit } from 'ramda';
-
-import { AccessRight, AccessRightInitialValues } from './models';
-
-export const formatValue = (
-  accessRight: AccessRight
-): AccessRightInitialValues => {
-  return omit(['isAdded', 'isUpdated', 'isRemoved'], accessRight);
-};
-
-export const formatValueForSubmition = (
-  accessRight: AccessRight
-): AccessRightInitialValues => {
-  return {
-    ...formatValue(accessRight),
-    id: Number((accessRight.id as string).split('_')[1])
-  };
-};

package/src/components/Tabs/Tab.styles.ts

@@ -1,25 +0,0 @@
-import { makeStyles } from 'tss-react/mui';
-
-export const useTabsStyles = makeStyles()((theme) => ({
-  indicator: {
-    bottom: 'unset'
-  },
-  tab: {
-    '&[aria-selected="true"]': {
-      color: theme.palette.text.primary,
-      fontWeight: theme.typography.fontWeightBold
-    },
-    color: theme.palette.text.primary,
-    fontWeight: theme.typography.fontWeightRegular,
-    marginRight: theme.spacing(2),
-    minHeight: 0,
-    minWidth: 0,
-    padding: theme.spacing(0.5, 0)
-  },
-  tabPanel: {
-    padding: theme.spacing(1, 0, 0)
-  },
-  tabs: {
-    minHeight: theme.spacing(4.5)
-  }
-}));

package/src/components/Tabs/TabPanel.tsx

@@ -1,22 +0,0 @@
-import { TabPanel as MuiTabPanel } from '@mui/lab';
-
-import { useTabsStyles } from './Tab.styles';
-
-type Props = {
-  children: JSX.Element;
-  value: string;
-};
-
-export const TabPanel = ({ children, value }: Props): JSX.Element => {
-  const { classes } = useTabsStyles();
-
-  return (
-    <MuiTabPanel
-      className={classes.tabPanel}
-      data-tabPanel={value}
-      value={value}
-    >
-      {children}
-    </MuiTabPanel>
-  );
-};

package/src/components/Tabs/Tabs.cypress.spec.tsx

@@ -1,70 +0,0 @@
-import { Typography } from '@mui/material';
-
-import { TabPanel } from './TabPanel';
-
-import { Tabs } from '.';
-
-const initialize = (withTabListProps = false): void => {
-  cy.mount({
-    Component: (
-      <Tabs
-        defaultTab="tab 0"
-        tabList={
-          withTabListProps
-            ? {
-                variant: 'fullWidth'
-              }
-            : undefined
-        }
-        tabs={[
-          { label: 'Tab 0', value: 'tab 0' },
-          { label: 'Tab 1', value: 'tab 1' }
-        ]}
-      >
-        <TabPanel value="tab 0">
-          <Typography>Tab 0</Typography>
-        </TabPanel>
-        <TabPanel value="tab 1">
-          <Typography>Tab 1</Typography>
-        </TabPanel>
-      </Tabs>
-    )
-  });
-};
-
-describe('Tabs', () => {
-  it('displays tabs and their content when a tab is selected', () => {
-    initialize();
-
-    cy.get('[data-TabPanel="tab 0"]').should('not.have.attr', 'hidden');
-    cy.get('[data-TabPanel="tab 1"]').should('have.attr', 'hidden');
-    cy.findByLabelText('Tab 0')
-      .should('have.attr', 'aria-selected')
-      .and('equals', 'true');
-    cy.findByLabelText('Tab 1')
-      .should('have.attr', 'aria-selected')
-      .and('equals', 'false');
-
-    cy.contains('Tab 1').click();
-
-    cy.get('[data-TabPanel="tab 0"]').should('have.attr', 'hidden');
-    cy.get('[data-TabPanel="tab 1"]').should('not.have.attr', 'hidden');
-    cy.findByLabelText('Tab 0')
-      .should('have.attr', 'aria-selected')
-      .and('equals', 'false');
-    cy.findByLabelText('Tab 1')
-      .should('have.attr', 'aria-selected')
-      .and('equals', 'true');
-
-    cy.makeSnapshot();
-  });
-
-  it('displays tabs when tabList props are set', () => {
-    initialize(true);
-
-    cy.get('[data-TabPanel="tab 0"]').should('not.have.attr', 'hidden');
-    cy.get('[data-TabPanel="tab 1"]').should('have.attr', 'hidden');
-
-    cy.makeSnapshot();
-  });
-});

package/src/components/Tabs/Tabs.stories.tsx

@@ -1,55 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { Typography } from '@mui/material';
-
-import { TabPanel } from './TabPanel';
-
-import { Tabs } from '.';
-
-const meta: Meta<typeof Tabs> = {
-  component: Tabs
-};
-
-export default meta;
-type Story = StoryObj<typeof Tabs>;
-
-const generateTabs = (size: number): Array<{ label: string; value: string }> =>
-  Array(size)
-    .fill(0)
-    .map((_, index) => ({ label: `Tab ${index}`, value: `tab ${index}` }));
-
-export const Default: Story = {
-  args: {
-    defaultTab: 'tab 0',
-    tabs: generateTabs(2)
-  },
-  render: (args) => (
-    <Tabs {...args}>
-      {generateTabs(2).map(({ value, label }) => (
-        <TabPanel key={value} value={value}>
-          <Typography>{label}</Typography>
-        </TabPanel>
-      ))}
-    </Tabs>
-  )
-};
-
-export const WithTabListProps: Story = {
-  args: {
-    defaultTab: 'tab 0',
-    tabList: {
-      textColor: 'inherit',
-      variant: 'fullWidth'
-    },
-    tabs: generateTabs(2)
-  },
-  render: (args) => (
-    <Tabs {...args}>
-      {generateTabs(2).map(({ value, label }) => (
-        <TabPanel key={value} value={value}>
-          <Typography>{label}</Typography>
-        </TabPanel>
-      ))}
-    </Tabs>
-  )
-};

package/src/components/Tabs/Tabs.tsx

@@ -1,55 +0,0 @@
-import { useCallback, useState } from 'react';
-
-import { TabContext, TabList, TabListProps } from '@mui/lab';
-import { Tab } from '@mui/material';
-
-import { useTabsStyles } from './Tab.styles';
-
-type Props = {
-  children: Array<JSX.Element>;
-  defaultTab: string;
-  tabList?: TabListProps;
-  tabs: Array<{
-    label: string;
-    value: string;
-  }>;
-};
-
-export const Tabs = ({
-  children,
-  defaultTab,
-  tabs,
-  tabList
-}: Props): JSX.Element => {
-  const { classes } = useTabsStyles();
-
-  const [selectedTab, setSelectedTab] = useState(defaultTab);
-
-  const changeTab = useCallback((_, newValue: string): void => {
-    setSelectedTab(newValue);
-  }, []);
-
-  return (
-    <TabContext value={selectedTab}>
-      <TabList
-        classes={{
-          indicator: classes.indicator,
-          root: classes.tabs
-        }}
-        onChange={changeTab}
-        {...tabList}
-      >
-        {tabs.map(({ value, label }) => (
-          <Tab
-            aria-label={label}
-            className={classes.tab}
-            key={value}
-            label={label}
-            value={value}
-          />
-        ))}
-      </TabList>
-      {children}
-    </TabContext>
-  );
-};

package/src/components/Tabs/index.ts

@@ -1,6 +0,0 @@
-import { TabPanel } from './TabPanel';
-import { Tabs as TabsRoot } from './Tabs';
-
-export const Tabs = Object.assign(TabsRoot, {
-  TabPanel
-});