display rounded to unit (#2427)

Signed-off-by: Mathieu DEHARBE <[email protected]>

Author: Mathieu-Deharbe

src/components/custom-aggrid/custom-aggrid-header.jsx

@@ -70,26 +70,31 @@ const styles = {
  */
 export function DisplayRounding({ decimalAfterDot }) {
     const intl = useIntl();
+    const roundedTo1 = decimalAfterDot === 0;
     const displayAsPower10 = decimalAfterDot > 4;
     const baseMessage =
         intl.formatMessage({
-            id: 'filter.rounded',
+            id: roundedTo1 ? 'filter.roundedToOne' : 'filter.rounded',
         }) + ' ';
 
     const decimalAfterDotStr = -decimalAfterDot;
+    let roundingPrecision = null;
+    if (!roundedTo1) {
+        roundingPrecision = displayAsPower10 ? (
+            <>
+                10
+                <Box component="span" sx={styles.exponent}>
+                    {decimalAfterDotStr}
+                </Box>
+            </>
+        ) : (
+            1 / Math.pow(10, decimalAfterDot)
+        );
+    }
     return (
         <FormHelperText>
             {baseMessage}
-            {displayAsPower10 ? (
-                <>
-                    10
-                    <Box component="span" sx={styles.exponent}>
-                        {decimalAfterDotStr}
-                    </Box>
-                </>
-            ) : (
-                1 / Math.pow(10, decimalAfterDot)
-            )}
+            {roundingPrecision}
         </FormHelperText>
     );
 }
@@ -491,7 +496,7 @@ const CustomHeaderComponent = ({
                                             }}
                                         />
                                     </Grid>
-                                    {isNumberInput && decimalAfterDot > 0 ? (
+                                    {isNumberInput && selectedFilterData ? (
                                         <Grid item>
                                             <DisplayRounding decimalAfterDot={decimalAfterDot} />
                                         </Grid>

src/translations/dynamic/filter-locale-en.ts

@@ -17,6 +17,7 @@ const filter_locale_en = {
     'filter.greaterThan': 'Greater than',
     'filter.filterOoo': 'Filter...',
     'filter.rounded': 'Rounded to',
+    'filter.roundedToOne': 'Rounded to the nearest unit.',
     'filter.warnRounding': 'From 13 decimal places after the comma, filters become imprecise.',
 };
 

src/translations/dynamic/filter-locale-fr.ts

@@ -17,6 +17,7 @@ const filter_locale_fr = {
     'filter.greaterThan': 'Supérieur',
     'filter.filterOoo': 'Filtrer...',
     'filter.rounded': 'Arrondi à',
+    'filter.roundedToOne': "Arrondi à l'unité.",
     'filter.warnRounding': 'À partir de 13 décimales après la virgule, les filtres deviennent imprécis.',
 };