@gridsuite/commons-ui 0.237.0 → 0.239.0

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Box, Grid, LinearProgress, Tabs, Tab } from "@mui/material";
 import { FormattedMessage } from "react-intl";
-import { getTabIndicatorStyle, getTabStyle } from "../parameters-style.js";
+import { getTabStyle, getTabIndicatorStyle } from "../parameters-style.js";
 import "@mui/icons-material";
 import "../../../components/ui/overflowableText/OverflowableText.js";
 import "../../../utils/conversionUtils.js";
@@ -23,6 +23,7 @@ import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
+import "../../../components/ui/reactHookForm/directory-item-input/directory-item-utils.js";
 import "@hello-pangea/dnd";
 import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "../../../components/ui/snackbarProvider/SnackbarProvider.js";

package/dist/features/parameters/voltage-init/voltage-init-parameters-inline.d.ts

@@ -4,4 +4,4 @@ export declare function VoltageInitParametersInLine({ studyUuid, setHaveDirtyFie
     studyUuid: UUID | null;
     setHaveDirtyFields: (isDirty: boolean) => void;
     voltageInitParameters: VoltageInitStudyParameters | null;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): import("react").JSX.Element;

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

@@ -28,6 +28,7 @@ import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
+import "../../../components/ui/reactHookForm/directory-item-input/directory-item-utils.js";
 import "@hello-pangea/dnd";
 import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "../../../components/ui/snackbarProvider/SnackbarProvider.js";

package/dist/features/parameters/voltage-init/voltage-limits-parameters.d.ts

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

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

@@ -30,6 +30,7 @@ import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
+import "../../../components/ui/reactHookForm/directory-item-input/directory-item-utils.js";
 import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "../../../components/ui/snackbarProvider/SnackbarProvider.js";
 import "mui-nested-menu";

package/dist/features/process-configs/security-analysis/update-sa-process-config-dialog.d.ts

@@ -10,5 +10,5 @@ interface UpdateSAProcessConfigDialogProps {
     fetchSAProcessConfig: (processConfigUuid: UUID) => Promise<PersistedProcessConfigBackend>;
     updateSAProcessConfig: (processConfigUuid: UUID, name: string, description: string, processConfig: SecurityAnalysisProcessConfigBackend) => Promise<void>;
 }
-export declare function UpdateSAProcessConfigDialog({ onClose, open, processConfigId, description, name, directory, fetchSAProcessConfig, updateSAProcessConfig, }: Readonly<UpdateSAProcessConfigDialogProps>): import("react/jsx-runtime").JSX.Element;
+export declare function UpdateSAProcessConfigDialog({ onClose, open, processConfigId, description, name, directory, fetchSAProcessConfig, updateSAProcessConfig, }: Readonly<UpdateSAProcessConfigDialogProps>): import("react").JSX.Element;
 export {};

package/dist/features/process-configs/security-analysis/update-sa-process-config-dialog.js

@@ -26,6 +26,7 @@ import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
+import "../../../components/ui/reactHookForm/directory-item-input/directory-item-utils.js";
 import "@hello-pangea/dnd";
 import { CustomMuiDialog } from "../../../components/ui/dialogs/customMuiDialog/CustomMuiDialog.js";
 import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
@@ -54,6 +55,12 @@ import "../../../components/composite/agGridTable/BottomTableButtons.js";
 import "../../../components/composite/agGridTable/CustomAgGridTable.js";
 import "ag-grid-community";
 import "../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../components/composite/customAGGrid/context/custom-aggrid-context.js";
+import "mathjs";
+import "../../../components/composite/report/report-viewer/log-table/log-table.js";
+import "react-window";
+import "../../../components/composite/report/report-treeview/treeview-item.js";
+import "../../../components/composite/report/report-viewer/context/report-viewer-context.js";
 function UpdateSAProcessConfigDialog({
   onClose,
   open,

package/dist/features/process-configs/security-analysis/update-sa-process-config.d.ts

@@ -3,5 +3,5 @@ interface UpdateSaProcessConfigProps {
     directory: UUID;
     processConfigName: string;
 }
-export declare function UpdateSaProcessConfig({ directory, processConfigName }: Readonly<UpdateSaProcessConfigProps>): import("react/jsx-runtime").JSX.Element;
+export declare function UpdateSaProcessConfig({ directory, processConfigName }: Readonly<UpdateSaProcessConfigProps>): import("react").JSX.Element;
 export {};

package/dist/features/process-configs/security-analysis/update-sa-process-config.js

@@ -27,6 +27,7 @@ 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 "../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
+import "../../../components/ui/reactHookForm/directory-item-input/directory-item-utils.js";
 import "../../../components/ui/snackbarProvider/SnackbarProvider.js";
 import "mui-nested-menu";
 import "react-resizable-panels";
@@ -57,6 +58,8 @@ import "../../parameters/dynamic-simulation/curve/dialog/curve-preview.js";
 import "../../parameters/dynamic-simulation/curve/dialog/curve-selector.js";
 import "../../parameters/dynamic-simulation/curve/common/grid-search.js";
 import "../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../components/composite/customAGGrid/context/custom-aggrid-context.js";
+import "mathjs";
 import "../../parameters/dynamic-security-analysis/use-dynamic-security-analysis-parameters-form.js";
 import "../../parameters/dynamic-security-analysis/scenario-parameters.js";
 import "../../parameters/dynamic-security-analysis/contingency-parameters.js";

package/dist/features/process-configs/update-process-config-modifications.d.ts

@@ -1,3 +1,3 @@
 export declare function UpdateProcessConfigModifications({ name }: Readonly<{
     name: string;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): import("react").JSX.Element;

package/dist/features/process-configs/update-process-config-modifications.js

@@ -23,9 +23,10 @@ import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
+import "../../components/ui/reactHookForm/directory-item-input/directory-item-utils.js";
+import "../../components/ui/treeViewFinder/TreeViewFinder.js";
 import "@hello-pangea/dnd";
 import "../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
-import "../../components/ui/treeViewFinder/TreeViewFinder.js";
 import "../../components/ui/snackbarProvider/SnackbarProvider.js";
 import "mui-nested-menu";
 import "react-resizable-panels";
@@ -52,6 +53,12 @@ import "../../components/composite/agGridTable/BottomTableButtons.js";
 import "../../components/composite/agGridTable/CustomAgGridTable.js";
 import "ag-grid-community";
 import "../../components/composite/customAGGrid/customAggrid.js";
+import "../../components/composite/customAGGrid/context/custom-aggrid-context.js";
+import "mathjs";
+import "../../components/composite/report/report-viewer/log-table/log-table.js";
+import "react-window";
+import "../../components/composite/report/report-treeview/treeview-item.js";
+import "../../components/composite/report/report-viewer/context/report-viewer-context.js";
 function UpdateProcessConfigModifications({ name }) {
   const intl = useIntl();
   const useFieldArrayModifications = useFieldArray({

package/dist/features/results/securityanalysis/security-analysis-result-nmk.d.ts

@@ -1,2 +1,2 @@
 import { SecurityAnalysisResultNmkProps } from './security-analysis.type';
-export declare function SecurityAnalysisResultNmk({ result, columnDefs, nmkType, paginationProps, isLoadingResult, resultStatusMessages, securityAnalysisStatus, onGridReady, }: SecurityAnalysisResultNmkProps): import("react/jsx-runtime").JSX.Element;
+export declare function SecurityAnalysisResultNmk({ result, columnDefs, nmkType, paginationProps, isLoadingResult, resultStatusMessages, securityAnalysisStatus, onGridReady, }: SecurityAnalysisResultNmkProps): import("react").JSX.Element;

package/dist/features/results/securityanalysis/security-analysis-result-nmk.js

@@ -25,6 +25,7 @@ import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
+import "../../../components/ui/reactHookForm/directory-item-input/directory-item-utils.js";
 import "@hello-pangea/dnd";
 import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "../../../components/ui/snackbarProvider/SnackbarProvider.js";
@@ -53,6 +54,12 @@ import "../../../components/composite/agGridTable/BottomTableButtons.js";
 import "../../../components/composite/agGridTable/CustomAgGridTable.js";
 import "ag-grid-community";
 import "../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../components/composite/customAGGrid/context/custom-aggrid-context.js";
+import "mathjs";
+import "../../../components/composite/report/report-viewer/log-table/log-table.js";
+import "react-window";
+import "../../../components/composite/report/report-treeview/treeview-item.js";
+import "../../../components/composite/report/report-viewer/context/report-viewer-context.js";
 import { mapNmKResultsCutOffPower, flattenNmKResultsConstraints, flattenNmKResultsContingencies, handlePostSortRows, getNoRowsMessage, PAGE_OPTIONS } from "./utils.js";
 const styles = {
   container: {

package/dist/features/results/securityanalysis/security-analysis-table.d.ts

@@ -1,2 +1,2 @@
 import { SecurityAnalysisTableProps } from './security-analysis.type';
-export declare function SecurityAnalysisTable({ rowData, columnDefs, overlayNoRowsTemplate, agGridProps, onGridReady, }: SecurityAnalysisTableProps): import("react/jsx-runtime").JSX.Element;
+export declare function SecurityAnalysisTable({ rowData, columnDefs, overlayNoRowsTemplate, agGridProps, onGridReady, }: SecurityAnalysisTableProps): import("react").JSX.Element;

package/dist/features/results/securityanalysis/security-analysis-table.js

@@ -22,6 +22,7 @@ import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
+import "../../../components/ui/reactHookForm/directory-item-input/directory-item-utils.js";
 import "@hello-pangea/dnd";
 import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "../../../components/ui/snackbarProvider/SnackbarProvider.js";
@@ -50,6 +51,12 @@ import "../../../components/composite/agGridTable/CustomAgGridTable.js";
 import "ag-grid-community";
 import { CustomAGGrid } from "../../../components/composite/customAGGrid/customAggrid.js";
 import { DefaultCellRenderer } from "../../../components/composite/customAGGrid/cell-renderers.js";
+import "../../../components/composite/customAGGrid/context/custom-aggrid-context.js";
+import "mathjs";
+import "../../../components/composite/report/report-viewer/log-table/log-table.js";
+import "react-window";
+import "../../../components/composite/report/report-treeview/treeview-item.js";
+import "../../../components/composite/report/report-viewer/context/report-viewer-context.js";
 import { AGGRID_LOCALES } from "../../../translations/not-intl/aggrid-locales.js";
 function SecurityAnalysisTable({
   rowData,

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

@@ -22,5 +22,5 @@ export interface AboutDialogProps {
     additionalModulesPromise?: () => Promise<GridSuiteModule[]>;
     logo?: ReactNode;
 }
-export declare function AboutDialog({ open, onClose, globalVersionPromise, appName, appVersion, appGitTag, appLicense, additionalModulesPromise, logo, }: AboutDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function AboutDialog({ open, onClose, globalVersionPromise, appName, appVersion, appGitTag, appLicense, additionalModulesPromise, logo, }: AboutDialogProps): import("react").JSX.Element;
 export {};

package/dist/features/topBar/AboutDialog.js

@@ -1,6 +1,6 @@
 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, Zoom, Stack, tooltipClasses } from "@mui/material";
+import { useTheme, Dialog, DialogTitle, Collapse, Alert, Box, Fade, CircularProgress, Typography, DialogContent, Accordion, AccordionSummary, AccordionDetails, Grid, DialogActions, Button, useMediaQuery, 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";

package/dist/features/topBar/DevModeBanner.d.ts

@@ -1 +1 @@
-export declare function DevModeBanner(): import("react/jsx-runtime").JSX.Element;
+export declare function DevModeBanner(): import("react").JSX.Element;

package/dist/features/topBar/GridLogo.d.ts

@@ -4,8 +4,8 @@ export interface GridLogoProps extends Omit<LogoTextProps, 'style'> {
     appLogo: ReactNode;
     dense?: boolean;
 }
-export declare function LogoText({ appName, appColor, style, onClick, dense }: Readonly<Partial<LogoTextProps>>): import("react/jsx-runtime").JSX.Element;
-export declare function GridLogo({ appLogo, appName, appColor, onClick, dense }: Readonly<Partial<GridLogoProps>>): import("react/jsx-runtime").JSX.Element;
+export declare function LogoText({ appName, appColor, style, onClick, dense }: Readonly<Partial<LogoTextProps>>): import("react").JSX.Element;
+export declare function GridLogo({ appLogo, appName, appColor, onClick, dense }: Readonly<Partial<GridLogoProps>>): import("react").JSX.Element;
 export interface LogoTextProps {
     appName: string;
     appColor: string;

package/dist/features/topBar/GridLogo.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Typography, Box } from "@mui/material";
+import { Box, Typography } from "@mui/material";
 import { BrokenImage } from "@mui/icons-material";
 import { useMemo } from "react";
 import { mergeSx } from "../../utils/styles.js";

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

@@ -22,4 +22,4 @@ export type TopBarProps = Omit<GridLogoProps, 'onClick'> & Omit<LogoutProps, 'di
     onDeveloperModeClick?: (value: boolean) => void;
     dense?: boolean;
 };
-export declare function TopBar({ appName, appColor, appLogo, appVersion, appLicense, logoAboutDialog, onLogoutClick, onLogoClick, userProfile, children, appsAndUrls, onAboutClick, globalVersionPromise, additionalModulesPromise, onThemeClick, theme, developerMode, onDeveloperModeClick, onEquipmentLabellingClick, equipmentLabelling, onLanguageClick, language, dense, }: PropsWithChildren<TopBarProps>): import("react/jsx-runtime").JSX.Element;
+export declare function TopBar({ appName, appColor, appLogo, appVersion, appLicense, logoAboutDialog, onLogoutClick, onLogoClick, userProfile, children, appsAndUrls, onAboutClick, globalVersionPromise, additionalModulesPromise, onThemeClick, theme, developerMode, onDeveloperModeClick, onEquipmentLabellingClick, equipmentLabelling, onLanguageClick, language, dense, }: PropsWithChildren<TopBarProps>): import("react").JSX.Element;

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

@@ -4,5 +4,5 @@ interface UserInformationDialogProps {
     onClose: () => void;
     userProfile: UserProfile | undefined;
 }
-declare function UserInformationDialog({ openDialog, userProfile, onClose }: UserInformationDialogProps): import("react/jsx-runtime").JSX.Element;
+declare function UserInformationDialog({ openDialog, userProfile, onClose }: UserInformationDialogProps): import("react").JSX.Element;
 export default UserInformationDialog;

package/dist/features/topBar/UserInformationDialog.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Dialog, DialogTitle, DialogContent, Grid, Typography, Box, DialogActions } from "@mui/material";
+import { Dialog, DialogTitle, DialogContent, Grid2, Typography, Box, DialogActions } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { useState, useEffect, Fragment } from "react";
 import { CancelButton } from "../../components/ui/reactHookForm/utils/CancelButton.js";
@@ -8,7 +8,7 @@ const styles = {
   DialogTitle: { fontSize: "1.5rem" },
   DialogContent: { marginTop: "10px" },
   quotasBox: { marginTop: "60px" },
-  quotasTopography: { marginTop: "30px", marginBottom: "25px", fontSize: "1.15rem" },
+  quotasTypography: { marginTop: "30px", marginBottom: "25px", fontSize: "1.15rem" },
   usedTopography: { marginLeft: "15%" }
 };
 function UserInformationDialog({ openDialog, userProfile, onClose }) {
@@ -33,9 +33,9 @@ function UserInformationDialog({ openDialog, userProfile, onClose }) {
   return /* @__PURE__ */ jsxs(Dialog, { open: openDialog && !!userProfile && !!userDetails, onClose, children: [
     /* @__PURE__ */ jsx(DialogTitle, { fontWeight: "bold", sx: styles.DialogTitle, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/title" }) }),
     /* @__PURE__ */ jsxs(DialogContent, { children: [
-      /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, sx: styles.DialogContent, children: [
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/role" }) }) }),
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: rolesList.length > 0 ? /* @__PURE__ */ jsx(Typography, { children: rolesList.map((role, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, sx: styles.DialogContent, children: [
+        /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/role" }) }) }),
+        /* @__PURE__ */ jsx(Grid2, { size: 6, children: rolesList.length > 0 ? /* @__PURE__ */ jsx(Typography, { children: rolesList.map((role, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
           index > 0 && " | ",
           /* @__PURE__ */ jsx(
             FormattedMessage,
@@ -45,14 +45,14 @@ function UserInformationDialog({ openDialog, userProfile, onClose }) {
             }
           )
         ] }, role)) }) : /* @__PURE__ */ jsx(Typography, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/no-roles" }) }) }),
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/profile" }) }) }),
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: userDetails?.profileName === null ? /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/no-profile" }) : /* @__PURE__ */ jsx(Typography, { children: userDetails?.profileName }) })
+        /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/profile" }) }) }),
+        /* @__PURE__ */ jsx(Grid2, { size: 6, children: userDetails?.profileName === null ? /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/no-profile" }) : /* @__PURE__ */ jsx(Typography, { children: userDetails?.profileName }) })
       ] }),
       /* @__PURE__ */ jsxs(Box, { mt: 3, sx: styles.quotasBox, children: [
-        /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", sx: styles.quotasTopography, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/quotas" }) }),
-        /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-          /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-cases-or-studies" }) }) }),
-          /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsxs(Typography, { children: [
+        /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", sx: styles.quotasTypography, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/quotas" }) }),
+        /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
+          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-cases-or-studies" }) }) }),
+          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsxs(Typography, { children: [
             userDetails?.maxAllowedCases,
             /* @__PURE__ */ jsxs(Box, { component: "span", sx: styles.usedTopography, children: [
               "( ",
@@ -61,9 +61,34 @@ function UserInformationDialog({ openDialog, userProfile, onClose }) {
               ` ${userDetails?.numberCasesUsed}`,
               " )"
             ] })
-          ] }) }),
-          /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-builds-per-study" }) }) }),
-          /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedBuilds }) })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", sx: styles.quotasTypography, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/quotas-per-study" }) }),
+        /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
+          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-builds-per-study" }) }) }),
+          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedBuilds }) }),
+          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-loadflow-per-study" }) }) }),
+          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedLoadflow }) }),
+          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-security-per-study" }) }) }),
+          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedSecurity }) }),
+          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-sensitivity-per-study" }) }) }),
+          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedSensitivity }) }),
+          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-shortCircuit-per-study" }) }) }),
+          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedShortCircuit }) }),
+          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-voltageInit-per-study" }) }) }),
+          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedVoltageInit }) }),
+          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-pccMin-per-study" }) }) }),
+          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedPccMin }) }),
+          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-stateEstimation-per-study" }) }) }),
+          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedStateEstimation }) }),
+          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-balanceAdjustement-per-study" }) }) }),
+          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedBalanceAdjustement }) }),
+          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-dynamicSimulation-per-study" }) }) }),
+          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedDynamicSimulation }) }),
+          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-dynamicSecurity-per-study" }) }) }),
+          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedDynamicSecurity }) }),
+          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-dynamicMargin-per-study" }) }) }),
+          /* @__PURE__ */ jsx(Grid2, { size: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedDynamicMargin }) })
         ] })
       ] })
     ] }),

package/dist/features/topBar/UserSettingsDialog.d.ts

@@ -4,5 +4,5 @@ interface UserSettingsDialogProps {
     developerMode?: boolean;
     onDeveloperModeClick?: (value: boolean) => void;
 }
-declare function UserSettingsDialog({ openDialog, onClose, developerMode, onDeveloperModeClick }: UserSettingsDialogProps): import("react/jsx-runtime").JSX.Element;
+declare function UserSettingsDialog({ openDialog, onClose, developerMode, onDeveloperModeClick }: UserSettingsDialogProps): import("react").JSX.Element;
 export default UserSettingsDialog;

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

@@ -1,7 +1,7 @@
 import { UUID } from 'node:crypto';
 import { UserProfile } from 'oidc-client-ts';
-import { ComputingType } from '../features/parameters/common/computing-type';
 import { BackendFunctions, UseParametersBackendReturnProps } from '../utils/types/parameters.type';
+import { ComputingType } from '../utils';
 export declare enum OptionalServicesStatus {
     Up = "UP",
     Down = "DOWN",

package/dist/hooks/use-stable-computed-array.d.ts

@@ -0,0 +1,2 @@
+import { DependencyList } from 'react';
+export declare function useStableComputedArray<T>(compute: () => T[], deps: DependencyList): T[];

package/dist/hooks/use-stable-computed-array.js

@@ -0,0 +1,16 @@
+import { useRef, useMemo } from "react";
+function useStableComputedArray(compute, deps) {
+  const prevRef = useRef([]);
+  return useMemo(() => {
+    const newArray = compute();
+    const prevArray = prevRef.current;
+    const hasChanged = newArray.length !== prevArray.length || newArray.some((v, i) => v !== prevArray[i]);
+    if (hasChanged) {
+      prevRef.current = newArray;
+    }
+    return prevRef.current;
+  }, deps);
+}
+export {
+  useStableComputedArray
+};

package/dist/hooks/useModificationLabelComputer.d.ts

@@ -3,14 +3,14 @@ export declare const useModificationLabelComputer: () => {
     computeLabel: (modif: NetworkModificationMetadata, formatBold?: boolean) => {
         action: string;
         energizedEnd: string;
-        computedLabel: string | import("react/jsx-runtime").JSX.Element;
+        computedLabel: string | import("react").JSX.Element;
     } | {
         equipmentAttributeName: string;
         equipmentAttributeValue: string;
-        computedLabel: string | import("react/jsx-runtime").JSX.Element;
+        computedLabel: string | import("react").JSX.Element;
     } | {
-        voltageLevelEquipmentId: string | import("react/jsx-runtime").JSX.Element;
-        substationEquipmentId: string | import("react/jsx-runtime").JSX.Element;
+        voltageLevelEquipmentId: string | import("react").JSX.Element;
+        substationEquipmentId: string | import("react").JSX.Element;
     } | {
         computedLabel: any;
     };