@gridsuite/commons-ui 0.296.0 → 0.297.0

package/dist/components/ui/reactHookForm/utils/HelperPreviousValue.js

@@ -33,7 +33,17 @@ function HelperPreviousValue({
         children: isNodeBuilt ? /* @__PURE__ */ jsx(InfoOutlined, { color: "info", fontSize: "small" }) : /* @__PURE__ */ jsx(WarningAmberRounded, { color: "warning", fontSize: "small" })
       }
     ),
-    /* @__PURE__ */ jsx(Typography, { noWrap: true, fontSize: 11, align: "center", children: previousValue + (adornmentText ? ` ${adornmentText}` : "") })
+    /* @__PURE__ */ jsx(
+      Typography,
+      {
+        noWrap: true,
+        align: "center",
+        sx: {
+          fontSize: 11
+        },
+        children: previousValue + (adornmentText ? ` ${adornmentText}` : "")
+      }
+    )
   ] }) : previousValue + (adornmentText ? ` ${adornmentText}` : "") });
 }
 export {

package/dist/features/authentication/AuthenticationRouter.js

@@ -26,66 +26,75 @@ function AuthenticationRouter({
       handleSilentRenewCallback(userManager.instance);
     }
   }, [userManager.instance]);
-  return /* @__PURE__ */ jsxs(Stack, { alignItems: "center", sx: { width: "100%" }, children: [
-    userManager.error !== null && /* @__PURE__ */ jsxs("h1", { children: [
-      "Error : Getting userManager; ",
-      userManager.error
-    ] }),
-    signInCallbackError !== null && /* @__PURE__ */ jsxs("h1", { children: [
-      "Error : SignIn Callback Error;",
-      signInCallbackError.message
-    ] }),
-    /* @__PURE__ */ jsxs(Routes, { children: [
-      /* @__PURE__ */ jsx(
-        Route,
-        {
-          path: "sign-in-callback",
-          element: /* @__PURE__ */ jsx(
-            SignInCallbackHandler,
+  return /* @__PURE__ */ jsxs(
+    Stack,
+    {
+      sx: {
+        alignItems: "center",
+        width: "100%"
+      },
+      children: [
+        userManager.error !== null && /* @__PURE__ */ jsxs("h1", { children: [
+          "Error : Getting userManager; ",
+          userManager.error
+        ] }),
+        signInCallbackError !== null && /* @__PURE__ */ jsxs("h1", { children: [
+          "Error : SignIn Callback Error;",
+          signInCallbackError.message
+        ] }),
+        /* @__PURE__ */ jsxs(Routes, { children: [
+          /* @__PURE__ */ jsx(
+            Route,
             {
-              userManager: userManager.instance,
-              handleSignInCallback: handleSigninCallbackClosure
+              path: "sign-in-callback",
+              element: /* @__PURE__ */ jsx(
+                SignInCallbackHandler,
+                {
+                  userManager: userManager.instance,
+                  handleSignInCallback: handleSigninCallbackClosure
+                }
+              )
             }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Route,
-        {
-          path: "silent-renew-callback",
-          element: /* @__PURE__ */ jsx(
-            SilentRenewCallbackHandler,
+          ),
+          /* @__PURE__ */ jsx(
+            Route,
             {
-              userManager: userManager.instance,
-              handleSilentRenewCallback: handleSilentRenewCallbackClosure
+              path: "silent-renew-callback",
+              element: /* @__PURE__ */ jsx(
+                SilentRenewCallbackHandler,
+                {
+                  userManager: userManager.instance,
+                  handleSilentRenewCallback: handleSilentRenewCallbackClosure
+                }
+              )
             }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsx(Route, { path: "logout-callback", element: /* @__PURE__ */ jsx(Navigate, { to: "/" }) }),
-      /* @__PURE__ */ jsx(
-        Route,
-        {
-          path: "*",
-          element: showAuthenticationRouterLogin && authenticationRouterError == null && /* @__PURE__ */ jsx(
-            Login,
+          ),
+          /* @__PURE__ */ jsx(Route, { path: "logout-callback", element: /* @__PURE__ */ jsx(Navigate, { to: "/" }) }),
+          /* @__PURE__ */ jsx(
+            Route,
             {
-              disabled: userManager.instance === null,
-              onLoginClick: () => login(location, userManager.instance)
+              path: "*",
+              element: showAuthenticationRouterLogin && authenticationRouterError == null && /* @__PURE__ */ jsx(
+                Login,
+                {
+                  disabled: userManager.instance === null,
+                  onLoginClick: () => login(location, userManager.instance)
+                }
+              )
             }
           )
-        }
-      )
-    ] }),
-    authenticationRouterError !== null && /* @__PURE__ */ jsx(
-      AuthenticationRouterErrorDisplay,
-      {
-        dispatch,
-        instance: userManager.instance,
-        errorState: authenticationRouterError
-      }
-    )
-  ] });
+        ] }),
+        authenticationRouterError !== null && /* @__PURE__ */ jsx(
+          AuthenticationRouterErrorDisplay,
+          {
+            dispatch,
+            instance: userManager.instance,
+            errorState: authenticationRouterError
+          }
+        )
+      ]
+    }
+  );
 }
 export {
   AuthenticationRouter

package/dist/features/authentication/Login.js

@@ -39,13 +39,21 @@ function Login({ onLoginClick, disabled }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx(Box, { mt: 2, children: /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "textSecondary", align: "center", children: [
-      "Copyright © ",
-      /* @__PURE__ */ jsx(Link, { color: "inherit", href: "#", children: "GridSuite" }),
-      " ",
-      (/* @__PURE__ */ new Date()).getFullYear(),
-      "."
-    ] }) })
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        sx: {
+          mt: 2
+        },
+        children: /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "textSecondary", align: "center", children: [
+          "Copyright © ",
+          /* @__PURE__ */ jsx(Link, { color: "inherit", href: "#", children: "GridSuite" }),
+          " ",
+          (/* @__PURE__ */ new Date()).getFullYear(),
+          "."
+        ] })
+      }
+    )
   ] });
 }
 export {

package/dist/features/authentication/Logout.js

@@ -37,7 +37,15 @@ function Logout({ onLogoutClick, disabled }) {
       ] }),
       /* @__PURE__ */ jsx(Button, { disabled, fullWidth: true, variant: "contained", sx: styles.submit, onClick: onLogoutClick, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "login/logout", defaultMessage: "logout" }) })
     ] }),
-    /* @__PURE__ */ jsx(Box, { mt: 2, children: /* @__PURE__ */ jsx(Copyright, {}) })
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        sx: {
+          mt: 2
+        },
+        children: /* @__PURE__ */ jsx(Copyright, {})
+      }
+    )
   ] });
 }
 export {

package/dist/features/cardErrorBoundary/CardErrorBoundary.js

@@ -57,13 +57,22 @@ class CardErrorBoundary extends Component {
             )
           }
         ),
-        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: /* @__PURE__ */ jsx(
-          FormattedMessage,
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(
+          Typography,
           {
-            id: "card_error_boundary/content",
-            defaultMessage: "Please reload, or close and reopen this application, or contact support."
+            variant: "body2",
+            sx: {
+              color: "text.secondary"
+            },
+            children: /* @__PURE__ */ jsx(
+              FormattedMessage,
+              {
+                id: "card_error_boundary/content",
+                defaultMessage: "Please reload, or close and reopen this application, or contact support."
+              }
+            )
           }
-        ) }) }),
+        ) }),
         /* @__PURE__ */ jsxs(CardActions, { disableSpacing: true, children: [
           /* @__PURE__ */ jsx(IconButton, { onClick: this.handleReloadClick, "aria-label": "reload", children: /* @__PURE__ */ jsx(Replay, {}) }),
           /* @__PURE__ */ jsx(
@@ -78,13 +87,22 @@ class CardErrorBoundary extends Component {
           )
         ] }),
         /* @__PURE__ */ jsx(Collapse, { in: expanded, children: /* @__PURE__ */ jsxs(CardContent, { children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: /* @__PURE__ */ jsx(
-            FormattedMessage,
+          /* @__PURE__ */ jsx(
+            Typography,
             {
-              id: "card_error_boundary/expandederrorheader",
-              defaultMessage: "Error message (and see more information in the developper console):"
+              variant: "body2",
+              sx: {
+                color: "text.secondary"
+              },
+              children: /* @__PURE__ */ jsx(
+                FormattedMessage,
+                {
+                  id: "card_error_boundary/expandederrorheader",
+                  defaultMessage: "Error message (and see more information in the developper console):"
+                }
+              )
             }
-          ) }),
+          ),
           /* @__PURE__ */ jsx(Typography, { variant: "caption", children: error.message })
         ] }) })
       ] }) });

package/dist/features/global-filter/ui/global-filter-panel.js

@@ -55,15 +55,9 @@ import "react-window";
 import "../../../components/composite/report/report-treeview/treeview-item.js";
 import "../../../components/composite/report/report-viewer/context/report-viewer-context.js";
 const TAG_LIMIT_NUMBER = 4;
-function RenderInput({
-  id,
-  size,
-  fullWidth,
-  inputProps,
-  disabled,
-  InputProps: { startAdornment, ...otherInputProps }
-}) {
+function RenderInput({ id, size, fullWidth, slotProps, disabled }) {
   const intl = useIntl();
+  const { startAdornment, ...otherInputProps } = slotProps.input;
   return /* @__PURE__ */ jsx(
     TextField,
     {
@@ -75,7 +69,7 @@ function RenderInput({
         id: "results.globalFilter.fillerText"
       }),
       slotProps: {
-        htmlInput: inputProps,
+        htmlInput: slotProps.htmlInput,
         input: {
           ...otherInputProps,
           startAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -106,7 +100,7 @@ function RenderOption(props) {
     case GlobalFilterType.SUBSTATION_OR_VL:
     case GlobalFilterType.GENERIC_FILTER:
       content = /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(OverflowableText, { text: label, width: "100%" }),
+        /* @__PURE__ */ jsx(OverflowableText, { text: label, sx: { width: "100%" } }),
         /* @__PURE__ */ jsx(
           IconButton,
           {

package/dist/features/network-modifications/battery/creation/BatteryCreationForm.js

@@ -127,18 +127,28 @@ function BatteryCreationForm({
     /* @__PURE__ */ jsx(GridSection, { title: "ReactiveLimits" }),
     /* @__PURE__ */ jsx(ReactiveLimitsForm, {}),
     /* @__PURE__ */ jsx(SetPointsForm, {}),
-    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, paddingTop: 2, children: [
-      /* @__PURE__ */ jsx(
-        GridItem,
-        {
-          size: 4,
-          tooltip: watchVoltageRegulation !== null ? "" : /* @__PURE__ */ jsx(FormattedMessage, { id: "NoModification" }),
-          children: voltageRegulationField
-        }
-      ),
-      voltageRegulationForm,
-      /* @__PURE__ */ jsx(ActivePowerControlForm, {})
-    ] }),
+    /* @__PURE__ */ jsxs(
+      Grid,
+      {
+        container: true,
+        spacing: 2,
+        sx: {
+          paddingTop: 2
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            GridItem,
+            {
+              size: 4,
+              tooltip: watchVoltageRegulation !== null ? "" : /* @__PURE__ */ jsx(FormattedMessage, { id: "NoModification" }),
+              children: voltageRegulationField
+            }
+          ),
+          voltageRegulationForm,
+          /* @__PURE__ */ jsx(ActivePowerControlForm, {})
+        ]
+      }
+    ),
     /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuit" }),
     /* @__PURE__ */ jsx(ShortCircuitForm, {}),
     /* @__PURE__ */ jsx(PropertiesForm, { networkElementType: "battery" })

package/dist/features/network-modifications/battery/modification/BatteryDialogTabsContent.js

@@ -152,17 +152,27 @@ function BatteryDialogTabsContent({
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, paddingTop: 2, children: [
-        /* @__PURE__ */ jsx(GridItem, { size: 4, children: voltageRegulationField }),
-        voltageRegulationForm,
-        /* @__PURE__ */ jsx(
-          ActivePowerControlForm,
-          {
-            isEquipmentModification: true,
-            previousValues: batteryToModify?.activePowerControl
-          }
-        )
-      ] }),
+      /* @__PURE__ */ jsxs(
+        Grid,
+        {
+          container: true,
+          spacing: 2,
+          sx: {
+            paddingTop: 2
+          },
+          children: [
+            /* @__PURE__ */ jsx(GridItem, { size: 4, children: voltageRegulationField }),
+            voltageRegulationForm,
+            /* @__PURE__ */ jsx(
+              ActivePowerControlForm,
+              {
+                isEquipmentModification: true,
+                previousValues: batteryToModify?.activePowerControl
+              }
+            )
+          ]
+        }
+      ),
       /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: /* @__PURE__ */ jsxs(Grid, { size: 12, children: [
         /* @__PURE__ */ jsx("h3", { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Limits" }) }),
         /* @__PURE__ */ jsx("h4", { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "ActiveLimits" }) })

package/dist/features/network-modifications/by-filter/deletion/ByFilterDeletionForm.js

@@ -38,32 +38,42 @@ function ByFilterDeletionForm() {
   const handleEquipmentTypeChange = useCallback(() => {
     setValue(FieldConstants.FILTERS, []);
   }, [setValue]);
-  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, pt: 1, children: [
-    /* @__PURE__ */ jsx(Grid, { size: "grow", children: /* @__PURE__ */ jsx(
-      AutocompleteInput,
-      {
-        isOptionEqualToValue: richTypeEquals,
-        name: FieldConstants.TYPE,
-        label: "Type",
-        options: EQUIPMENT_TYPE_ORDER,
-        onChangeCallback: handleEquipmentTypeChange,
-        getOptionLabel,
-        size: "small"
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Grid, { size: "grow", children: /* @__PURE__ */ jsx(
-      DirectoryItemsInput,
-      {
-        name: FieldConstants.FILTERS,
-        elementType: ElementType.FILTER,
-        titleId: "FiltersListsSelection",
-        label: "filter",
-        equipmentTypes: equipmentType ? [equipmentType] : [],
-        disable: !equipmentType
+  return /* @__PURE__ */ jsxs(
+    Grid,
+    {
+      container: true,
+      spacing: 2,
+      sx: {
+        pt: 1
       },
-      equipmentType
-    ) })
-  ] });
+      children: [
+        /* @__PURE__ */ jsx(Grid, { size: "grow", children: /* @__PURE__ */ jsx(
+          AutocompleteInput,
+          {
+            isOptionEqualToValue: richTypeEquals,
+            name: FieldConstants.TYPE,
+            label: "Type",
+            options: EQUIPMENT_TYPE_ORDER,
+            onChangeCallback: handleEquipmentTypeChange,
+            getOptionLabel,
+            size: "small"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Grid, { size: "grow", children: /* @__PURE__ */ jsx(
+          DirectoryItemsInput,
+          {
+            name: FieldConstants.FILTERS,
+            elementType: ElementType.FILTER,
+            titleId: "FiltersListsSelection",
+            label: "filter",
+            equipmentTypes: equipmentType ? [equipmentType] : [],
+            disable: !equipmentType
+          },
+          equipmentType
+        ) })
+      ]
+    }
+  );
 }
 export {
   ByFilterDeletionForm

package/dist/features/network-modifications/common/currentLimits/LimitsPane.js

@@ -212,22 +212,34 @@ function LimitsPane({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx(Grid, { size: 6, sx: limitsStyles.parametersBox, marginLeft: 2, children: indexSelectedLimitSet !== null && operationalLimitsGroups.map(
-        (operationalLimitsGroup, index) => index === indexSelectedLimitSet && /* @__PURE__ */ jsx(
-          LimitsEditor,
-          {
-            name: `${id}.${FieldConstants.OPERATIONAL_LIMITS_GROUPS}[${index}]`,
-            clearableFields: isModification,
-            permanentCurrentLimitPreviousValue: getCurrentLimits(equipmentToModify, operationalLimitsGroup.id)?.permanentLimit ?? getCurrentLimitsIgnoreApplicability(
-              equipmentToModify,
-              operationalLimitsGroup.name
-            )?.permanentLimit,
-            temporaryLimitsPreviousValues: getCurrentLimits(equipmentToModify, operationalLimitsGroup.id)?.temporaryLimits ?? [],
-            disabled: !olgEditable
-          },
-          operationalLimitsGroup.id
-        )
-      ) })
+      /* @__PURE__ */ jsx(
+        Grid,
+        {
+          size: 6,
+          sx: [
+            {
+              marginLeft: 2
+            },
+            limitsStyles.parametersBox
+          ],
+          children: indexSelectedLimitSet !== null && operationalLimitsGroups.map(
+            (operationalLimitsGroup, index) => index === indexSelectedLimitSet && /* @__PURE__ */ jsx(
+              LimitsEditor,
+              {
+                name: `${id}.${FieldConstants.OPERATIONAL_LIMITS_GROUPS}[${index}]`,
+                clearableFields: isModification,
+                permanentCurrentLimitPreviousValue: getCurrentLimits(equipmentToModify, operationalLimitsGroup.id)?.permanentLimit ?? getCurrentLimitsIgnoreApplicability(
+                  equipmentToModify,
+                  operationalLimitsGroup.name
+                )?.permanentLimit,
+                temporaryLimitsPreviousValues: getCurrentLimits(equipmentToModify, operationalLimitsGroup.id)?.temporaryLimits ?? [],
+                disabled: !olgEditable
+              },
+              operationalLimitsGroup.id
+            )
+          )
+        }
+      )
     ] })
   ] });
 }

package/dist/features/network-modifications/common/currentLimits/limitsEditor/LimitsEditor.js

@@ -212,10 +212,13 @@ function LimitsEditor({
         Grid,
         {
           container: true,
-          justifyContent: "flex-start",
-          alignItems: "stretch",
           spacing: 2,
-          sx: { paddingBottom: 1, paddingTop: 3 },
+          sx: {
+            justifyContent: "flex-start",
+            alignItems: "stretch",
+            paddingBottom: 1,
+            paddingTop: 3
+          },
           children: [
             /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
               TextInput,
@@ -256,7 +259,16 @@ function LimitsEditor({
       ),
       /* @__PURE__ */ jsx(ErrorInput, { InputField: FieldErrorAlert, name: `${name}.${FieldConstants.OLG_IS_DUPLICATE}` })
     ] }),
-    /* @__PURE__ */ jsx(Box, { component: "h4", margin: 1, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "TemporaryCurrentLimitsText" }) }),
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        component: "h4",
+        sx: {
+          margin: 1
+        },
+        children: /* @__PURE__ */ jsx(FormattedMessage, { id: "TemporaryCurrentLimitsText" })
+      }
+    ),
     /* @__PURE__ */ jsx(
       TemporaryLimitsTable,
       {