@gridsuite/commons-ui 0.204.0 → 0.206.0

package/dist/components/parameters/short-circuit/short-circuit-icc-cluster-table-row.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { TableRow, TableCell, Tooltip, IconButton } from "@mui/material";
+import { TableRow, TableCell, IconButton } from "@mui/material";
 import { Delete } from "@mui/icons-material";
 import { useWatch } from "react-hook-form";
 import { useState } from "react";
 import { FormattedMessage } from "react-intl";
+import { CustomTooltip } from "../../tooltip/CustomTooltip.js";
 import { SHORT_CIRCUIT_ICC_CLUSTER_ACTIVE } from "./columns-definition.js";
 import { ShortCircuitIccClusterTableCell } from "./short-circuit-icc-cluster-table-cell.js";
 function ShortCircuitIccClusterTableRow({
@@ -27,7 +28,7 @@ function ShortCircuitIccClusterTableRow({
       },
       `${column.dataKey}`
     )),
-    /* @__PURE__ */ jsx(TableCell, { align: "center", children: isHover && /* @__PURE__ */ jsx(Tooltip, { title: /* @__PURE__ */ jsx(FormattedMessage, { id: "DeleteRows" }), children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => onDeleteButton(index), children: /* @__PURE__ */ jsx(Delete, { fontSize: "small" }) }) }) })
+    /* @__PURE__ */ jsx(TableCell, { align: "center", children: isHover && /* @__PURE__ */ jsx(CustomTooltip, { title: /* @__PURE__ */ jsx(FormattedMessage, { id: "DeleteRows" }), children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => onDeleteButton(index), children: /* @__PURE__ */ jsx(Delete, { fontSize: "small" }) }) }) })
   ] });
 }
 export {

package/dist/components/parameters/short-circuit/short-circuit-icc-cluster-table.js

@@ -1,9 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { TableContainer, Table, TableHead, TableRow, Tooltip, TableCell, IconButton, TableBody } from "@mui/material";
+import { TableContainer, Table, TableHead, TableRow, TableCell, IconButton, TableBody } from "@mui/material";
 import { AddCircle } from "@mui/icons-material";
 import { useFieldArray } from "react-hook-form";
 import { FormattedMessage } from "react-intl";
 import { useCallback } from "react";
+import { CustomTooltip } from "../../tooltip/CustomTooltip.js";
 import { ShortCircuitIccClusterTableRow } from "./short-circuit-icc-cluster-table-row.js";
 const styles = {
   tableContainer: (theme) => ({
@@ -39,8 +40,8 @@ function ShortCircuitIccClusterTable({
   );
   return /* @__PURE__ */ jsx(TableContainer, { sx: styles.tableContainer, children: /* @__PURE__ */ jsxs(Table, { stickyHeader: true, size: "small", sx: styles.table, children: [
     /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
-      columnsDefinition.map((column) => /* @__PURE__ */ jsx(Tooltip, { title: column.tooltip, children: /* @__PURE__ */ jsx(TableCell, { align: "center", sx: { width: column.width }, children: column.label }) }, column.dataKey)),
-      /* @__PURE__ */ jsx(TableCell, { align: "center", sx: { width: "5%" }, children: /* @__PURE__ */ jsx(Tooltip, { title: /* @__PURE__ */ jsx(FormattedMessage, { id: "AddRows" }), children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, { size: "small", disabled: false, onClick: handleAddRowsButton, children: /* @__PURE__ */ jsx(AddCircle, { fontSize: "small" }) }) }) }) })
+      columnsDefinition.map((column) => /* @__PURE__ */ jsx(CustomTooltip, { title: column.tooltip, children: /* @__PURE__ */ jsx(TableCell, { align: "center", sx: { width: column.width }, children: column.label }) }, column.dataKey)),
+      /* @__PURE__ */ jsx(TableCell, { align: "center", sx: { width: "5%" }, children: /* @__PURE__ */ jsx(CustomTooltip, { title: /* @__PURE__ */ jsx(FormattedMessage, { id: "AddRows" }), children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, { size: "small", disabled: false, onClick: handleAddRowsButton, children: /* @__PURE__ */ jsx(AddCircle, { fontSize: "small" }) }) }) }) })
     ] }) }),
     /* @__PURE__ */ jsx(TableBody, { children: rows.map((row, index) => /* @__PURE__ */ jsx(
       ShortCircuitIccClusterTableRow,

package/dist/components/parameters/short-circuit/short-circuit-icc-material-table-cell.js

@@ -26,6 +26,7 @@ import { FloatInput } from "../../inputs/reactHookForm/numbers/FloatInput.js";
 import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
 import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
 import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";

package/dist/components/parameters/short-circuit/short-circuit-icc-material-table.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { TableContainer, Table, TableHead, TableRow, Tooltip, TableCell, TableBody } from "@mui/material";
+import { TableContainer, Table, TableHead, TableRow, TableCell, TableBody } from "@mui/material";
 import { useFieldArray } from "react-hook-form";
+import { CustomTooltip } from "../../tooltip/CustomTooltip.js";
 import { ShortCircuitIccMaterialTableRow } from "./short-circuit-icc-material-table-row.js";
 const styles = {
   tableContainer: (theme) => ({
@@ -23,7 +24,7 @@ function ShortCircuitIccMaterialTable({
   });
   return /* @__PURE__ */ jsx(TableContainer, { sx: styles.tableContainer, children: /* @__PURE__ */ jsxs(Table, { stickyHeader: true, size: "small", sx: styles.table, children: [
     /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
-      columnsDefinition.map((column) => /* @__PURE__ */ jsx(Tooltip, { title: column.tooltip, children: /* @__PURE__ */ jsx(TableCell, { align: "center", sx: { width: column.width }, children: column.label }) }, column.dataKey)),
+      columnsDefinition.map((column) => /* @__PURE__ */ jsx(CustomTooltip, { title: column.tooltip, children: /* @__PURE__ */ jsx(TableCell, { align: "center", sx: { width: column.width }, children: column.label }) }, column.dataKey)),
       /* @__PURE__ */ jsx(TableCell, { align: "center", sx: { visibility: "hidden", width: "5%" } })
     ] }) }),
     /* @__PURE__ */ jsx(TableBody, { children: rows.map((row, index) => /* @__PURE__ */ jsx(

package/dist/components/parameters/short-circuit/short-circuit-parameters-content.js

@@ -31,6 +31,7 @@ import "react-csv-downloader";
 import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
 import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
 import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../inputs/reactHookForm/expandableInput/ExpandableInput.js";

package/dist/components/parameters/short-circuit/short-circuit-parameters-dialog.js

@@ -30,6 +30,7 @@ import "react-csv-downloader";
 import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
 import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
 import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../inputs/reactHookForm/expandableInput/ExpandableInput.js";

package/dist/components/parameters/short-circuit/short-circuit-parameters-form.js

@@ -23,6 +23,7 @@ import "react-csv-downloader";
 import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
 import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
 import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";

package/dist/components/parameters/short-circuit/short-circuit-parameters-inline.js

@@ -28,6 +28,7 @@ import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import { PopupConfirmationDialog } from "../../dialogs/popupConfirmationDialog/PopupConfirmationDialog.js";
 import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
 import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
 import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";

package/dist/components/parameters/short-circuit/short-circuit-parameters-utils.js

@@ -30,6 +30,7 @@ import "react-csv-downloader";
 import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
 import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
 import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../inputs/reactHookForm/expandableInput/ExpandableInput.js";

package/dist/components/parameters/short-circuit/short-circuit-power-electronics-tab-panel.js

@@ -30,6 +30,7 @@ import { SwitchInput } from "../../inputs/reactHookForm/booleans/SwitchInput.js"
 import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
 import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
 import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../inputs/reactHookForm/expandableInput/ExpandableInput.js";

package/dist/components/parameters/short-circuit/short-circuit-study-area-tab-panel.js

@@ -34,6 +34,7 @@ import { FloatInput } from "../../inputs/reactHookForm/numbers/FloatInput.js";
 import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
 import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
 import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../inputs/reactHookForm/expandableInput/ExpandableInput.js";

package/dist/components/parameters/short-circuit/use-short-circuit-parameters-form.js

@@ -28,6 +28,7 @@ import "react-csv-downloader";
 import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
 import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
 import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";

package/dist/components/parameters/voltage-init/equipment-selection-parameters.js

@@ -25,6 +25,7 @@ import { RadioInput } from "../../inputs/reactHookForm/booleans/RadioInput.js";
 import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
 import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
 import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";

package/dist/components/parameters/voltage-init/general-parameters.js

@@ -29,6 +29,7 @@ import "react-csv-downloader";
 import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
 import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
 import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../inputs/reactHookForm/expandableInput/ExpandableInput.js";

package/dist/components/parameters/voltage-init/use-voltage-init-parameters-form.js

@@ -31,6 +31,7 @@ import "react-csv-downloader";
 import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
 import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
 import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";

package/dist/components/parameters/voltage-init/voltage-init-form-utils.js

@@ -27,6 +27,7 @@ import "react-csv-downloader";
 import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
 import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
 import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";

package/dist/components/parameters/voltage-init/voltage-init-parameters-dialog.js

@@ -28,6 +28,7 @@ import "react-csv-downloader";
 import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
 import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
 import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../inputs/reactHookForm/expandableInput/ExpandableInput.js";

package/dist/components/parameters/voltage-init/voltage-init-parameters-form.js

@@ -24,6 +24,7 @@ import "react-csv-downloader";
 import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
 import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
 import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";

package/dist/components/parameters/voltage-init/voltage-init-parameters-inline.js

@@ -29,6 +29,7 @@ import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import { PopupConfirmationDialog } from "../../dialogs/popupConfirmationDialog/PopupConfirmationDialog.js";
 import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
 import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
 import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";

package/dist/components/parameters/voltage-init/voltage-limits-parameters.js

@@ -1,8 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { Info } from "@mui/icons-material";
-import { Tooltip, Grid } from "@mui/material";
+import { Grid } from "@mui/material";
 import { useIntl } from "react-intl";
+import { CustomTooltip } from "../../tooltip/CustomTooltip.js";
 import { LOW_VOLTAGE_LIMIT, HIGH_VOLTAGE_LIMIT, VOLTAGE_LIMITS_MODIFICATION, VOLTAGE_LIMITS_DEFAULT } from "./constants.js";
 import { VoltageAdornment } from "../../../utils/constants/adornments.js";
 import { FILTERS } from "../../../utils/constants/filterConstant.js";
@@ -30,6 +31,7 @@ import "react-csv-downloader";
 import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
 import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
 import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
@@ -45,12 +47,11 @@ function VoltageLimitsParameters() {
   const intl = useIntl();
   const VoltageLevelFilterTooltip = useMemo(() => {
     return /* @__PURE__ */ jsx(
-      Tooltip,
+      CustomTooltip,
       {
         title: intl.formatMessage({
           id: "VoltageLevelFilterTooltip"
         }),
-        placement: "right-start",
         sx: { marginLeft: 1 },
         children: /* @__PURE__ */ jsx(Info, {})
       }

package/dist/components/tooltip/CustomTooltip.d.ts

@@ -0,0 +1,2 @@
+import { TooltipProps } from '@mui/material';
+export declare function CustomTooltip(props: Readonly<TooltipProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/tooltip/CustomTooltip.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { Tooltip } from "@mui/material";
+function CustomTooltip(props) {
+  const { children, ...tooltipProps } = props;
+  return /* @__PURE__ */ jsx(Tooltip, { arrow: true, enterDelay: 250, ...tooltipProps, children });
+}
+export {
+  CustomTooltip
+};

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

@@ -0,0 +1 @@
+export * from './CustomTooltip';

package/dist/components/tooltip/index.js

@@ -0,0 +1,4 @@
+import { CustomTooltip } from "./CustomTooltip.js";
+export {
+  CustomTooltip
+};

package/dist/components/topBar/AboutDialog.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 declare const moduleTypeSort: {
-    app: number;
+    apps: number;
     server: number;
     other: number;
 };

package/dist/components/topBar/AboutDialog.js

@@ -1,10 +1,12 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useCallback } from "react";
-import { useTheme, Dialog, useMediaQuery, DialogTitle, Collapse, Alert, Box, Fade, CircularProgress, Typography, DialogContent, Accordion, AccordionSummary, AccordionDetails, Grid, DialogActions, Button, Tooltip, Zoom, Stack, tooltipClasses } from "@mui/material";
+import { useTheme, Dialog, useMediaQuery, DialogTitle, Collapse, Alert, Box, Fade, CircularProgress, Typography, DialogContent, Accordion, AccordionSummary, AccordionDetails, Grid, DialogActions, Button, Zoom, Stack, tooltipClasses } from "@mui/material";
 import { LoadingButton } from "@mui/lab";
 import { Refresh, Gavel, ExpandMore, Apps, QuestionMark, DnsOutlined, WidgetsOutlined } from "@mui/icons-material";
 import { FormattedMessage } from "react-intl";
+import { CustomTooltip } from "../tooltip/CustomTooltip.js";
 import { LogoText } from "./GridLogo.js";
+import { mergeSx } from "../../utils/styles.js";
 const styles = {
   general: {
     ".MuiAccordion-root": {
@@ -58,7 +60,7 @@ function getGlobalVersion(fnPromise, type, setData, setLoader) {
   return Promise.resolve(null);
 }
 const moduleTypeSort = {
-  app: 1,
+  apps: 1,
   server: 10,
   other: 20
 };
@@ -100,7 +102,7 @@ const moduleStyles = {
   }
 };
 const ModuleTypesIcons = {
-  app: /* @__PURE__ */ jsx(WidgetsOutlined, { sx: moduleStyles.icons, fontSize: "small", color: "primary" }),
+  apps: /* @__PURE__ */ jsx(WidgetsOutlined, { sx: moduleStyles.icons, fontSize: "small", color: "primary" }),
   server: /* @__PURE__ */ jsx(DnsOutlined, { sx: moduleStyles.icons, fontSize: "small", color: "secondary" }),
   other: /* @__PURE__ */ jsx(QuestionMark, { sx: moduleStyles.icons, fontSize: "small" })
 };
@@ -110,7 +112,7 @@ function insensitiveCaseCompare(str, obj) {
   });
 }
 function tooltipTypeLabel(type) {
-  if (insensitiveCaseCompare("app", type) === 0) {
+  if (insensitiveCaseCompare("apps", type) === 0) {
     return "about-dialog/module-tooltip-app";
   }
   if (insensitiveCaseCompare("server", type) === 0) {
@@ -132,14 +134,11 @@ function Module({ type, name, version, gitTag }) {
         }
       },
       children: /* @__PURE__ */ jsx(
-        Tooltip,
+        CustomTooltip,
         {
           TransitionComponent: Zoom,
-          enterDelay: 2500,
           enterNextDelay: 350,
           leaveDelay: 200,
-          placement: "bottom-start",
-          arrow: true,
           sx: moduleStyles.tooltip,
           title: /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(Typography, { variant: "body1", children: name || "<?>" }),
@@ -163,10 +162,11 @@ function Module({ type, name, version, gitTag }) {
               Typography,
               {
                 variant: "caption",
-                color: (theme) => theme.palette.text.secondary,
+                sx: mergeSx(moduleStyles.version, (theme) => ({
+                  color: theme.palette.text.secondary
+                })),
                 display: "inline",
                 noWrap: true,
-                sx: moduleStyles.version,
                 children: gitTag || version || null
               }
             )
@@ -212,7 +212,7 @@ function AboutDialog({
     if (open) {
       const currentApp = {
         name: `Grid${appName}`,
-        type: "app",
+        type: "apps",
         version: appVersion,
         gitTag: appGitTag
         // license: appLicense,
@@ -330,7 +330,13 @@ function AboutDialog({
                 gitTag: module.gitTag
               },
               `module-${idx}`
-            )) }) || /* @__PURE__ */ jsx(Typography, { color: (selectedTheme) => selectedTheme.palette.error.main, children: "Error" }) }) })
+            )) }) || /* @__PURE__ */ jsx(
+              Typography,
+              {
+                sx: { color: (selectedTheme) => selectedTheme.palette.error.main },
+                children: "Error"
+              }
+            ) }) })
           ] })
         ] }) }),
         /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, { onClick: handleClose, autoFocus: true, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "close" }) }) })

package/dist/components/topBar/TopBar.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren, ReactNode } from 'react';
-import { User } from 'oidc-client';
+import { User } from 'oidc-client-ts';
 import { GridLogoProps } from './GridLogo';
 import { AboutDialogProps } from './AboutDialog';
 import { LogoutProps } from '../authentication/Logout';

package/dist/components/topBar/UserInformationDialog.d.ts

@@ -1,4 +1,4 @@
-import { User } from 'oidc-client';
+import { User } from 'oidc-client-ts';
 interface UserInformationDialogProps {
     openDialog: boolean;
     onClose: () => void;

package/dist/hooks/use-parameters-backend.d.ts

@@ -1,5 +1,5 @@
 import { UUID } from 'node:crypto';
-import { User } from 'oidc-client';
+import { User } from 'oidc-client-ts';
 import { ComputingType } from '../components/parameters/common/computing-type';
 import { BackendFunctions, UseParametersBackendReturnProps } from '../utils/types/parameters.type';
 export declare enum OptionalServicesStatus {

package/dist/index.js

@@ -56,6 +56,7 @@ import { CONTINGENCY_LIST_EQUIPMENTS, FILTER_EQUIPMENTS } from "./components/fil
 import { FlatParameters, extractDefault } from "./components/flatParameters/FlatParameters.js";
 import "react/jsx-runtime";
 import "@mui/material";
+import { CustomTooltip } from "./components/tooltip/CustomTooltip.js";
 import "react-intl";
 import { SelectClearable } from "./components/inputs/SelectClearable.js";
 import { OverflowableChip } from "./components/inputs/reactHookForm/OverflowableChip.js";
@@ -139,6 +140,7 @@ import { useNotificationsListener } from "./components/notifications/hooks/useNo
 import { useListenerManager } from "./components/notifications/hooks/useListenerManager.js";
 import { LeftPanelOpenIcon } from "./components/icons/LeftPanelOpenIcon.js";
 import { ArrowsOutputIcon } from "./components/icons/ArrowsOutputIcon.js";
+import { ArrowsInputIcon } from "./components/icons/ArrowsInputIcon.js";
 import { LeftPanelCloseIcon } from "./components/icons/LeftPanelCloseIcon.js";
 import { EditNoteIcon } from "./components/icons/EditNoteIcon.js";
 import { ComputingType, formatComputingTypeLabel, isValidComputingType } from "./components/parameters/common/computing-type.js";
@@ -248,7 +250,7 @@ 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 { NotificationsUrlKeys, PREFIX_CONFIG_NOTIFICATION_WS, PREFIX_DIRECTORY_NOTIFICATION_WS, PREFIX_MONITOR_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 } from "./utils/types/CustomError.js";
 import { ProblemDetailError } from "./utils/types/ProblemDetailError.js";
@@ -414,6 +416,7 @@ export {
   AnnouncementNotification,
   AnnouncementSeverity,
   ArrayAction,
+  ArrowsInputIcon,
   ArrowsOutputIcon,
   DataType2 as AssignmentDataType,
   AuthenticationRouter,
@@ -490,6 +493,7 @@ export {
   CustomMuiDialog,
   CustomNestedMenuItem,
   CustomReactQueryBuilder,
+  CustomTooltip,
   CustomVoltageLevelTable,
   CustomVoltageLevelTableCell,
   CustomVoltageLevelTableRow,
@@ -745,6 +749,7 @@ export {
   PHASE_SHIFTER_REGULATION_ON,
   PREFIX_CONFIG_NOTIFICATION_WS,
   PREFIX_DIRECTORY_NOTIFICATION_WS,
+  PREFIX_MONITOR_NOTIFICATION_WS,
   PREFIX_STUDY_NOTIFICATION_WS,
   PREFIX_STUDY_QUERIES,
   PRIORITY,

package/dist/redux/actions/authActions.d.ts

@@ -1,4 +1,4 @@
-import { User } from 'oidc-client';
+import { User } from 'oidc-client-ts';
 export interface Action<T> {
     type: T;
 }

package/dist/redux/commonStore.d.ts

@@ -1,4 +1,4 @@
-import { User } from 'oidc-client';
+import { User } from 'oidc-client-ts';
 export type CommonStoreState = {
     user: User | null;
 };

package/dist/utils/constants/notificationsProvider.d.ts

@@ -3,8 +3,10 @@ export declare enum NotificationsUrlKeys {
     GLOBAL_CONFIG = "GLOBAL_CONFIG",
     STUDY = "STUDY",
     DIRECTORY = "DIRECTORY",
-    DIRECTORY_DELETE_STUDY = "DIRECTORY_DELETE_STUDY"
+    DIRECTORY_DELETE_STUDY = "DIRECTORY_DELETE_STUDY",
+    MONITOR = "MONITOR"
 }
 export declare const PREFIX_CONFIG_NOTIFICATION_WS: string;
 export declare const PREFIX_STUDY_NOTIFICATION_WS: string;
 export declare const PREFIX_DIRECTORY_NOTIFICATION_WS: string;
+export declare const PREFIX_MONITOR_NOTIFICATION_WS: string;

package/dist/utils/constants/notificationsProvider.js

@@ -4,14 +4,17 @@ var NotificationsUrlKeys = /* @__PURE__ */ ((NotificationsUrlKeys2) => {
   NotificationsUrlKeys2["STUDY"] = "STUDY";
   NotificationsUrlKeys2["DIRECTORY"] = "DIRECTORY";
   NotificationsUrlKeys2["DIRECTORY_DELETE_STUDY"] = "DIRECTORY_DELETE_STUDY";
+  NotificationsUrlKeys2["MONITOR"] = "MONITOR";
   return NotificationsUrlKeys2;
 })(NotificationsUrlKeys || {});
 const PREFIX_CONFIG_NOTIFICATION_WS = `${"ws/gateway"}/config-notification`;
 const PREFIX_STUDY_NOTIFICATION_WS = `${"ws/gateway"}/study-notification`;
 const PREFIX_DIRECTORY_NOTIFICATION_WS = `${"ws/gateway"}/directory-notification`;
+const PREFIX_MONITOR_NOTIFICATION_WS = `${"ws/gateway"}/monitor-notification`;
 export {
   NotificationsUrlKeys,
   PREFIX_CONFIG_NOTIFICATION_WS,
   PREFIX_DIRECTORY_NOTIFICATION_WS,
+  PREFIX_MONITOR_NOTIFICATION_WS,
   PREFIX_STUDY_NOTIFICATION_WS
 };

package/dist/utils/index.js

@@ -15,7 +15,7 @@ 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 { NotificationsUrlKeys, PREFIX_CONFIG_NOTIFICATION_WS, PREFIX_DIRECTORY_NOTIFICATION_WS, PREFIX_MONITOR_NOTIFICATION_WS, PREFIX_STUDY_NOTIFICATION_WS } from "./constants/notificationsProvider.js";
 import { DARK_THEME, LIGHT_THEME, makeComposeClasses, mergeSx, toNestedGlobalSelectors } from "./styles.js";
 import { CustomError } from "./types/CustomError.js";
 import { ProblemDetailError } from "./types/ProblemDetailError.js";
@@ -112,6 +112,7 @@ export {
   PERCENTAGE,
   PREFIX_CONFIG_NOTIFICATION_WS,
   PREFIX_DIRECTORY_NOTIFICATION_WS,
+  PREFIX_MONITOR_NOTIFICATION_WS,
   PREFIX_STUDY_NOTIFICATION_WS,
   ParameterType,
   PercentageAdornment,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.204.0",
+    "version": "0.206.0",
     "description": "common react components for gridsuite applications",
     "author": "gridsuite team",
     "homepage": "https://github.com/gridsuite",
@@ -47,7 +47,7 @@
         "jwt-decode": "^4.0.0",
         "localized-countries": "^2.0.0",
         "mui-nested-menu": "^4.0.1",
-        "oidc-client": "^1.11.5",
+        "oidc-client-ts": "^3.5.0",
         "prop-types": "^15.8.1",
         "react-csv-downloader": "^3.3.0",
         "react-dnd": "^16.0.1",
@@ -65,9 +65,9 @@
         "@emotion/react": "^11.14.0",
         "@emotion/styled": "^11.14.0",
         "@hookform/resolvers": "^4.0.0",
-        "@mui/icons-material": "^5.16.14",
-        "@mui/lab": "5.0.0-alpha.175",
-        "@mui/material": "^5.16.14",
+        "@mui/icons-material": "^6.5.0",
+        "@mui/lab": "6.0.1-beta.36",
+        "@mui/material": "^6.5.0",
         "@mui/x-tree-view": "^8.21.0",
         "ag-grid-community": "^33.0.3",
         "ag-grid-react": "^33.0.4",
@@ -91,9 +91,9 @@
         "@eslint/js": "^9.38.0",
         "@hookform/resolvers": "^4.1.3",
         "@jest/globals": "^30.1.2",
-        "@mui/icons-material": "^5.18.0",
-        "@mui/lab": "5.0.0-alpha.175",
-        "@mui/material": "^5.18.0",
+        "@mui/icons-material": "^6.5.0",
+        "@mui/lab": "6.0.1-beta.36",
+        "@mui/material": "^6.5.0",
         "@react-hook/window-size": "^3.1.1",
         "@stylistic/eslint-plugin": "^3.1.0",
         "@testing-library/jest-dom": "^6.8.0",