@gridsuite/commons-ui 0.96.0 → 0.98.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/index.d.ts

@@ -21,3 +21,4 @@ export * from './topBar';
 export * from './treeViewFinder';
 export * from './notifications';
 export * from './icons';
+export * from './menus';

package/dist/components/index.js

@@ -107,6 +107,7 @@ import { useNotificationsListener } from "./notifications/hooks/useNotifications
 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,
@@ -135,7 +136,9 @@ export {
   CustomAgGridTable,
   CustomFormContext,
   CustomFormProvider,
+  CustomMenuItem,
   CustomMuiDialog,
+  CustomNestedMenuItem,
   CustomReactQueryBuilder,
   DEFAULT_RANGE_VALUE,
   DISTRIBUTION_KEY,

package/dist/components/inputs/reactHookForm/DirectoryItemsInput.d.ts

@@ -11,10 +11,11 @@ export interface DirectoryItemsInputProps {
     onRowChanged?: (a: boolean) => void;
     onChange?: (e: any) => void;
     disable?: boolean;
+    allowMultiSelect?: boolean;
     labelRequiredFromContext?: boolean;
 }
 export declare function DirectoryItemsInput({ label, name, elementType, // Used to specify type of element (Filter, Contingency list, ...)
 equipmentTypes, // Mostly used for filters, it allows the user to get elements of specific equipment only
 itemFilter, // Used to further filter the results displayed according to specific requirement
 titleId, // title of directory item selector dialogue
-hideErrorMessage, onRowChanged, onChange, disable, labelRequiredFromContext, }: DirectoryItemsInputProps): import("react/jsx-runtime").JSX.Element;
+hideErrorMessage, onRowChanged, onChange, disable, allowMultiSelect, labelRequiredFromContext, }: Readonly<DirectoryItemsInputProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/reactHookForm/DirectoryItemsInput.js

@@ -58,13 +58,14 @@ function DirectoryItemsInput({
   onRowChanged,
   onChange,
   disable = false,
+  allowMultiSelect = true,
   labelRequiredFromContext = true
 }) {
   const { snackError } = useSnackMessage();
   const intl = useIntl();
   const [selected, setSelected] = useState([]);
   const [expanded, setExpanded] = useState([]);
-  const [multiSelect, setMultiSelect] = useState(true);
+  const [multiSelect, setMultiSelect] = useState(allowMultiSelect);
   const types = useMemo(() => [elementType], [elementType]);
   const [directoryItemSelectorOpen, setDirectoryItemSelectorOpen] = useState(false);
   const {
@@ -134,6 +135,9 @@ function DirectoryItemsInput({
     },
     [getValues, name]
   );
+  const shouldReplaceElement = useMemo(() => {
+    return allowMultiSelect === false && (elements == null ? void 0 : elements.length) === 1;
+  }, [allowMultiSelect, elements]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
       FormControl,
@@ -175,8 +179,14 @@ function DirectoryItemsInput({
               size: "small",
               disabled: disable,
               onClick: () => {
-                setDirectoryItemSelectorOpen(true);
-                setMultiSelect(true);
+                if (shouldReplaceElement) {
+                  handleChipClick(0);
+                } else {
+                  setDirectoryItemSelectorOpen(true);
+                  if (allowMultiSelect) {
+                    setMultiSelect(true);
+                  }
+                }
               },
               children: /* @__PURE__ */ jsx(Folder, {})
             }

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

@@ -108,6 +108,7 @@ import { useNotificationsListener } from "./components/notifications/hooks/useNo
 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";
@@ -221,7 +222,9 @@ export {
   CustomAgGridTable,
   CustomFormContext,
   CustomFormProvider,
+  CustomMenuItem,
   CustomMuiDialog,
+  CustomNestedMenuItem,
   CustomReactQueryBuilder,
   DARK_THEME,
   DEFAULT_RANGE_VALUE,

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.96.0",
+    "version": "0.98.0",
     "description": "common react components for gridsuite applications",
     "author": "gridsuite team",
     "homepage": "https://github.com/gridsuite",
@@ -41,6 +41,7 @@
         "@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",