@gridsuite/commons-ui 0.95.0 → 0.97.0

package/README.md

@@ -30,7 +30,8 @@ To fix this, run this command from the app **after** running "npm install"
 #### For integrators
 
 If you want to deploy a new version of commons-ui in the [NPM package registry](https://www.npmjs.com/package/@gridsuite/commons-ui),
-you need to follow the steps below:
+first you need **some permissions**. You need to be a member of the *gridsuite* organization and a member of the *'developers'* team.
+Only in this case, you need to follow the steps below:
 
 - [Make a release action](https://github.com/gridsuite/commons-ui/actions/workflows/release.yml)
 - In the 'run workflow' combobox select, let the branch on main
@@ -38,6 +39,8 @@ you need to follow the steps below:
 - Enter your NPM access token (it must be an **automation** access token to bypass 2FA, see the [access token documentation](https://docs.npmjs.com/creating-and-viewing-access-tokens) for details)
 - Click 'run workflow'
 
+Otherwise ask someone who has the permission.
+
 #### License Headers and dependencies checking
 
 To check dependencies license compatibility with this project one locally, please run the following command :

package/dist/components/icons/LeftPanelCloseIcon.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 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 declare function LeftPanelCloseIcon(): import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/LeftPanelCloseIcon.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import LeftPanelClose from "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
+import { useTheme } from "@mui/material";
+function LeftPanelCloseIcon() {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(
+    LeftPanelClose,
+    {
+      style: {
+        width: 24,
+        height: 24,
+        fill: theme.palette.text.primary
+      }
+    }
+  );
+}
+export {
+  LeftPanelCloseIcon
+};

package/dist/components/icons/LeftPanelOpenIcon.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 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 declare function LeftPanelOpenIcon(): import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/LeftPanelOpenIcon.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import LeftPanelOpen from "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
+import { useTheme } from "@mui/material";
+function LeftPanelOpenIcon() {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(
+    LeftPanelOpen,
+    {
+      style: {
+        width: 24,
+        height: 24,
+        fill: theme.palette.text.primary
+      }
+    }
+  );
+}
+export {
+  LeftPanelOpenIcon
+};

package/dist/components/icons/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 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 { LeftPanelOpenIcon } from './LeftPanelOpenIcon';
+export { LeftPanelCloseIcon } from './LeftPanelCloseIcon';

package/dist/components/icons/index.js

@@ -0,0 +1,6 @@
+import { LeftPanelOpenIcon } from "./LeftPanelOpenIcon.js";
+import { LeftPanelCloseIcon } from "./LeftPanelCloseIcon.js";
+export {
+  LeftPanelCloseIcon,
+  LeftPanelOpenIcon
+};

package/dist/components/index.d.ts

@@ -20,3 +20,5 @@ export * from './snackbarProvider';
 export * from './topBar';
 export * from './treeViewFinder';
 export * from './notifications';
+export * from './icons';
+export * from './menus';

package/dist/components/index.js

@@ -105,6 +105,9 @@ import { NotificationsProvider } from "./notifications/NotificationsProvider.js"
 import { NotificationsContext } from "./notifications/contexts/NotificationsContext.js";
 import { useNotificationsListener } from "./notifications/hooks/useNotificationsListener.js";
 import { useListenerManager } from "./notifications/hooks/useListenerManager.js";
+import { LeftPanelOpenIcon } from "./icons/LeftPanelOpenIcon.js";
+import { LeftPanelCloseIcon } from "./icons/LeftPanelCloseIcon.js";
+import { CustomMenuItem, CustomNestedMenuItem } from "./menus/custom-nested-menu.js";
 export {
   AboutDialog,
   ActivableChip,
@@ -133,7 +136,9 @@ export {
   CustomAgGridTable,
   CustomFormContext,
   CustomFormProvider,
+  CustomMenuItem,
   CustomMuiDialog,
+  CustomNestedMenuItem,
   CustomReactQueryBuilder,
   DEFAULT_RANGE_VALUE,
   DISTRIBUTION_KEY,
@@ -175,6 +180,8 @@ export {
   InputWithPopupConfirmation,
   IntegerInput,
   LOAD_TYPE_OPTIONS,
+  LeftPanelCloseIcon,
+  LeftPanelOpenIcon,
   Login,
   LogoText,
   Logout,

package/dist/components/menus/custom-nested-menu.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+import { NestedMenuItemProps } from 'mui-nested-menu';
+import { MenuItemProps, SxProps, Theme } from '@mui/material';
+interface CustomNestedMenuItemProps extends PropsWithChildren, Omit<NestedMenuItemProps, 'parentMenuOpen'> {
+    sx?: SxProps<Theme>;
+}
+export declare function CustomNestedMenuItem({ sx, children, ...other }: Readonly<CustomNestedMenuItemProps>): import("react/jsx-runtime").JSX.Element;
+export declare function CustomMenuItem({ sx, ...other }: Readonly<MenuItemProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/menus/custom-nested-menu.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { NestedMenuItem } from "mui-nested-menu";
+import { Box, MenuItem } from "@mui/material";
+import "../../utils/conversionUtils.js";
+import "@mui/icons-material";
+import { mergeSx } from "../../utils/styles.js";
+import "../../utils/types/equipmentType.js";
+import "../../utils/yupConfig.js";
+const styles = {
+  highlightedParentLine: {
+    backgroundColor: "action.hover",
+    color: "primary.main",
+    transition: "all 300ms ease"
+  },
+  highlightedLine: {
+    transition: "all 300ms ease",
+    "&:hover": {
+      backgroundColor: "action.hover",
+      color: "primary.main"
+    }
+  }
+};
+function CustomNestedMenuItem({ sx, children, ...other }) {
+  const [subMenuActive, setSubMenuActive] = useState(false);
+  return /* @__PURE__ */ jsx(
+    NestedMenuItem,
+    {
+      ...other,
+      parentMenuOpen: true,
+      sx: mergeSx(subMenuActive ? styles.highlightedParentLine : styles.highlightedLine, sx),
+      children: /* @__PURE__ */ jsx(Box, { onMouseEnter: () => setSubMenuActive(true), onMouseLeave: () => setSubMenuActive(false), children })
+    }
+  );
+}
+function CustomMenuItem({ sx, ...other }) {
+  return /* @__PURE__ */ jsx(MenuItem, { sx: mergeSx(styles.highlightedLine, sx), ...other });
+}
+export {
+  CustomMenuItem,
+  CustomNestedMenuItem
+};

package/dist/components/menus/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) 2021, 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 * from './custom-nested-menu';

package/dist/components/menus/index.js

@@ -0,0 +1,5 @@
+import { CustomMenuItem, CustomNestedMenuItem } from "./custom-nested-menu.js";
+export {
+  CustomMenuItem,
+  CustomNestedMenuItem
+};

package/dist/index.js

@@ -106,6 +106,9 @@ import { NotificationsProvider } from "./components/notifications/NotificationsP
 import { NotificationsContext } from "./components/notifications/contexts/NotificationsContext.js";
 import { useNotificationsListener } from "./components/notifications/hooks/useNotificationsListener.js";
 import { useListenerManager } from "./components/notifications/hooks/useListenerManager.js";
+import { LeftPanelOpenIcon } from "./components/icons/LeftPanelOpenIcon.js";
+import { LeftPanelCloseIcon } from "./components/icons/LeftPanelCloseIcon.js";
+import { CustomMenuItem, CustomNestedMenuItem } from "./components/menus/custom-nested-menu.js";
 import { useStateBoolean } from "./hooks/customStates/useStateBoolean.js";
 import { useStateNumber } from "./hooks/customStates/useStateNumber.js";
 import { useModificationLabelComputer } from "./hooks/useModificationLabelComputer.js";
@@ -219,7 +222,9 @@ export {
   CustomAgGridTable,
   CustomFormContext,
   CustomFormProvider,
+  CustomMenuItem,
   CustomMuiDialog,
+  CustomNestedMenuItem,
   CustomReactQueryBuilder,
   DARK_THEME,
   DEFAULT_RANGE_VALUE,
@@ -284,6 +289,8 @@ export {
   LIGHT_THEME,
   LOAD_TYPE_OPTIONS,
   LOGOUT_ERROR,
+  LeftPanelCloseIcon,
+  LeftPanelOpenIcon,
   Line,
   Load,
   Login,

package/dist/translations/en/networkModificationsEn.d.ts

@@ -58,6 +58,8 @@ export declare const networkModificationsEn: {
     'network_modifications.TABULAR_CREATION': string;
     'network_modifications.tabular.GENERATOR_CREATION': string;
     'network_modifications.LCC_CREATION': string;
+    'network_modifications.LCC_MODIFICATION': string;
     'network_modifications.STATIC_VAR_COMPENSATOR_CREATION': string;
     'network_modifications.VOLTAGE_LEVEL_CREATION_SUBSTATION_CREATION': string;
+    'network_modifications.VOLTAGE_LEVEL_TOPOLOGY_MODIFICATION': string;
 };

package/dist/translations/en/networkModificationsEn.js

@@ -52,8 +52,10 @@ const networkModificationsEn = {
   "network_modifications.TABULAR_CREATION": "Tabular creation - {computedLabel}",
   "network_modifications.tabular.GENERATOR_CREATION": "generator creations",
   "network_modifications.LCC_CREATION": "Creating HVDC (LCC) {computedLabel}",
+  "network_modifications.LCC_MODIFICATION": "Modifying HVDC (LCC) {computedLabel}",
   "network_modifications.STATIC_VAR_COMPENSATOR_CREATION": "Creating static var compensator {computedLabel}",
-  "network_modifications.VOLTAGE_LEVEL_CREATION_SUBSTATION_CREATION": "Creating voltage level {voltageLevelEquipmentId} and substation {substationEquipmentId}"
+  "network_modifications.VOLTAGE_LEVEL_CREATION_SUBSTATION_CREATION": "Creating voltage level {voltageLevelEquipmentId} and substation {substationEquipmentId}",
+  "network_modifications.VOLTAGE_LEVEL_TOPOLOGY_MODIFICATION": "Modifying voltage level topology {computedLabel}"
 };
 export {
   networkModificationsEn

package/dist/translations/fr/networkModificationsFr.d.ts

@@ -58,6 +58,8 @@ export declare const networkModificationsFr: {
     'network_modifications.TABULAR_CREATION': string;
     'network_modifications.tabular.GENERATOR_CREATION': string;
     'network_modifications.LCC_CREATION': string;
+    'network_modifications.LCC_MODIFICATION': string;
     'network_modifications.STATIC_VAR_COMPENSATOR_CREATION': string;
     'network_modifications.VOLTAGE_LEVEL_CREATION_SUBSTATION_CREATION': string;
+    'network_modifications.VOLTAGE_LEVEL_TOPOLOGY_MODIFICATION': string;
 };

package/dist/translations/fr/networkModificationsFr.js

@@ -52,8 +52,10 @@ const networkModificationsFr = {
   "network_modifications.TABULAR_CREATION": "Création tabulaire - {computedLabel}",
   "network_modifications.tabular.GENERATOR_CREATION": "créations de générateurs",
   "network_modifications.LCC_CREATION": "Création de la HVDC (LCC) {computedLabel}",
+  "network_modifications.LCC_MODIFICATION": "Modification de la HVDC (LCC) {computedLabel}",
   "network_modifications.STATIC_VAR_COMPENSATOR_CREATION": "Création de CSPR {computedLabel}",
-  "network_modifications.VOLTAGE_LEVEL_CREATION_SUBSTATION_CREATION": "Création du poste {voltageLevelEquipmentId} et du site {substationEquipmentId}"
+  "network_modifications.VOLTAGE_LEVEL_CREATION_SUBSTATION_CREATION": "Création du poste {voltageLevelEquipmentId} et du site {substationEquipmentId}",
+  "network_modifications.VOLTAGE_LEVEL_TOPOLOGY_MODIFICATION": "Modification de la topologie du poste {computedLabel}"
 };
 export {
   networkModificationsFr

package/dist/utils/types/modificationType.d.ts

@@ -46,7 +46,10 @@ export declare enum ModificationType {
     CONVERTER_STATION_MODIFICATION = "CONVERTER_STATION_MODIFICATION",
     COMPOSITE_MODIFICATION = "COMPOSITE_MODIFICATION",
     LCC_CONVERTER_STATION_CREATION = "LCC_CONVERTER_STATION_CREATION",
-    LCC_CREATION = "LCC_CREATION"
+    LCC_CONVERTER_STATION_MODIFICATION = "LCC_CONVERTER_STATION_MODIFICATION",
+    LCC_CREATION = "LCC_CREATION",
+    LCC_MODIFICATION = "LCC_MODIFICATION",
+    VOLTAGE_LEVEL_TOPOLOGY_MODIFICATION = "VOLTAGE_LEVEL_TOPOLOGY_MODIFICATION"
 }
 export declare const MODIFICATION_TYPES: {
     GROOVY_SCRIPT: {
@@ -172,10 +175,19 @@ export declare const MODIFICATION_TYPES: {
     LCC_CONVERTER_STATION_CREATION: {
         type: ModificationType;
     };
+    LCC_CONVERTER_STATION_MODIFICATION: {
+        type: ModificationType;
+    };
     LCC_CREATION: {
         type: ModificationType;
     };
+    LCC_MODIFICATION: {
+        type: ModificationType;
+    };
     VOLTAGE_LEVEL_CREATION_SUBSTATION_CREATION: {
         type: string;
     };
+    VOLTAGE_LEVEL_TOPOLOGY_MODIFICATION: {
+        type: ModificationType;
+    };
 };

package/dist/utils/types/modificationType.js

@@ -40,7 +40,10 @@ var ModificationType = /* @__PURE__ */ ((ModificationType2) => {
   ModificationType2["CONVERTER_STATION_MODIFICATION"] = "CONVERTER_STATION_MODIFICATION";
   ModificationType2["COMPOSITE_MODIFICATION"] = "COMPOSITE_MODIFICATION";
   ModificationType2["LCC_CONVERTER_STATION_CREATION"] = "LCC_CONVERTER_STATION_CREATION";
+  ModificationType2["LCC_CONVERTER_STATION_MODIFICATION"] = "LCC_CONVERTER_STATION_MODIFICATION";
   ModificationType2["LCC_CREATION"] = "LCC_CREATION";
+  ModificationType2["LCC_MODIFICATION"] = "LCC_MODIFICATION";
+  ModificationType2["VOLTAGE_LEVEL_TOPOLOGY_MODIFICATION"] = "VOLTAGE_LEVEL_TOPOLOGY_MODIFICATION";
   return ModificationType2;
 })(ModificationType || {});
 const MODIFICATION_TYPES = {
@@ -207,12 +210,24 @@ const MODIFICATION_TYPES = {
     type: "LCC_CONVERTER_STATION_CREATION"
     /* LCC_CONVERTER_STATION_CREATION */
   },
+  LCC_CONVERTER_STATION_MODIFICATION: {
+    type: "LCC_CONVERTER_STATION_MODIFICATION"
+    /* LCC_CONVERTER_STATION_MODIFICATION */
+  },
   LCC_CREATION: {
     type: "LCC_CREATION"
     /* LCC_CREATION */
   },
+  LCC_MODIFICATION: {
+    type: "LCC_MODIFICATION"
+    /* LCC_MODIFICATION */
+  },
   VOLTAGE_LEVEL_CREATION_SUBSTATION_CREATION: {
     type: "VOLTAGE_LEVEL_CREATION_SUBSTATION_CREATION"
+  },
+  VOLTAGE_LEVEL_TOPOLOGY_MODIFICATION: {
+    type: "VOLTAGE_LEVEL_TOPOLOGY_MODIFICATION"
+    /* VOLTAGE_LEVEL_TOPOLOGY_MODIFICATION */
   }
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.95.0",
+    "version": "0.97.0",
     "description": "common react components for gridsuite applications",
     "author": "gridsuite team",
     "homepage": "https://github.com/gridsuite",
@@ -36,10 +36,12 @@
     "dependencies": {
         "@ag-grid-community/locale": "^33.1.0",
         "@hello-pangea/dnd": "^18.0.1",
+        "@material-symbols/svg-400": "^0.31.2",
         "@react-querybuilder/dnd": "^8.2.0",
         "@react-querybuilder/material": "^8.2.0",
         "autosuggest-highlight": "^3.3.4",
         "clsx": "^2.1.1",
+        "mui-nested-menu": "^4.0.0",
         "jwt-decode": "^4.0.0",
         "localized-countries": "^2.0.0",
         "oidc-client": "^1.11.5",