@centreon/ui 24.4.72 → 24.4.74

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
-});

package/src/utils/resourcesStatusURL.ts

@@ -1,166 +0,0 @@
-import {
-  always,
-  cond,
-  equals,
-  flatten,
-  groupBy,
-  identity,
-  includes,
-  map,
-  pipe,
-  T
-} from 'ramda';
-
-import { SelectEntry } from '..';
-
-import { centreonBaseURL } from './centreonBaseURL';
-
-export interface Resource {
-  resourceType: string;
-  resources: Array<SelectEntry>;
-}
-
-interface GetResourcesUrlProps {
-  allResources: Array<Resource>;
-  isForOneResource: boolean;
-  resource?;
-  states: Array<string>;
-  statuses: Array<string>;
-  type: string;
-}
-
-export const getDetailsPanelQueriers = ({ resource, type }): object => {
-  const { id, parentId, uuid } = resource;
-
-  const resourcesDetailsEndpoint = cond([
-    [
-      equals('host'),
-      always(`${centreonBaseURL}/api/latest/monitoring/resources/hosts/${id}`)
-    ],
-    [
-      equals('service'),
-      always(
-        `${centreonBaseURL}/api/latest/monitoring/resources/hosts/${parentId}/services/${id}`
-      )
-    ],
-    [
-      equals('metaservice'),
-      always(
-        `${centreonBaseURL}/api/latest/monitoring/resources/metaservices/${id}`
-      )
-    ],
-    [
-      equals('anomaly-detection'),
-      always(
-        `${centreonBaseURL}/api/latest/monitoring/resources/anomaly-detection/${id}`
-      )
-    ]
-  ])(type);
-
-  const queryParameters = {
-    id,
-    resourcesDetailsEndpoint,
-    selectedTimePeriodId: 'last_24_h',
-    tab: 'details',
-    tabParameters: {},
-    uuid
-  };
-
-  return queryParameters;
-};
-
-export const getResourcesUrl = ({
-  type,
-  statuses,
-  states,
-  allResources,
-  isForOneResource,
-  resource
-}: GetResourcesUrlProps): string => {
-  const resourcesCriterias = equals(type, 'all')
-    ? {
-        name: 'resource_types',
-        value: [
-          { id: 'service', name: 'Service' },
-          { id: 'host', name: 'Host' }
-        ]
-      }
-    : {
-        name: 'resource_types',
-        value: [
-          { id: type, name: `${type.charAt(0).toUpperCase()}${type.slice(1)}` }
-        ]
-      };
-
-  const formattedStatuses = pipe(
-    flatten,
-    map((status: string) => {
-      return {
-        id: status.toLocaleUpperCase(),
-        name: `${status.charAt(0).toUpperCase()}${status.slice(1)}`
-      };
-    })
-  )(statuses);
-
-  const formattedStates = states.map((state) => {
-    return {
-      id: state,
-      name: `${state.charAt(0).toUpperCase()}${state.slice(1)}`
-    };
-  });
-
-  const groupedResources = groupBy(
-    ({ resourceType }) => resourceType,
-    allResources
-  );
-
-  const resourcesFilters = Object.entries(groupedResources).map(
-    ([resourceType, res]) => {
-      const name = cond<Array<string>, string>([
-        [equals('host'), always('parent_name')],
-        [equals('service'), always('name')],
-        [T, identity]
-      ])(resourceType);
-
-      return {
-        name: name.replace('-', '_'),
-        value: flatten(
-          (res || []).map(({ resources: subResources }) => {
-            return subResources.map(({ name: resourceName }) => ({
-              id: includes(name, ['name', 'parent_name'])
-                ? `\\b${resourceName}\\b`
-                : resourceName,
-              name: resourceName
-            }));
-          })
-        )
-      };
-    }
-  );
-
-  const filterQueryParameter = {
-    criterias: [
-      resourcesCriterias,
-      { name: 'statuses', value: formattedStatuses },
-      { name: 'states', value: formattedStates },
-      ...resourcesFilters,
-      { name: 'search', value: '' }
-    ]
-  };
-
-  const encodedFilterParams = encodeURIComponent(
-    JSON.stringify(filterQueryParameter)
-  );
-
-  if (!isForOneResource) {
-    return `/monitoring/resources?filter=${encodedFilterParams}&fromTopCounter=true`;
-  }
-
-  const detailsPanelQueriers = getDetailsPanelQueriers({ resource, type });
-
-  const encodedDetailsParams = encodeURIComponent(
-    JSON.stringify(detailsPanelQueriers)
-  );
-
-  return `/monitoring/resources?details=${encodedDetailsParams}&filter=${encodedFilterParams}&fromTopCounter=true`;
-};

package/src/utils/usePluralizedTranslation.test.ts

@@ -1,159 +0,0 @@
-import { act, renderHook } from '@testing-library/react';
-import { useAtom } from 'jotai';
-
-import { ListingVariant, userAtom } from '@centreon/ui-context';
-
-import { usePluralizedTranslation } from './usePluralizedTranslation';
-
-const baseUser = {
-  alias: 'admin',
-  isExportButtonEnabled: false,
-  name: 'admin',
-  timezone: 'Europe/Paris',
-  use_deprecated_pages: false,
-  user_interface_density: ListingVariant.compact
-};
-
-describe('usePluralizedTranslation', () => {
-  describe('English', () => {
-    it('returns the plural of a word when the corresponding count is set', () => {
-      const { result } = renderHook(() => {
-        return {
-          pluralizedTranslation: usePluralizedTranslation(),
-          userAtom: useAtom(userAtom)
-        };
-      });
-
-      act(() => {
-        result.current.userAtom[1]({
-          ...baseUser,
-          locale: 'en'
-        });
-      });
-
-      expect(
-        result.current.pluralizedTranslation.pluralizedT({
-          count: 2,
-          label: 'House'
-        })
-      ).toEqual('Houses');
-    });
-
-    it('returns the singular of a word when the corresponding count is set', () => {
-      const { result } = renderHook(() => {
-        return {
-          pluralizedTranslation: usePluralizedTranslation(),
-          userAtom: useAtom(userAtom)
-        };
-      });
-
-      act(() => {
-        result.current.userAtom[1]({
-          ...baseUser,
-          locale: 'en'
-        });
-      });
-
-      expect(
-        result.current.pluralizedTranslation.pluralizedT({
-          count: 1,
-          label: 'House'
-        })
-      ).toEqual('House');
-    });
-
-    it('returns the plural of a word when the corresponding count is 0 and the language is english', () => {
-      const { result } = renderHook(() => {
-        return {
-          pluralizedTranslation: usePluralizedTranslation(),
-          userAtom: useAtom(userAtom)
-        };
-      });
-
-      act(() => {
-        result.current.userAtom[1]({
-          ...baseUser,
-          locale: 'en'
-        });
-      });
-
-      expect(
-        result.current.pluralizedTranslation.pluralizedT({
-          count: 0,
-          label: 'House'
-        })
-      ).toEqual('Houses');
-    });
-  });
-
-  describe('French', () => {
-    it('returns the plural of a word when the corresponding count is set', () => {
-      const { result } = renderHook(() => {
-        return {
-          pluralizedTranslation: usePluralizedTranslation(),
-          userAtom: useAtom(userAtom)
-        };
-      });
-
-      act(() => {
-        result.current.userAtom[1]({
-          ...baseUser,
-          locale: 'fr'
-        });
-      });
-
-      expect(
-        result.current.pluralizedTranslation.pluralizedT({
-          count: 2,
-          label: 'Maison'
-        })
-      ).toEqual('Maisons');
-    });
-
-    it('returns the singular of a word when the corresponding count is set', () => {
-      const { result } = renderHook(() => {
-        return {
-          pluralizedTranslation: usePluralizedTranslation(),
-          userAtom: useAtom(userAtom)
-        };
-      });
-
-      act(() => {
-        result.current.userAtom[1]({
-          ...baseUser,
-          locale: 'fr'
-        });
-      });
-
-      expect(
-        result.current.pluralizedTranslation.pluralizedT({
-          count: 1,
-          label: 'Maison'
-        })
-      ).toEqual('Maison');
-    });
-
-    it('returns the singular of a word when the corresponding count is 0 and the language is english', () => {
-      const { result } = renderHook(() => {
-        return {
-          pluralizedTranslation: usePluralizedTranslation(),
-          userAtom: useAtom(userAtom)
-        };
-      });
-
-      act(() => {
-        result.current.userAtom[1]({
-          ...baseUser,
-          locale: 'fr'
-        });
-      });
-
-      expect(
-        result.current.pluralizedTranslation.pluralizedT({
-          count: 0,
-          label: 'Maison'
-        })
-      ).toEqual('Maison');
-    });
-  });
-});