Check styles with TypeScript

Author: Tristan-WorkGH

package-lock.json

@@ -16,7 +16,7 @@
     "dependencies": {
         "@emotion/react": "^11.14.0",
         "@emotion/styled": "^11.14.0",
-        "@gridsuite/commons-ui": "0.120.0",
+        "@gridsuite/commons-ui": "file:../commons-ui/gridsuite-commons-ui-0.121.0.tgz",
         "@hookform/resolvers": "^4.0.0",
         "@mui/icons-material": "^5.16.14",
         "@mui/lab": "5.0.0-alpha.175",

package.json

@@ -17,7 +17,7 @@ import {
     useRef,
 } from 'react';
 import { AgGridReact } from 'ag-grid-react';
-import { CustomAGGrid, type CustomAGGridProps } from '@gridsuite/commons-ui';
+import { CustomAGGrid, type CustomAGGridProps, type SxStyle } from '@gridsuite/commons-ui';
 import { useDebugRender } from '../../utils/hooks';
 
 type AccessibleAgGridReact<TData> = Omit<
@@ -50,7 +50,7 @@ const style = {
     '@media print': {
         pageBreakInside: 'avoid',
     },
-};
+} as const satisfies SxStyle;
 
 // TODO move type generic restoration to commons-ui
 // TODO move useDebug feature from env to commons-ui

src/components/Grid/AgGrid.tsx

@@ -7,7 +7,7 @@
 
 import React, { useRef, useState, useEffect } from 'react';
 import { Chip, Grid, Tooltip } from '@mui/material';
-import { mergeSx } from '@gridsuite/commons-ui';
+import { mergeSx, type MuiStyles } from '@gridsuite/commons-ui';
 
 const maxChipWidth = 100;
 const counterChipWidth = 25;
@@ -23,7 +23,7 @@ const chipStyles = {
             fontWeight: 'bold',
         },
     },
-};
+} as const satisfies MuiStyles;
 
 export interface MultiChipCellRendererProps {
     value: string[];