@gridsuite/commons-ui 0.139.0 → 0.141.0

package/dist/components/topBar/TopBar.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useMemo } from "react";
+import { useMemo, useState } from "react";
 import { FormattedMessage } from "react-intl";
-import { styled, Menu, MenuItem, ListItemIcon, AppBar, Toolbar, Box, IconButton, ListItemText, Button, darken, Popper, Paper, ClickAwayListener, MenuList, Typography, ToggleButtonGroup, ToggleButton } from "@mui/material";
+import { styled, Menu, MenuItem, ListItemIcon, AppBar, Toolbar, Box, IconButton, ListItemText, Button, Popper, Paper, ClickAwayListener, MenuList, Typography, ToggleButtonGroup, ToggleButton, darken } from "@mui/material";
 import { Apps, ArrowDropUp, ArrowDropDown, Person, Badge, ManageAccounts, HelpOutline, WbSunny, Brightness3, Computer, ExitToApp } from "@mui/icons-material";
 import { GridLogo } from "./GridLogo.js";
 import { AboutDialog } from "./AboutDialog.js";
@@ -11,63 +11,77 @@ import UserSettingsDialog from "./UserSettingsDialog.js";
 import { LIGHT_THEME, DARK_THEME } from "../../utils/styles.js";
 import { LANG_SYSTEM, LANG_ENGLISH, LANG_FRENCH } from "../../utils/langs.js";
 import { DevModeBanner } from "./DevModeBanner.js";
-const styles = {
-  grow: {
-    flexGrow: 1,
-    display: "flex",
-    overflow: "hidden"
-  },
-  menuContainer: {
-    marginLeft: 1
-  },
-  link: {
-    textDecoration: "none",
-    color: "inherit"
-  },
-  name: (theme) => ({
-    backgroundColor: darken(theme.palette.background.paper, 0.1),
-    paddingTop: "10px",
-    borderRadius: "100%",
-    fontWeight: "400",
-    textTransform: "uppercase",
-    height: "48px",
-    width: "48px"
-  }),
-  arrowIcon: {
-    fontSize: "40px"
-  },
-  userMail: {
-    fontSize: "14px",
-    display: "block"
-  },
-  borderBottom: {
-    borderBottom: "1px solid #ccc"
-  },
-  settingsMenu: {
-    maxWidth: "385px",
-    zIndex: 60
-  },
-  sizeLabel: {
-    fontSize: "16px"
-  },
-  showHideMenu: {
-    padding: "0",
-    borderRadius: "25px"
-  },
-  toggleButtonGroup: {
-    marginLeft: "15px",
-    pointerEvents: "auto"
-  },
-  toggleButton: {
-    height: "30px",
-    width: "48px",
-    padding: "7px",
-    textTransform: "capitalize"
-  },
-  languageToggleButton: {
-    height: "30px",
-    width: "48px"
-  }
+const getStyles = (dense = false) => {
+  return {
+    toolbar: (theme) => ({
+      ...dense && {
+        minHeight: `${theme.spacing(6)} !important`,
+        paddingLeft: `${theme.spacing(0.875)} !important`,
+        paddingRight: `${theme.spacing(0.875)} !important`
+      }
+    }),
+    grow: {
+      flexGrow: 1,
+      display: "flex",
+      overflow: "hidden"
+    },
+    menuContainer: (theme) => ({
+      marginLeft: theme.spacing(dense ? 0.5 : 1)
+    }),
+    link: {
+      textDecoration: "none",
+      color: "inherit"
+    },
+    name: (theme) => ({
+      backgroundColor: darken(theme.palette.background.paper, 0.1),
+      paddingTop: theme.spacing(dense ? 0.625 : 1.25),
+      borderRadius: "100%",
+      fontWeight: "400",
+      textTransform: "uppercase",
+      height: theme.spacing(dense ? 4.5 : 6),
+      width: theme.spacing(dense ? 4.5 : 6)
+    }),
+    arrowIcon: (theme) => ({
+      fontSize: theme.spacing(dense ? 4 : 5)
+    }),
+    userMail: {
+      fontSize: "14px",
+      display: "block"
+    },
+    borderBottom: {
+      borderBottom: "1px solid #ccc"
+    },
+    borderTop: {
+      borderTop: "1px solid #ccc"
+    },
+    settingsMenu: {
+      maxWidth: "385px",
+      zIndex: 60
+    },
+    sizeLabel: {
+      fontSize: "16px"
+    },
+    showHideMenu: (theme) => ({
+      padding: 0,
+      borderRadius: "50%",
+      minWidth: theme.spacing(dense ? 5 : 6.875),
+      minHeight: theme.spacing(dense ? 5 : 6.875)
+    }),
+    toggleButtonGroup: {
+      marginLeft: "15px",
+      pointerEvents: "auto"
+    },
+    toggleButton: {
+      height: "30px",
+      width: "48px",
+      padding: "7px",
+      textTransform: "capitalize"
+    },
+    languageToggleButton: {
+      height: "30px",
+      width: "48px"
+    }
+  };
 };
 const StyledMenu = styled((props) => /* @__PURE__ */ jsx(
   Menu,
@@ -130,8 +144,10 @@ function TopBar({
   onEquipmentLabellingClick,
   equipmentLabelling,
   onLanguageClick,
-  language
+  language,
+  dense = false
 }) {
+  const styles = useMemo(() => getStyles(dense), [dense]);
   const [anchorElSettingsMenu, setAnchorElSettingsMenu] = useState(null);
   const [anchorElAppsMenu, setAnchorElAppsMenu] = useState(null);
   const {
@@ -196,15 +212,15 @@ function TopBar({
     openUserSettingsDialog();
   };
   const logoClickable = useMemo(
-    () => /* @__PURE__ */ jsx(GridLogo, { onClick: onLogoClick, appLogo, appName, appColor }),
-    [onLogoClick, appLogo, appName, appColor]
+    () => /* @__PURE__ */ jsx(GridLogo, { onClick: onLogoClick, appLogo, appName, appColor, dense }),
+    [onLogoClick, appLogo, appName, appColor, dense]
   );
   return /* @__PURE__ */ jsxs(AppBar, { position: "static", color: "default", children: [
     user && developerMode && /* @__PURE__ */ jsx(DevModeBanner, {}),
-    /* @__PURE__ */ jsxs(Toolbar, { children: [
+    /* @__PURE__ */ jsxs(Toolbar, { variant: dense ? "dense" : "regular", sx: styles.toolbar, children: [
       logoClickable,
       /* @__PURE__ */ jsx(Box, { sx: styles.grow, children }),
-      user && /* @__PURE__ */ jsxs(Box, { children: [
+      user && !dense && /* @__PURE__ */ jsxs(Box, { children: [
         /* @__PURE__ */ jsx(
           IconButton,
           {
@@ -273,7 +289,7 @@ function TopBar({
             "data-testid": "SettingsMenu",
             children: [
               /* @__PURE__ */ jsx(Box, { component: "span", sx: styles.name, children: user.profile.name !== void 0 ? abbreviationFromUserName(user.profile.name) : "" }),
-              anchorElSettingsMenu ? /* @__PURE__ */ jsx(ArrowDropUp, { sx: styles.arrowIcon }) : /* @__PURE__ */ jsx(ArrowDropDown, { sx: styles.arrowIcon })
+              !dense && (anchorElSettingsMenu ? /* @__PURE__ */ jsx(ArrowDropUp, { sx: styles.arrowIcon }) : /* @__PURE__ */ jsx(ArrowDropDown, { sx: styles.arrowIcon }))
             ]
           }
         ),

package/dist/index.js

@@ -21,6 +21,7 @@ import { useCsvExport } from "./components/csvDownloader/use-csv-export.js";
 import { CUSTOM_AGGRID_THEME, styles } from "./components/customAGGrid/customAggrid.style.js";
 import { CustomAGGrid } from "./components/customAGGrid/customAggrid.js";
 import { SeparatorCellRenderer } from "./components/customAGGrid/separatorCellRenderer.js";
+import { BooleanCellRenderer, BooleanNullableCellRenderer, ContingencyCellRenderer, DefaultCellRenderer, ErrorCellRenderer, MessageLogCellRenderer, NetworkModificationNameCellRenderer, NumericCellRenderer } from "./components/customAGGrid/cell-renderers.js";
 import { CustomMuiDialog, unscrollableDialogStyles } from "./components/dialogs/customMuiDialog/CustomMuiDialog.js";
 import { DescriptionModificationDialog } from "./components/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import { ElementSaveDialog } from "./components/dialogs/elementSaveDialog/ElementSaveDialog.js";
@@ -173,6 +174,9 @@ import { SensitivityAnalysisParametersDialog } from "./components/parameters/sen
 import { COLUMNS_DEFINITIONS_HVDCS, COLUMNS_DEFINITIONS_INJECTIONS, COLUMNS_DEFINITIONS_INJECTIONS_SET, COLUMNS_DEFINITIONS_NODES, COLUMNS_DEFINITIONS_PSTS, EQUIPMENTS_IN_VOLTAGE_REGULATION_TYPES, HVDC_EQUIPMENT_TYPES, INJECTIONS_EQUIPMENT_TYPES, INJECTION_DISTRIBUTION_TYPES, MONITORED_BRANCHES_EQUIPMENT_TYPES, MONITORED_VOLTAGE_LEVELS_EQUIPMENT_TYPES, PSTS_EQUIPMENT_TYPES, SENSITIVITY_TYPES, SensiBranchesTabValues, SensiHvdcs, SensiInjection, SensiInjectionsSet, SensiNodes, SensiPsts, SensiTabValues } from "./components/parameters/sensi/columns-definitions.js";
 import { SensitivityTable } from "./components/parameters/sensi/sensitivity-table.js";
 import { CustomMenuItem, CustomNestedMenuItem } from "./components/menus/custom-nested-menu.js";
+import { OverflowableTableCell } from "./components/muiTable/OverflowableTableCell.js";
+import { OverflowableTableCellWithCheckbox } from "./components/muiTable/OverflowableTableCellWithCheckbox.js";
+import { ResizeHandle } from "./components/resizablePanels/ResizeHandle.js";
 import { useStateBoolean } from "./hooks/customStates/useStateBoolean.js";
 import { useStateNumber } from "./hooks/customStates/useStateNumber.js";
 import { useModificationLabelComputer } from "./hooks/useModificationLabelComputer.js";
@@ -189,17 +193,18 @@ import { OptionalServicesStatus, useParametersBackend } from "./hooks/use-parame
 import { useCreateRowDataSensi } from "./hooks/use-create-row-data-sensi.js";
 import { LOGOUT_ERROR, RESET_AUTHENTICATION_ROUTER_ERROR, SHOW_AUTH_INFO_LOGIN, SIGNIN_CALLBACK_ERROR, UNAUTHORIZED_USER_INFO, USER, USER_VALIDATION_ERROR, resetAuthenticationRouterError, setLoggedUser, setLogoutError, setShowAuthenticationRouterLogin, setSignInCallbackError, setUnauthorizedUserInfo, setUserValidationError } from "./redux/actions/authActions.js";
 import { getUserToken, setCommonStore } from "./redux/commonStore.js";
-import { NetworkTimeoutError, backendFetch, backendFetchFile, backendFetchJson, backendFetchText, getRequestParamFromList } from "./services/utils.js";
-import { createFilter, createParameter, fetchElementsInfos, saveFilter, updateParameter } from "./services/explore.js";
 import { fetchAppsMetadata, fetchDefaultCountry, fetchEnv, fetchFavoriteAndDefaultCountries, fetchStudyMetadata, isStudyMetadata } from "./services/appsMetadata.js";
-import { elementAlreadyExists, fetchConfigParameter, fetchConfigParameters, fetchDirectoryContent, fetchDirectoryElementPath, fetchRootFolders, getAppName, updateConfigParameter } from "./services/directory.js";
+import { fetchConfigParameter, fetchConfigParameters, getAppName, updateConfigParameter } from "./services/config.js";
+import { PermissionType, elementAlreadyExists, fetchDirectoryContent, fetchDirectoryElementPath, fetchRootFolders, hasElementPermission } from "./services/directory.js";
+import { createFilter, createParameter, fetchElementsInfos, saveFilter, updateParameter } from "./services/explore.js";
 import { PREFIX_STUDY_QUERIES, fetchLoadFlowParameters, getDefaultLoadFlowProvider, getLoadFlowDefaultLimitReductions, getLoadFlowProviders, getLoadFlowSpecificParametersDescription, getLoadFlowUrl, setLoadFlowParameters } from "./services/loadflow.js";
+import { getPccMinStudyParameters, updatePccMinParameters } from "./services/pcc-min.js";
+import { fetchDefaultSecurityAnalysisProvider, fetchSecurityAnalysisParameters, fetchSecurityAnalysisProviders, getSecurityAnalysisDefaultLimitReductions, getSecurityAnalysisParameters, getStudyUrl, safeEncodeURIComponent, setSecurityAnalysisParameters, updateSecurityAnalysisParameters, updateSecurityAnalysisProvider } from "./services/security-analysis.js";
 import { exportFilter, getAvailableComponentLibraries, getStudyNetworkVisualizationsParameters, getStudyShortCircuitParameters, invalidateStudyShortCircuitStatus, setStudyNetworkVisualizationParameters, setStudyShortCircuitParameters, updateVoltageInitParameters } from "./services/study.js";
 import { getNetworkVisualizationsParameters } from "./services/study-config.js";
 import { fetchCurrentAnnouncement, fetchUserDetails } from "./services/userAdmin.js";
+import { NetworkTimeoutError, backendFetch, backendFetchFile, backendFetchJson, backendFetchText, getRequestParamFromList } from "./services/utils.js";
 import { getVoltageInitParameters, getVoltageInitUrl } from "./services/voltage-init.js";
-import { getPccMinStudyParameters, updatePccMinParameters } from "./services/pcc-min.js";
-import { fetchDefaultSecurityAnalysisProvider, fetchSecurityAnalysisParameters, fetchSecurityAnalysisProviders, getSecurityAnalysisDefaultLimitReductions, getSecurityAnalysisParameters, getStudyUrl, safeEncodeURIComponent, setSecurityAnalysisParameters, updateSecurityAnalysisParameters, updateSecurityAnalysisProvider } from "./services/security-analysis.js";
 import { equalsArray } from "./utils/algos.js";
 import { FetchStatus } from "./utils/constants/fetchStatus.js";
 import { FieldConstants } from "./utils/constants/fieldConstants.js";
@@ -213,6 +218,7 @@ import { areArrayElementsUnique, isObjectEmpty, keyGenerator } from "./utils/fun
 import { LANG_ENGLISH, LANG_FRENCH, LANG_SYSTEM } from "./utils/langs.js";
 import { getFileIcon } from "./utils/mapper/getFileIcon.js";
 import { equipmentTypesForPredefinedPropertiesMapper } from "./utils/mapper/equipmentTypesForPredefinedPropertiesMapper.js";
+import { copyToClipboard } from "./utils/navigator-clipboard.js";
 import { NotificationsUrlKeys, PREFIX_CONFIG_NOTIFICATION_WS, PREFIX_DIRECTORY_NOTIFICATION_WS, PREFIX_STUDY_NOTIFICATION_WS } from "./utils/constants/notificationsProvider.js";
 import { DARK_THEME, LIGHT_THEME, makeComposeClasses, mergeSx, toNestedGlobalSelectors } from "./utils/styles.js";
 import { CustomError, formatMessageValues } from "./utils/types/CustomError.js";
@@ -305,7 +311,9 @@ export {
   BALANCE_TYPE,
   BASE_EQUIPMENTS,
   Battery,
+  BooleanCellRenderer,
   BooleanInput,
+  BooleanNullableCellRenderer,
   BottomRightButtons,
   BusBar,
   CENTER_LABEL,
@@ -333,6 +341,7 @@ export {
   CombinatorSelector,
   CombinatorType,
   ComputingType,
+  ContingencyCellRenderer,
   CountriesInput,
   CountryValueEditor,
   CreateParameterDialog,
@@ -367,6 +376,7 @@ export {
   DISTRIBUTION_KEY,
   DanglingLine,
   DataType,
+  DefaultCellRenderer,
   DescriptionField,
   DescriptionModificationDialog,
   DevModeBanner,
@@ -392,6 +402,7 @@ export {
   EquipmentItem,
   EquipmentType,
   EquipmentsSelectionType,
+  ErrorCellRenderer,
   ErrorInLogoutAlert,
   ErrorInUserValidationAlert,
   ErrorInput,
@@ -489,6 +500,7 @@ export {
   MODIFICATION_TYPES,
   MONITORED_BRANCHES_EQUIPMENT_TYPES,
   MONITORED_VOLTAGE_LEVELS_EQUIPMENT_TYPES,
+  MessageLogCellRenderer,
   MidFormError,
   ModificationType,
   ModifyElementSelection,
@@ -500,6 +512,7 @@ export {
   NAME,
   NO_ITEM_SELECTION_FOR_COPY,
   NadPositionsGenerationMode,
+  NetworkModificationNameCellRenderer,
   NetworkTimeoutError,
   NetworkVisualizationParametersInline,
   NetworkVisualizationTabValues,
@@ -507,6 +520,7 @@ export {
   NotificationsContext,
   NotificationsProvider,
   NotificationsUrlKeys,
+  NumericCellRenderer,
   NumericEditor,
   OHM,
   OPERATOR_OPTIONS,
@@ -515,6 +529,8 @@ export {
   OptionalServicesStatus,
   OverflowableChip,
   OverflowableChipWithHelperText,
+  OverflowableTableCell,
+  OverflowableTableCellWithCheckbox,
   OverflowableText,
   PARAM_CENTER_LABEL,
   PARAM_COMPONENT_LIBRARY,
@@ -554,6 +570,7 @@ export {
   ParameterSwitch,
   ParameterType,
   PccMinParametersInLine,
+  PermissionType,
   PhotoLibraryIcon,
   PopupConfirmationDialog,
   PredefinedParameters,
@@ -573,6 +590,7 @@ export {
   RawReadOnlyInput,
   ReactivePowerAdornment,
   RemoveButton,
+  ResizeHandle,
   RuleValueEditor,
   SEARCH_EQUIPMENTS,
   SELECTED,
@@ -687,6 +705,7 @@ export {
   componentsFr,
   convertInputValue,
   convertOutputValue,
+  copyToClipboard,
   countRules,
   createFilter,
   createParameter,
@@ -784,6 +803,7 @@ export {
   gridItem,
   handleSigninCallback,
   handleSilentRenewCallback,
+  hasElementPermission,
   identity,
   importExpertRules,
   importParamsEn,

package/dist/services/config.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) 2024, 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 getAppName(appName: string, name: string): string;
+export declare function updateConfigParameter(appName: string, name: string, value: string): Promise<Response>;
+export declare function fetchConfigParameters(appName: string): Promise<any>;
+export declare function fetchConfigParameter(appName: string, name: string): Promise<any>;

package/dist/services/config.js

@@ -0,0 +1,34 @@
+import { backendFetch, backendFetchJson } from "./utils.js";
+import { COMMON_APP_NAME, COMMON_CONFIG_PARAMS_NAMES } from "../utils/constants/configConstants.js";
+import "../utils/conversionUtils.js";
+import "react/jsx-runtime";
+import "@mui/icons-material";
+import "../utils/types/equipmentType.js";
+import "../utils/yupConfig.js";
+const PREFIX_CONFIG_QUERIES = `${"api/gateway"}/config`;
+function getAppName(appName, name) {
+  return COMMON_CONFIG_PARAMS_NAMES.has(name) ? COMMON_APP_NAME : appName;
+}
+function updateConfigParameter(appName, name, value) {
+  const targetAppName = getAppName(appName, name);
+  console.info(`Updating config parameter '${name}=${value}' for app '${targetAppName}'`);
+  const updateParams = `${PREFIX_CONFIG_QUERIES}/v1/applications/${targetAppName}/parameters/${name}?value=${encodeURIComponent(value)}`;
+  return backendFetch(updateParams, { method: "put" });
+}
+function fetchConfigParameters(appName) {
+  console.info(`Fetching UI configuration params for app : ${appName}`);
+  const fetchParams = `${PREFIX_CONFIG_QUERIES}/v1/applications/${appName}/parameters`;
+  return backendFetchJson(fetchParams);
+}
+function fetchConfigParameter(appName, name) {
+  const targetAppName = getAppName(appName, name);
+  console.info(`Fetching UI config parameter '${name}' for app '${targetAppName}'`);
+  const fetchParams = `${PREFIX_CONFIG_QUERIES}/v1/applications/${targetAppName}/parameters/${name}`;
+  return backendFetchJson(fetchParams);
+}
+export {
+  fetchConfigParameter,
+  fetchConfigParameters,
+  getAppName,
+  updateConfigParameter
+};

package/dist/services/directory.d.ts

@@ -1,10 +1,12 @@
 import { UUID } from 'node:crypto';
 import { ElementAttributes } from '../utils';
-export declare function getAppName(appName: string, name: string): string;
-export declare function updateConfigParameter(appName: string, name: string, value: string): Promise<Response>;
-export declare function fetchConfigParameters(appName: string): Promise<any>;
-export declare function fetchConfigParameter(appName: string, name: string): Promise<any>;
 export declare function fetchRootFolders(types: string[]): Promise<ElementAttributes[]>;
 export declare function fetchDirectoryContent(directoryUuid: UUID, types?: string[]): Promise<ElementAttributes[]>;
 export declare function fetchDirectoryElementPath(elementUuid: UUID): Promise<ElementAttributes[]>;
 export declare function elementAlreadyExists(directoryUuid: UUID, elementName: string, type: string): Promise<boolean>;
+export declare enum PermissionType {
+    READ = "READ",
+    WRITE = "WRITE",
+    MANAGE = "MANAGE"
+}
+export declare function hasElementPermission(elementUuid: UUID, permission: PermissionType): Promise<boolean>;

package/dist/services/directory.js

@@ -1,32 +1,5 @@
-import { backendFetch, backendFetchJson, getRequestParamFromList } from "./utils.js";
-import { COMMON_APP_NAME, COMMON_CONFIG_PARAMS_NAMES } from "../utils/constants/configConstants.js";
-import "../utils/conversionUtils.js";
-import "react/jsx-runtime";
-import "@mui/icons-material";
-import "../utils/types/equipmentType.js";
-import "../utils/yupConfig.js";
+import { getRequestParamFromList, backendFetchJson, backendFetch } from "./utils.js";
 const PREFIX_EXPLORE_SERVER_QUERIES = `${"api/gateway"}/explore`;
-const PREFIX_CONFIG_QUERIES = `${"api/gateway"}/config`;
-function getAppName(appName, name) {
-  return COMMON_CONFIG_PARAMS_NAMES.has(name) ? COMMON_APP_NAME : appName;
-}
-function updateConfigParameter(appName, name, value) {
-  const targetAppName = getAppName(appName, name);
-  console.info(`Updating config parameter '${name}=${value}' for app '${targetAppName}'`);
-  const updateParams = `${PREFIX_CONFIG_QUERIES}/v1/applications/${targetAppName}/parameters/${name}?value=${encodeURIComponent(value)}`;
-  return backendFetch(updateParams, { method: "put" });
-}
-function fetchConfigParameters(appName) {
-  console.info(`Fetching UI configuration params for app : ${appName}`);
-  const fetchParams = `${PREFIX_CONFIG_QUERIES}/v1/applications/${appName}/parameters`;
-  return backendFetchJson(fetchParams);
-}
-function fetchConfigParameter(appName, name) {
-  const targetAppName = getAppName(appName, name);
-  console.info(`Fetching UI config parameter '${name}' for app '${targetAppName}'`);
-  const fetchParams = `${PREFIX_CONFIG_QUERIES}/v1/applications/${targetAppName}/parameters/${name}`;
-  return backendFetchJson(fetchParams);
-}
 function fetchRootFolders(types) {
   console.info("Fetching Root Directories");
   const urlSearchParams = getRequestParamFromList("elementTypes", types).toString();
@@ -65,13 +38,25 @@ function elementAlreadyExists(directoryUuid, elementName, type) {
     // HTTP 204 : No-content
   );
 }
+var PermissionType = /* @__PURE__ */ ((PermissionType2) => {
+  PermissionType2["READ"] = "READ";
+  PermissionType2["WRITE"] = "WRITE";
+  PermissionType2["MANAGE"] = "MANAGE";
+  return PermissionType2;
+})(PermissionType || {});
+function hasElementPermission(elementUuid, permission) {
+  const url = `${PREFIX_EXPLORE_SERVER_QUERIES}/v1/explore/elements/${elementUuid}?permission=${permission}`;
+  console.debug(url);
+  return backendFetch(url, { method: "head" }).then((response) => response.status === 200).catch(() => {
+    console.info(`${permission} permission denied for element or directory ${elementUuid}`);
+    return false;
+  });
+}
 export {
+  PermissionType,
   elementAlreadyExists,
-  fetchConfigParameter,
-  fetchConfigParameters,
   fetchDirectoryContent,
   fetchDirectoryElementPath,
   fetchRootFolders,
-  getAppName,
-  updateConfigParameter
+  hasElementPermission
 };

package/dist/services/index.d.ts

@@ -4,14 +4,15 @@
  * 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 './utils';
-export * from './explore';
 export * from './appsMetadata';
+export * from './config';
 export * from './directory';
+export * from './explore';
 export * from './loadflow';
+export * from './pcc-min';
+export * from './security-analysis';
 export * from './study';
 export * from './study-config';
 export * from './userAdmin';
+export * from './utils';
 export * from './voltage-init';
-export * from './pcc-min';
-export * from './security-analysis';

package/dist/services/index.js

@@ -1,17 +1,19 @@
-import { NetworkTimeoutError, backendFetch, backendFetchFile, backendFetchJson, backendFetchText, getRequestParamFromList } from "./utils.js";
-import { createFilter, createParameter, fetchElementsInfos, saveFilter, updateParameter } from "./explore.js";
 import { fetchAppsMetadata, fetchDefaultCountry, fetchEnv, fetchFavoriteAndDefaultCountries, fetchStudyMetadata, isStudyMetadata } from "./appsMetadata.js";
-import { elementAlreadyExists, fetchConfigParameter, fetchConfigParameters, fetchDirectoryContent, fetchDirectoryElementPath, fetchRootFolders, getAppName, updateConfigParameter } from "./directory.js";
+import { fetchConfigParameter, fetchConfigParameters, getAppName, updateConfigParameter } from "./config.js";
+import { PermissionType, elementAlreadyExists, fetchDirectoryContent, fetchDirectoryElementPath, fetchRootFolders, hasElementPermission } from "./directory.js";
+import { createFilter, createParameter, fetchElementsInfos, saveFilter, updateParameter } from "./explore.js";
 import { PREFIX_STUDY_QUERIES, fetchLoadFlowParameters, getDefaultLoadFlowProvider, getLoadFlowDefaultLimitReductions, getLoadFlowProviders, getLoadFlowSpecificParametersDescription, getLoadFlowUrl, setLoadFlowParameters } from "./loadflow.js";
+import { getPccMinStudyParameters, updatePccMinParameters } from "./pcc-min.js";
+import { fetchDefaultSecurityAnalysisProvider, fetchSecurityAnalysisParameters, fetchSecurityAnalysisProviders, getSecurityAnalysisDefaultLimitReductions, getSecurityAnalysisParameters, getStudyUrl, safeEncodeURIComponent, setSecurityAnalysisParameters, updateSecurityAnalysisParameters, updateSecurityAnalysisProvider } from "./security-analysis.js";
 import { exportFilter, getAvailableComponentLibraries, getStudyNetworkVisualizationsParameters, getStudyShortCircuitParameters, invalidateStudyShortCircuitStatus, setStudyNetworkVisualizationParameters, setStudyShortCircuitParameters, updateVoltageInitParameters } from "./study.js";
 import { getNetworkVisualizationsParameters } from "./study-config.js";
 import { fetchCurrentAnnouncement, fetchUserDetails } from "./userAdmin.js";
+import { NetworkTimeoutError, backendFetch, backendFetchFile, backendFetchJson, backendFetchText, getRequestParamFromList } from "./utils.js";
 import { getVoltageInitParameters, getVoltageInitUrl } from "./voltage-init.js";
-import { getPccMinStudyParameters, updatePccMinParameters } from "./pcc-min.js";
-import { fetchDefaultSecurityAnalysisProvider, fetchSecurityAnalysisParameters, fetchSecurityAnalysisProviders, getSecurityAnalysisDefaultLimitReductions, getSecurityAnalysisParameters, getStudyUrl, safeEncodeURIComponent, setSecurityAnalysisParameters, updateSecurityAnalysisParameters, updateSecurityAnalysisProvider } from "./security-analysis.js";
 export {
   NetworkTimeoutError,
   PREFIX_STUDY_QUERIES,
+  PermissionType,
   backendFetch,
   backendFetchFile,
   backendFetchJson,
@@ -54,6 +56,7 @@ export {
   getStudyUrl,
   getVoltageInitParameters,
   getVoltageInitUrl,
+  hasElementPermission,
   invalidateStudyShortCircuitStatus,
   isStudyMetadata,
   safeEncodeURIComponent,

package/dist/utils/index.d.ts

@@ -11,6 +11,7 @@ export * from './error';
 export * from './functions';
 export * from './langs';
 export * from './mapper';
+export * from './navigator-clipboard';
 export * from './constants/notificationsProvider';
 export * from './styles';
 export * from './types';

package/dist/utils/index.js

@@ -11,6 +11,7 @@ import { areArrayElementsUnique, isObjectEmpty, keyGenerator } from "./functions
 import { LANG_ENGLISH, LANG_FRENCH, LANG_SYSTEM } from "./langs.js";
 import { getFileIcon } from "./mapper/getFileIcon.js";
 import { equipmentTypesForPredefinedPropertiesMapper } from "./mapper/equipmentTypesForPredefinedPropertiesMapper.js";
+import { copyToClipboard } from "./navigator-clipboard.js";
 import { NotificationsUrlKeys, PREFIX_CONFIG_NOTIFICATION_WS, PREFIX_DIRECTORY_NOTIFICATION_WS, PREFIX_STUDY_NOTIFICATION_WS } from "./constants/notificationsProvider.js";
 import { DARK_THEME, LIGHT_THEME, makeComposeClasses, mergeSx, toNestedGlobalSelectors } from "./styles.js";
 import { CustomError, formatMessageValues } from "./types/CustomError.js";
@@ -102,6 +103,7 @@ export {
   catchErrorHandler,
   convertInputValue,
   convertOutputValue,
+  copyToClipboard,
   equalsArray,
   equipmentStyles,
   equipmentTypesForPredefinedPropertiesMapper,

package/dist/utils/navigator-clipboard.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 copyToClipboard(valueToCopy: string, onSuccess?: () => void, onError?: () => void): void;

package/dist/utils/navigator-clipboard.js

@@ -0,0 +1,16 @@
+function copyToClipboard(valueToCopy, onSuccess, onError) {
+  if ("clipboard" in navigator) {
+    navigator.clipboard.writeText(valueToCopy).then(() => {
+      if (onSuccess) onSuccess();
+    }).catch((error) => {
+      console.error("Clipboard copy error: ", error);
+      if (onError) onError();
+    });
+  } else {
+    console.error("navigator.clipboard is not supported by your current navigator");
+    if (onError) onError();
+  }
+}
+export {
+  copyToClipboard
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.139.0",
+    "version": "0.141.0",
     "description": "common react components for gridsuite applications",
     "author": "gridsuite team",
     "homepage": "https://github.com/gridsuite",
@@ -53,6 +53,7 @@
         "react-dnd": "^16.0.1",
         "react-dnd-html5-backend": "^16.0.1",
         "react-querybuilder": "^8.11.0",
+        "react-resizable-panels": "^3.0.6",
         "reconnecting-websocket": "^4.4.0",
         "type-fest": "^4.41.0",
         "uuid": "^13.0.0"