@centreon/ui 24.8.6 → 24.9.0

package/src/base/tokens/themes/ui-light.tokens.json

@@ -14,11 +14,7 @@
       "type": "blue",
       "item": "50"
     },
-    "path": [
-      "color",
-      "blue",
-      "50"
-    ]
+    "path": ["color", "blue", "50"]
   },
   {
     "value": "#d2e4f9",
@@ -35,11 +31,7 @@
       "type": "blue",
       "item": "100"
     },
-    "path": [
-      "color",
-      "blue",
-      "100"
-    ]
+    "path": ["color", "blue", "100"]
   },
   {
     "value": "#9ec4f0",
@@ -56,11 +48,7 @@
       "type": "blue",
       "item": "200"
     },
-    "path": [
-      "color",
-      "blue",
-      "200"
-    ]
+    "path": ["color", "blue", "200"]
   },
   {
     "value": "#6da4e4",
@@ -77,11 +65,7 @@
       "type": "blue",
       "item": "300"
     },
-    "path": [
-      "color",
-      "blue",
-      "300"
-    ]
+    "path": ["color", "blue", "300"]
   },
   {
     "value": "#3e85d5",
@@ -98,11 +82,7 @@
       "type": "blue",
       "item": "400"
     },
-    "path": [
-      "color",
-      "blue",
-      "400"
-    ]
+    "path": ["color", "blue", "400"]
   },
   {
     "value": "#2e68aa",
@@ -119,11 +99,7 @@
       "type": "blue",
       "item": "500"
     },
-    "path": [
-      "color",
-      "blue",
-      "500"
-    ]
+    "path": ["color", "blue", "500"]
   },
   {
     "value": "#205593",
@@ -140,11 +116,7 @@
       "type": "blue",
       "item": "600"
     },
-    "path": [
-      "color",
-      "blue",
-      "600"
-    ]
+    "path": ["color", "blue", "600"]
   },
   {
     "value": "#164274",
@@ -161,11 +133,7 @@
       "type": "blue",
       "item": "700"
     },
-    "path": [
-      "color",
-      "blue",
-      "700"
-    ]
+    "path": ["color", "blue", "700"]
   },
   {
     "value": "#0d2e54",
@@ -182,11 +150,7 @@
       "type": "blue",
       "item": "800"
     },
-    "path": [
-      "color",
-      "blue",
-      "800"
-    ]
+    "path": ["color", "blue", "800"]
   },
   {
     "value": "#071d37",
@@ -203,11 +167,7 @@
       "type": "blue",
       "item": "900"
     },
-    "path": [
-      "color",
-      "blue",
-      "900"
-    ]
+    "path": ["color", "blue", "900"]
   },
   {
     "value": "#031326",
@@ -224,11 +184,7 @@
       "type": "blue",
       "item": "950"
     },
-    "path": [
-      "color",
-      "blue",
-      "950"
-    ]
+    "path": ["color", "blue", "950"]
   },
   {
     "value": "#f8f1f9",
@@ -245,11 +201,7 @@
       "type": "purple",
       "item": "50"
     },
-    "path": [
-      "color",
-      "purple",
-      "50"
-    ]
+    "path": ["color", "purple", "50"]
   },
   {
     "value": "#f0def2",
@@ -266,11 +218,7 @@
       "type": "purple",
       "item": "100"
     },
-    "path": [
-      "color",
-      "purple",
-      "100"
-    ]
+    "path": ["color", "purple", "100"]
   },
   {
     "value": "#ddafe4",
@@ -287,11 +235,7 @@
       "type": "purple",
       "item": "200"
     },
-    "path": [
-      "color",
-      "purple",
-      "200"
-    ]
+    "path": ["color", "purple", "200"]
   },
   {
     "value": "#ce81da",
@@ -308,11 +252,7 @@
       "type": "purple",
       "item": "300"
     },
-    "path": [
-      "color",
-      "purple",
-      "300"
-    ]
+    "path": ["color", "purple", "300"]
   },
   {
     "value": "#c151d2",
@@ -329,11 +269,7 @@
       "type": "purple",
       "item": "400"
     },
-    "path": [
-      "color",
-      "purple",
-      "400"
-    ]
+    "path": ["color", "purple", "400"]
   },
   {
     "value": "#ac28c1",
@@ -350,11 +286,7 @@
       "type": "purple",
       "item": "500"
     },
-    "path": [
-      "color",
-      "purple",
-      "500"
-    ]
+    "path": ["color", "purple", "500"]
   },
   {
     "value": "#872796",
@@ -371,11 +303,7 @@
       "type": "purple",
       "item": "600"
     },
-    "path": [
-      "color",
-      "purple",
-      "600"
-    ]
+    "path": ["color", "purple", "600"]
   },
   {
     "value": "#682172",
@@ -392,11 +320,7 @@
       "type": "purple",
       "item": "700"
     },
-    "path": [
-      "color",
-      "purple",
-      "700"
-    ]
+    "path": ["color", "purple", "700"]
   },
   {
     "value": "#491b50",
@@ -413,11 +337,7 @@
       "type": "purple",
       "item": "800"
     },
-    "path": [
-      "color",
-      "purple",
-      "800"
-    ]
+    "path": ["color", "purple", "800"]
   },
   {
     "value": "#29112c",
@@ -434,11 +354,7 @@
       "type": "purple",
       "item": "900"
     },
-    "path": [
-      "color",
-      "purple",
-      "900"
-    ]
+    "path": ["color", "purple", "900"]
   },
   {
     "value": "#1a0d1c",
@@ -455,11 +371,7 @@
       "type": "purple",
       "item": "950"
     },
-    "path": [
-      "color",
-      "purple",
-      "950"
-    ]
+    "path": ["color", "purple", "950"]
   },
   {
     "value": "#f9fafb",
@@ -476,11 +388,7 @@
       "type": "grey",
       "item": "50"
     },
-    "path": [
-      "color",
-      "grey",
-      "50"
-    ]
+    "path": ["color", "grey", "50"]
   },
   {
     "value": "#eaedf0",
@@ -497,11 +405,7 @@
       "type": "grey",
       "item": "100"
     },
-    "path": [
-      "color",
-      "grey",
-      "100"
-    ]
+    "path": ["color", "grey", "100"]
   },
   {
     "value": "#cad0d8",
@@ -518,11 +422,7 @@
       "type": "grey",
       "item": "200"
     },
-    "path": [
-      "color",
-      "grey",
-      "200"
-    ]
+    "path": ["color", "grey", "200"]
   },
   {
     "value": "#aab4c0",
@@ -539,11 +439,7 @@
       "type": "grey",
       "item": "300"
     },
-    "path": [
-      "color",
-      "grey",
-      "300"
-    ]
+    "path": ["color", "grey", "300"]
   },
   {
     "value": "#8c98a6",
@@ -560,11 +456,7 @@
       "type": "grey",
       "item": "400"
     },
-    "path": [
-      "color",
-      "grey",
-      "400"
-    ]
+    "path": ["color", "grey", "400"]
   },
   {
     "value": "#6f7b8a",
@@ -581,11 +473,7 @@
       "type": "grey",
       "item": "500"
     },
-    "path": [
-      "color",
-      "grey",
-      "500"
-    ]
+    "path": ["color", "grey", "500"]
   },
   {
     "value": "#596573",
@@ -602,11 +490,7 @@
       "type": "grey",
       "item": "600"
     },
-    "path": [
-      "color",
-      "grey",
-      "600"
-    ]
+    "path": ["color", "grey", "600"]
   },
   {
     "value": "#434e5b",
@@ -623,11 +507,7 @@
       "type": "grey",
       "item": "700"
     },
-    "path": [
-      "color",
-      "grey",
-      "700"
-    ]
+    "path": ["color", "grey", "700"]
   },
   {
     "value": "#2f3741",
@@ -644,11 +524,7 @@
       "type": "grey",
       "item": "800"
     },
-    "path": [
-      "color",
-      "grey",
-      "800"
-    ]
+    "path": ["color", "grey", "800"]
   },
   {
     "value": "#1b2127",
@@ -665,11 +541,7 @@
       "type": "grey",
       "item": "900"
     },
-    "path": [
-      "color",
-      "grey",
-      "900"
-    ]
+    "path": ["color", "grey", "900"]
   },
   {
     "value": "#101418",
@@ -686,10 +558,6 @@
       "type": "grey",
       "item": "950"
     },
-    "path": [
-      "color",
-      "grey",
-      "950"
-    ]
+    "path": ["color", "grey", "950"]
   }
-]
+]

package/src/components/Button/Icon/IconButton.tsx

@@ -1,4 +1,4 @@
-import React, { ReactElement, ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 
 import {
   IconButton as MuiIconButton,

package/src/components/CollapsibleItem/CollapsibleItem.tsx

@@ -2,13 +2,13 @@ import { ReactNode } from 'react';
 
 import { equals, type } from 'ramda';
 
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import {
+  Accordion,
   AccordionDetails,
   AccordionSummary,
-  Accordion,
   Typography
 } from '@mui/material';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 
 import { useCollapsibleItemStyles } from './useCollapsibleItemStyles';
 

package/src/components/DataTable/DataListing.tsx

@@ -1,5 +1,5 @@
-import { RowId } from '../../Listing/models';
 import { Listing, ListingProps } from '../..';
+import { RowId } from '../../Listing/models';
 
 export const DataListing = <TRow extends { id: RowId }>(
   props: ListingProps<TRow>

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

@@ -1,5 +1,5 @@
-import { Box } from '@mui/material';
 import Delete from '@mui/icons-material/Delete';
+import { Box } from '@mui/material';
 
 import { IconButton } from '../..';
 import { ColumnType } from '../../Listing/models';

package/src/components/DataTable/DataTable.stories.tsx

@@ -20,7 +20,10 @@ export const Default: Story = {
         {[...Array(5)].map((_, i) => (
           <DataTable.Item
             description={`Item description ${i}`}
-            key={`k-${i}`} // eslint-disable-line react/no-array-index-key
+            key={`k-${
+              // biome-ignore lint/suspicious/noArrayIndexKey:
+              i
+            }`}
             title={`Item ${i}`}
           />
         ))}

package/src/components/DataTable/EmptyState/DataTableEmptyState.tsx

@@ -1,4 +1,4 @@
-import React, { ReactElement } from 'react';
+import { ReactElement } from 'react';
 
 import { useTranslation } from 'react-i18next';
 

package/src/components/DataTable/index.ts

@@ -1,8 +1,8 @@
+import { DataListing } from './DataListing';
 import { DataTable as DataTableRoot } from './DataTable';
+import { DataTableEmptyState } from './EmptyState/DataTableEmptyState';
 import { DataTableItem } from './Item/DataTableItem';
 import { DataTableItemSkeleton } from './Item/DataTableItemSkeleton';
-import { DataTableEmptyState } from './EmptyState/DataTableEmptyState';
-import { DataListing } from './DataListing';
 
 export const DataTable = Object.assign(DataTableRoot, {
   EmptyState: DataTableEmptyState,

package/src/components/Form/AccessRights/AccessRights.cypress.spec.tsx

@@ -108,15 +108,15 @@ describe('Access rights', () => {
   it('displays a removed chip when the corresponding icon is clicked', () => {
     initialize({});
 
-    cy.findByTestId(`remove-Kathy Schmitt`).should(
+    cy.findByTestId('remove-Kathy Schmitt').should(
       'have.attr',
       'data-removed',
       'false'
     );
 
-    cy.findByTestId(`remove-Kathy Schmitt`).click();
+    cy.findByTestId('remove-Kathy Schmitt').click();
 
-    cy.findByTestId(`remove-Kathy Schmitt`).should(
+    cy.findByTestId('remove-Kathy Schmitt').should(
       'have.attr',
       'data-removed',
       'true'
@@ -129,9 +129,9 @@ describe('Access rights', () => {
   it('restores the contact when the contact is removed and the corresponding icon is clicked', () => {
     initialize({});
 
-    cy.findByTestId(`remove-Kathy Schmitt`).click();
+    cy.findByTestId('remove-Kathy Schmitt').click();
 
-    cy.findByTestId(`remove-Kathy Schmitt`).should(
+    cy.findByTestId('remove-Kathy Schmitt').should(
       'have.attr',
       'data-removed',
       'false'
@@ -144,9 +144,9 @@ describe('Access rights', () => {
   it('submits the new acces rights list without the removed contact', () => {
     const { save } = initialize({});
 
-    cy.findByTestId(`remove-Kathy Schmitt`).click();
+    cy.findByTestId('remove-Kathy Schmitt').click();
 
-    cy.findByTestId(`remove-Kathy Schmitt`).should(
+    cy.findByTestId('remove-Kathy Schmitt').should(
       'have.attr',
       'data-removed',
       'true'
@@ -166,8 +166,8 @@ describe('Access rights', () => {
   it('submits the new acces rights list with the updated contact', () => {
     const { save } = initialize({});
 
-    cy.findByTestId(`remove-Kathy Schmitt`).click();
-    cy.findByTestId(`role-Kathy Schmitt`).parent().click();
+    cy.findByTestId('remove-Kathy Schmitt').click();
+    cy.findByTestId('role-Kathy Schmitt').parent().click();
 
     cy.get('li[data-value="editor"]').click();
     cy.contains(labels.list.updated).should('be.visible');
@@ -185,7 +185,7 @@ describe('Access rights', () => {
   it('removes the updated chip when the contact role is updated and its initial role is assigned back', () => {
     initialize({});
 
-    cy.findByTestId(`role-Kathy Schmitt`).parent().click();
+    cy.findByTestId('role-Kathy Schmitt').parent().click();
 
     cy.get('li[data-value="editor"]').click();
     cy.contains(labels.list.updated).should('be.visible');
@@ -275,7 +275,7 @@ describe('Access rights', () => {
 
     cy.contains('Entity Group 10').should('be.visible');
 
-    cy.findByTestId(`role-Kathy Schmitt`).parent().click();
+    cy.findByTestId('role-Kathy Schmitt').parent().click();
     cy.get('li[data-value="editor"]').click();
 
     cy.findByTestId('remove-Linda Schultz').click();

package/src/components/Form/AccessRights/Actions/Actions.tsx

@@ -5,8 +5,8 @@ import { CircularProgress } from '@mui/material';
 import { Button } from '../../..';
 import { AccessRightInitialValues, Labels } from '../models';
 
-import { useActions } from './useActions';
 import { useActionsStyles } from './Actions.styles';
+import { useActions } from './useActions';
 
 interface Props {
   cancel?: ({ dirty, values }) => void;

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

@@ -2,16 +2,16 @@ import { useSetAtom } from 'jotai';
 
 import { Chip } from '@mui/material';
 
-import { AccessRight, Labels } from '../models';
-import { List } from '../../../List';
-import RoleSelectField from '../common/RoleSelectField';
 import { SelectEntry } from '../../../..';
+import { List } from '../../../List';
 import { updateContactRoleDerivedAtom } from '../atoms';
+import RoleSelectField from '../common/RoleSelectField';
+import { AccessRight, Labels } from '../models';
 
-import { useItem } from './useItem';
 import { useListStyles } from './List.styles';
-import StateChip from './StateChip';
 import RemoveAccessRight from './RemoveAccessRight';
+import StateChip from './StateChip';
+import { useItem } from './useItem';
 
 interface Props extends AccessRight {
   index: number;

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

@@ -1,16 +1,16 @@
 import { useAtomValue } from 'jotai';
-import { useTranslation } from 'react-i18next';
 import { isEmpty } from 'ramda';
+import { useTranslation } from 'react-i18next';
 
 import { Typography } from '@mui/material';
 
-import { valuesAtom } from '../atoms';
+import { SelectEntry, Subtitle } from '../../../..';
 import { List as UIList } from '../../../List';
+import { valuesAtom } from '../atoms';
 import { Labels } from '../models';
-import { SelectEntry, Subtitle } from '../../../..';
 
-import { useListStyles } from './List.styles';
 import Item from './Item';
+import { useListStyles } from './List.styles';
 
 interface Props {
   labels: Labels['list'];

package/src/components/Form/AccessRights/ShareInput/ContactSwitch.tsx

@@ -3,9 +3,9 @@ import { useTranslation } from 'react-i18next';
 
 import { FormControlLabel, Radio, RadioGroup } from '@mui/material';
 
-import { ContactType, Labels } from '../models';
-import { contactTypeAtom } from '../atoms';
 import { Subtitle } from '../../../..';
+import { contactTypeAtom } from '../atoms';
+import { ContactType, Labels } from '../models';
 
 import { useContactSwitchStyles } from './ShareInput.styles';
 

package/src/components/Form/AccessRights/ShareInput/ShareInput.styles.ts

@@ -4,7 +4,7 @@ export const useShareInputStyles = makeStyles()((theme) => ({
   inputs: {
     display: 'grid',
     gap: theme.spacing(1),
-    gridTemplateColumns: `1fr min-content min-content`
+    gridTemplateColumns: '1fr min-content min-content'
   }
 }));
 

package/src/components/Form/AccessRights/ShareInput/ShareInput.tsx

@@ -1,16 +1,16 @@
-import { useTranslation } from 'react-i18next';
 import { isNil } from 'ramda';
+import { useTranslation } from 'react-i18next';
 
 import AddCircleIcon from '@mui/icons-material/AddCircle';
 
 import { IconButton } from '../../..';
-import { Endpoints, Labels } from '../models';
 import { SelectEntry, SingleConnectedAutocompleteField } from '../../../..';
 import RoleSelectField from '../common/RoleSelectField';
+import { Endpoints, Labels } from '../models';
 
 import ContactSwitch from './ContactSwitch';
-import useShareInput from './useShareInput';
 import { useShareInputStyles } from './ShareInput.styles';
+import useShareInput from './useShareInput';
 
 interface Props {
   endpoints: Endpoints;

package/src/components/Form/AccessRights/ShareInput/useShareInput.tsx

@@ -3,16 +3,16 @@ import { Dispatch, SetStateAction, useEffect, useState } from 'react';
 import { useAtomValue, useSetAtom } from 'jotai';
 import { equals, includes, isNil } from 'ramda';
 
-import { ListItemText, MenuItem } from '@mui/material';
 import CheckCircleIcon from '@mui/icons-material/CheckCircle';
+import { ListItemText, MenuItem } from '@mui/material';
 
+import { SelectEntry, buildListingEndpoint } from '../../../..';
 import {
   accessRightIdsDerivedAtom,
   addAccessRightDerivedAtom,
   contactTypeAtom
 } from '../atoms';
 import { AccessRightInitialValues, ContactType, Endpoints } from '../models';
-import { SelectEntry, buildListingEndpoint } from '../../../..';
 
 interface UseShareInputState {
   add: () => void;