first commit

Author: carojeandat

src/components/network/constants.ts

@@ -210,22 +210,3 @@ export const REGULATING_TERMINAL_TYPES = [
 export const NUMBER = 'number';
 export const ENUM = 'enum';
 export const BOOLEAN = 'boolean';
-
-export interface VoltageLevelInterval {
-    name: string;
-    vlValue: number;
-    minValue: number;
-    maxValue: number;
-}
-
-export const BASE_VOLTAGES: VoltageLevelInterval[] = [
-    { name: 'vl300to500', vlValue: 400, minValue: 300, maxValue: Infinity },
-    { name: 'vl180to300', vlValue: 225, minValue: 180, maxValue: 300 },
-    { name: 'vl120to180', vlValue: 150, minValue: 120, maxValue: 180 },
-    { name: 'vl70to120', vlValue: 90, minValue: 70, maxValue: 120 },
-    { name: 'vl50to70', vlValue: 63, minValue: 50, maxValue: 70 },
-    { name: 'vl30to50', vlValue: 45, minValue: 30, maxValue: 50 },
-    { name: 'vl0to30', vlValue: 20, minValue: 0, maxValue: 30 },
-];
-
-export const MAX_VOLTAGE = 500;

src/components/network/nominal-voltage-filter.tsx

@@ -9,8 +9,8 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
 import { Button, Checkbox, List, ListItem, ListItemButton, ListItemText, Paper, Tooltip } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import { type MuiStyles } from '@gridsuite/commons-ui';
-import { BASE_VOLTAGES, MAX_VOLTAGE, VoltageLevelInterval } from './constants';
-import { getNominalVoltageIntervalName } from './utils/nominal-voltage-filter-utils';
+import { getNominalVoltageIntervalName } from 'utils/constants';
+import { BASE_VOLTAGES, MAX_VOLTAGE, VoltageLevelInterval } from 'utils/constants';
 
 const styles = {
     nominalVoltageZone: {
@@ -134,7 +134,7 @@ export default function NominalVoltageFilter({
                                 <ListItemText
                                     sx={styles.nominalVoltageText}
                                     disableTypography
-                                    primary={`${interval.vlValue} kV`}
+                                    primary={interval.label}
                                 ></ListItemText>
                             </ListItemButton>
                         </Tooltip>

src/components/network/utils/nominal-voltage-filter-utils.tsx

@@ -5,22 +5,10 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 
-export function getNominalVoltageColor(nominalVoltage: number): number[] {
-    if (nominalVoltage >= 300) {
-        return [255, 0, 0];
-    } else if (nominalVoltage >= 180 && nominalVoltage < 300) {
-        return [34, 139, 34];
-    } else if (nominalVoltage >= 120 && nominalVoltage < 180) {
-        return [1, 175, 175];
-    } else if (nominalVoltage >= 70 && nominalVoltage < 120) {
-        return [204, 85, 0];
-    } else if (nominalVoltage >= 50 && nominalVoltage < 70) {
-        return [160, 32, 240];
-    } else if (nominalVoltage >= 30 && nominalVoltage < 50) {
-        return [255, 130, 144];
-    } else {
-        return [171, 175, 40];
-    }
-}
+import { getNominalVoltageInterval } from './constants';
+
+export const getNominalVoltageColor = (voltageValue: number): number[] | undefined => {
+    return getNominalVoltageInterval(voltageValue)?.color;
+};
 
 export const INVALID_LOADFLOW_OPACITY = 0.2;

src/utils/colors.ts

@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) 2025, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+export interface VoltageLevelInterval {
+    name: string;
+    vlValue: number;
+    minValue: number;
+    maxValue: number;
+    label: string;
+    color: number[];
+}
+
+export const BASE_VOLTAGES: VoltageLevelInterval[] = [
+    { name: 'vl300to500', vlValue: 400, minValue: 300, maxValue: Infinity, label: '400 kV', color: [255, 0, 0] },
+    { name: 'vl200to300', vlValue: 225, minValue: 200, maxValue: 300, label: '225 kV', color: [34, 139, 34] },
+    { name: 'vl100to200', vlValue: 150, minValue: 100, maxValue: 200, label: '150 kV', color: [1, 175, 175] },
+    { name: 'vl70to100', vlValue: 90, minValue: 70, maxValue: 100, label: '90 kV', color: [204, 85, 0] },
+    { name: 'vl50to70', vlValue: 63, minValue: 50, maxValue: 70, label: '63 kV', color: [160, 32, 240] },
+    { name: 'vl40to50', vlValue: 42, minValue: 40, maxValue: 50, label: '42 kV', color: [255, 130, 144] },
+    { name: 'vl0to40', vlValue: 20, minValue: 0, maxValue: 40, label: 'HTA', color: [171, 175, 40] },
+];
+
+export const MAX_VOLTAGE = 500;
+
+export const getNominalVoltageInterval = (voltageValue: number): VoltageLevelInterval | undefined => {
+    for (let interval of BASE_VOLTAGES) {
+        if (voltageValue >= interval.minValue && voltageValue < interval.maxValue) {
+            return interval;
+        }
+    }
+};
+
+export const getNominalVoltageIntervalName = (voltageValue: number): string | undefined => {
+    return getNominalVoltageInterval(voltageValue)?.name;
+};