@centreon/ui 24.4.1-sync-release-34022.1 → 24.4.1-test-code-coverage.0

package/src/components/Form/AccessRights/List/ContactAccessRightsListItemSkeleton.tsx

@@ -1,26 +0,0 @@
-import { ReactElement } from 'react';
-
-import { List } from '../../../List';
-
-import { useStyles } from './ContactAccessRightsList.styles';
-
-export type ContactAccessRightsListItemSkeletonProps = {
-  hasAvatar?: boolean;
-};
-
-const ContactAccessRightsListItemSkeleton = ({
-  hasAvatar = true
-}: ContactAccessRightsListItemSkeletonProps): ReactElement => {
-  const { classes } = useStyles();
-
-  return (
-    <List.Item className={classes.contactAccessRightsListItem}>
-      <span>
-        {hasAvatar && <List.Item.Avatar.Skeleton />}
-        <List.Item.Text.Skeleton secondaryText />
-      </span>
-    </List.Item>
-  );
-};
-
-export { ContactAccessRightsListItemSkeleton };

package/src/components/Form/AccessRights/List/ContactAccessRightsListSkeleton.tsx

@@ -1,28 +0,0 @@
-import { ReactElement } from 'react';
-
-import { List } from '../../../List';
-
-import { useStyles } from './ContactAccessRightsList.styles';
-import { ContactAccessRightsListItemSkeleton } from './ContactAccessRightsListItemSkeleton';
-
-export type ContactAccessRightsListSkeletonProps = {
-  length?: number;
-};
-
-const ContactAccessRightsListSkeleton = ({
-  length = 3
-}: ContactAccessRightsListSkeletonProps): ReactElement => {
-  const { classes } = useStyles();
-
-  return (
-    <div className={classes.contactAccessRightsList}>
-      <List>
-        {[...Array(length).keys()].map((key) => (
-          <ContactAccessRightsListItemSkeleton key={key} />
-        ))}
-      </List>
-    </div>
-  );
-};
-
-export { ContactAccessRightsListSkeleton };

package/src/components/Form/AccessRights/Stats/AccessRightsStats.styles.ts

@@ -1,18 +0,0 @@
-import { makeStyles } from 'tss-react/mui';
-
-const useStyles = makeStyles()((theme) => ({
-  accessRightsStats: {
-    '& > span:not(:last-child)::after': {
-      content: '", "'
-    },
-    alignSelf: 'flex-end',
-    color: theme.palette.text.secondary,
-    fontSize: '0.75rem',
-    height: '1.5rem',
-    lineHeight: '1.5rem',
-
-    padding: theme.spacing(1, 0)
-  }
-}));
-
-export { useStyles };

package/src/components/Form/AccessRights/Stats/AccessRightsStats.tsx

@@ -1,41 +0,0 @@
-import { ReactElement, useMemo } from 'react';
-
-import { useAccessRightsForm } from '../useAccessRightsForm';
-import { ContactAccessRightState } from '../AccessRights.resource';
-
-import { useStyles } from './AccessRightsStats.styles';
-
-export type AccessRightsStatsProps = {
-  labels: Record<Exclude<ContactAccessRightState, 'unchanged'>, string>;
-};
-
-const AccessRightsStats = ({
-  labels
-}: AccessRightsStatsProps): ReactElement => {
-  const { classes } = useStyles();
-
-  const { stats } = useAccessRightsForm();
-
-  const statsElements = useMemo(() => {
-    const elements: Array<ReactElement> = [];
-
-    ['added', 'updated', 'removed'].forEach((state) => {
-      if (stats?.[state] > 0)
-        elements.push(
-          <span key={state}>
-            <strong>{stats[state]}</strong> {labels[state]}
-          </span>
-        );
-    });
-
-    return elements;
-  }, [stats]);
-
-  return (
-    <div className={classes.accessRightsStats}>
-      {statsElements.length !== 0 && statsElements.map((el) => el)}
-    </div>
-  );
-};
-
-export { AccessRightsStats };

package/src/components/Form/AccessRights/__fixtures__/contactAccessRight.mock.ts

@@ -1,54 +0,0 @@
-import { faker } from '@faker-js/faker';
-
-import {
-  ContactAccessRightResource,
-  ContactGroupResource,
-  ContactResource,
-  RoleResource
-} from '../AccessRights.resource';
-
-faker.seed(42);
-
-export const rolesMock = (): Array<RoleResource> => [
-  { role: 'viewer' },
-  { role: 'editor' }
-];
-
-export const contactMock = (): ContactResource => ({
-  email: faker.internet.email(),
-  id: faker.string.uuid(),
-  name: faker.person.fullName(),
-  type: 'contact'
-});
-
-export const contactsMock = (length: number): Array<ContactResource> =>
-  [...Array(length).keys()].map(contactMock);
-
-export const contactGroupMock = (): ContactGroupResource => ({
-  id: faker.string.uuid(),
-  name: faker.company.name(),
-  type: 'contact_group'
-});
-export const contactGroupsMock = (
-  length: number
-): Array<ContactGroupResource> =>
-  [...Array(length).keys()].map(contactGroupMock);
-
-export const contactsAndGroupsMock = (
-  length: number
-): Array<ContactResource | ContactGroupResource> =>
-  [...Array(length).keys()].map(
-    () =>
-      faker.helpers.maybe(contactGroupMock, { probability: 0.2 }) ??
-      contactMock()
-  );
-
-export const contactAccessRightsMock = (
-  length: number
-): Array<ContactAccessRightResource> =>
-  [...Array(length).keys()].map(() => ({
-    contact:
-      faker.helpers.maybe(contactGroupMock, { probability: 0.2 }) ??
-      contactMock(),
-    role: faker.helpers.arrayElement(rolesMock().map(({ role }) => role))
-  }));

package/src/components/Form/AccessRights/common/GroupLabel.styles.ts

@@ -1,18 +0,0 @@
-import { makeStyles } from 'tss-react/mui';
-
-const useStyles = makeStyles()((theme) => ({
-  groupLabel: {
-    backgroundColor: theme.palette.chip.color.neutral,
-    borderRadius: '0.1875rem',
-    color: theme.palette.primary.contrastText,
-    fontSize: '0.5625rem',
-    fontWeight: 500,
-    letterSpacing: '0.05rem',
-    marginLeft: theme.spacing(1),
-    padding: theme.spacing(0.125, 0.5),
-    textTransform: 'uppercase',
-    verticalAlign: 'middle'
-  }
-}));
-
-export { useStyles };

package/src/components/Form/AccessRights/common/GroupLabel.tsx

@@ -1,15 +0,0 @@
-import { ReactElement } from 'react';
-
-import { useStyles } from './GroupLabel.styles';
-
-export type GroupLabelProps = {
-  label: string;
-};
-
-const GroupLabel = ({ label }: GroupLabelProps): ReactElement => {
-  const { classes } = useStyles();
-
-  return <span className={classes.groupLabel}>{label}</span>;
-};
-
-export { GroupLabel };

package/src/components/Form/AccessRights/common/Input.styles.ts

@@ -1,48 +0,0 @@
-import { makeStyles } from 'tss-react/mui';
-
-const useInputStyles = makeStyles()((theme) => ({
-  inputDropdown: {
-    '& .MuiMenuItem-root': {
-      '& > .MuiTouchRipple-root': {
-        display: 'none'
-      },
-
-      '&.Mui-disabled': {
-        opacity: 0.5
-      },
-      '&.Mui-selected, &.Mui-selected:hover, &.MuiAutocomplete-option[aria-selected="true"], &.MuiAutocomplete-option[aria-selected="true"].Mui-focused':
-        {
-          '&.Mui-disabled': {
-            opacity: 1
-          },
-          backgroundColor: theme.palette.menu.item.background.active,
-          color: theme.palette.menu.item.color.active,
-          opacity: 1
-        },
-      '&:hover, &.MuiAutocomplete-option.Mui-focused:not(&[aria-selected="true"])':
-        {
-          backgroundColor: theme.palette.menu.item.background.hover,
-          color: theme.palette.menu.item.color.hover
-        },
-      backgroundColor: theme.palette.menu.item.background.default,
-      color: theme.palette.menu.item.color.default,
-      fontSize: '0.875rem',
-
-      minHeight: 'unset',
-
-      padding: theme.spacing(0.75, 2)
-    },
-    '&.MuiAutocomplete-popper > .MuiPaper-root, &.MuiPopover-root > .MuiPaper-root':
-      {
-        '& > ul.MuiAutocomplete-listbox, & > ul.MuiList-root': {
-          padding: theme.spacing(1, 0)
-        },
-        backgroundColor: theme.palette.menu.background,
-        borderRadius: '4px',
-
-        boxShadow: theme.shadows[8]
-      }
-  }
-}));
-
-export { useInputStyles };

package/src/components/Form/AccessRights/common/RoleInputSelect.styles.ts

@@ -1,11 +0,0 @@
-import { makeStyles } from 'tss-react/mui';
-
-const useStyles = makeStyles()(() => ({
-  roleInputSelect: {
-    flexShrink: 0,
-    lineHeight: '1.5',
-    minWidth: '6rem'
-  }
-}));
-
-export { useStyles };

package/src/components/Form/AccessRights/common/RoleInputSelect.tsx

@@ -1,57 +0,0 @@
-import { ReactElement, useCallback } from 'react';
-
-import {
-  MenuItem as MuiMenuItem,
-  Select as MuiSelect,
-  SelectProps as MuiSelectProps
-} from '@mui/material';
-
-import { useAccessRightsForm } from '../useAccessRightsForm';
-import { RoleResource } from '../AccessRights.resource';
-
-import { useStyles } from './RoleInputSelect.styles';
-import { useInputStyles } from './Input.styles';
-
-type RoleInputSelectProps = {
-  id: string;
-  label?: string;
-  name: string;
-  onChange?: (value: RoleResource['role']) => void;
-} & Pick<MuiSelectProps, 'value' | 'defaultValue' | 'disabled'>;
-
-const RoleInputSelect = ({
-  label,
-  onChange,
-  ...props
-}: RoleInputSelectProps): ReactElement => {
-  const { classes } = useStyles();
-  const { classes: inputClasses } = useInputStyles();
-
-  const {
-    options: { roles }
-  } = useAccessRightsForm();
-
-  const onInputChange = useCallback((e) => onChange?.(e), [onChange]);
-
-  return (
-    <MuiSelect
-      size="small"
-      {...props}
-      {...(label && { label })}
-      MenuProps={{
-        className: inputClasses.inputDropdown
-      }}
-      className={classes.roleInputSelect}
-      data-testid="role-input"
-      onChange={onInputChange}
-    >
-      {roles.map(({ role }) => (
-        <MuiMenuItem key={role} value={role}>
-          {role}
-        </MuiMenuItem>
-      ))}
-    </MuiSelect>
-  );
-};
-
-export { RoleInputSelect };

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

@@ -1,3 +0,0 @@
-export * from './AccessRightsForm';
-export * from './AccessRights.resource';
-export * from './useAccessRightsForm.utils';