@gridsuite/commons-ui 0.68.0 → 0.68.2

package/dist/components/filter/explicitNaming/ExplicitNamingFilterForm.js

@@ -1,8 +1,8 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useEffect, useMemo, useCallback } from "react";
 import { useIntl } from "react-intl";
 import { useFormContext, useWatch } from "react-hook-form";
-import Grid from "@mui/material/Grid";
+import { Box } from "@mui/material";
 import { v4 } from "uuid";
 import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
 import "../../../utils/yupConfig.js";
@@ -18,6 +18,14 @@ import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
 import { ElementType } from "../../../utils/types/elementType.js";
 import { ModifyElementSelection } from "../../dialogs/modifyElementSelection/ModifyElementSelection.js";
 import { exportFilter } from "../../../services/study.js";
+import { unscrollableDialogStyles } from "../../dialogs/customMuiDialog/CustomMuiDialog.js";
+import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "@mui/material/Dialog";
+import "@mui/material/DialogTitle";
+import "@mui/material/DialogContent";
+import "@mui/material/DialogActions";
+import "@mui/material/Button";
+import "@mui/material/styles";
 import * as yup from "yup";
 const FILTER_EQUIPMENTS_ATTRIBUTES = "filterEquipmentsAttributes";
 function isGeneratorOrLoad(equipmentType) {
@@ -155,8 +163,8 @@ function ExplicitNamingFilterForm({ sourceFilterForExplicitNamingConversion }) {
       })
     );
   };
-  return /* @__PURE__ */ jsxs(Grid, { container: true, item: true, spacing: 2, children: [
-    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Box, { sx: unscrollableDialogStyles.unscrollableHeader, children: [
       /* @__PURE__ */ jsx(
         InputWithPopupConfirmation,
         {
@@ -183,7 +191,7 @@ function ExplicitNamingFilterForm({ sourceFilterForExplicitNamingConversion }) {
         }
       )
     ] }),
-    watchEquipmentType && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+    watchEquipmentType && /* @__PURE__ */ jsx(
       CustomAgGridTable,
       {
         name: FILTER_EQUIPMENTS_ATTRIBUTES,
@@ -203,12 +211,13 @@ function ExplicitNamingFilterForm({ sourceFilterForExplicitNamingConversion }) {
           getDataFromCsv: getDataFromCsvFile
         },
         cssProps: {
+          padding: 1,
           "& .ag-root-wrapper-body": {
-            maxHeight: "430px"
+            maxHeight: "unset"
           }
         }
       }
-    ) })
+    )
   ] });
 }
 export {

package/dist/components/filter/utils/filterFormUtils.d.ts

@@ -1,7 +1,7 @@
 import { EquipmentType } from '../../../utils/types/equipmentType';
 import { FunctionComponent } from 'react';
 
-type FormField = {
+export type FormField = {
     renderer: FunctionComponent<any>;
     props: {
         label: string;
@@ -15,4 +15,3 @@ export type FormEquipment = {
 };
 export declare const CONTINGENCY_LIST_EQUIPMENTS: Record<EquipmentType.BUSBAR_SECTION | EquipmentType.LINE | EquipmentType.TWO_WINDINGS_TRANSFORMER | EquipmentType.GENERATOR | EquipmentType.SHUNT_COMPENSATOR | EquipmentType.HVDC_LINE | EquipmentType.DANGLING_LINE, FormEquipment>;
 export declare const FILTER_EQUIPMENTS: Record<EquipmentType.SUBSTATION | EquipmentType.VOLTAGE_LEVEL | EquipmentType.LINE | EquipmentType.TWO_WINDINGS_TRANSFORMER | EquipmentType.THREE_WINDINGS_TRANSFORMER | EquipmentType.GENERATOR | EquipmentType.BATTERY | EquipmentType.LOAD | EquipmentType.SHUNT_COMPENSATOR | EquipmentType.STATIC_VAR_COMPENSATOR | EquipmentType.HVDC_LINE | EquipmentType.DANGLING_LINE, FormEquipment>;
-export {};

package/dist/components/index.js

@@ -13,7 +13,7 @@ import { CardErrorBoundary } from "./cardErrorBoundary/CardErrorBoundary.js";
 import { CheckBoxList } from "./checkBoxList/CheckBoxList.js";
 import { CUSTOM_AGGRID_THEME, styles } from "./customAGGrid/customAggrid.style.js";
 import { CustomAGGrid } from "./customAGGrid/customAggrid.js";
-import { CustomMuiDialog } from "./dialogs/customMuiDialog/CustomMuiDialog.js";
+import { CustomMuiDialog, unscrollableDialogStyles } from "./dialogs/customMuiDialog/CustomMuiDialog.js";
 import { DescriptionModificationDialog } from "./dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import { ModifyElementSelection } from "./dialogs/modifyElementSelection/ModifyElementSelection.js";
 import { PopupConfirmationDialog } from "./dialogs/popupConfirmationDialog/PopupConfirmationDialog.js";
@@ -286,6 +286,7 @@ export {
   styles,
   testQuery,
   toFloatOrNullValue,
+  unscrollableDialogStyles,
   useConvertValue,
   useCustomFormContext,
   useElementSearch,

package/dist/components/inputs/reactHookForm/agGridTable/BottomRightButtons.js

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Grid, Tooltip } from "@mui/material";
+import { Grid, Tooltip, Box } from "@mui/material";
 import IconButton from "@mui/material/IconButton";
 import { Upload, ArrowCircleUp, ArrowCircleDown } from "@mui/icons-material";
 import AddIcon from "@mui/icons-material/ControlPoint";
@@ -48,7 +48,7 @@ function BottomRightButtons({
         /* @__PURE__ */ jsx(InnerColoredButton, { disabled: disableDown, onClick: handleMoveRowDown, children: /* @__PURE__ */ jsx(ArrowCircleDown, {}) }, "downButton")
       ] })
     ] }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(ErrorInput, { name, InputField: FieldErrorAlert }) }),
+    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(ErrorInput, { name, InputField: FieldErrorAlert }) }),
     /* @__PURE__ */ jsx(
       CsvUploader,
       {

package/dist/components/inputs/reactHookForm/agGridTable/CustomAgGridTable.js

@@ -1,10 +1,10 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useCallback, useEffect } from "react";
 import { useFormContext, useFieldArray } from "react-hook-form";
 import { AgGridReact } from "ag-grid-react";
 import "ag-grid-community/styles/ag-grid.css";
 import "ag-grid-community/styles/ag-theme-alpine.css";
-import { useTheme, Grid } from "@mui/material";
+import { useTheme, Box } from "@mui/material";
 import { useIntl } from "react-intl";
 import { BottomRightButtons } from "./BottomRightButtons.js";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
@@ -182,8 +182,8 @@ function CustomAgGridTable({
     const isAnycolumnhasSort = event.api.getColumnState().some((col) => col.sort);
     setIsSortApplied(isAnycolumnhasSort);
   }, []);
-  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, className: theme.aggrid.theme, sx: style(cssProps).grid, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Box, { className: theme.aggrid.theme, sx: style(cssProps).grid, children: /* @__PURE__ */ jsx(
       AgGridReact,
       {
         rowData,
@@ -191,7 +191,6 @@ function CustomAgGridTable({
         getLocaleText,
         cacheOverflowSize: 10,
         rowSelection: "multiple",
-        domLayout: "autoHeight",
         rowDragEntireRow: true,
         rowDragManaged: true,
         onRowDragEnd: (e) => move(getIndex(e.node.data), e.overIndex),

package/dist/components/inputs/reactQueryBuilder/AddButton.js

@@ -3,8 +3,8 @@ import { Button } from "@mui/material";
 import AddIcon from "@mui/icons-material/ControlPoint";
 import { FormattedMessage } from "react-intl";
 function AddButton(props) {
-  const { label, handleOnClick } = props;
-  return /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Button, { startIcon: /* @__PURE__ */ jsx(AddIcon, {}), onClick: handleOnClick, size: "small", className: "add-button", children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }) });
+  const { label, handleOnClick, title } = props;
+  return /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Button, { startIcon: /* @__PURE__ */ jsx(AddIcon, {}), onClick: handleOnClick, size: "small", className: "add-button", title, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }) });
 }
 export {
   AddButton

package/dist/components/inputs/reactQueryBuilder/CombinatorSelector.js

@@ -25,7 +25,6 @@ function CombinatorSelector(props) {
       MaterialValueSelector,
       {
         ...props,
-        title: void 0,
         handleOnChange: (newCombinator) => {
           setTempCombinator(newCombinator);
           setOpenPopup(true);

package/dist/components/inputs/reactQueryBuilder/CountryValueEditor.js

@@ -7,7 +7,7 @@ import { AutocompleteWithFavorites } from "./AutocompleteWithFavorites.js";
 import { useConvertValue } from "./hooks/useConvertValue.js";
 import { useValid } from "./hooks/useValid.js";
 function CountryValueEditor(props) {
-  const { value, handleOnChange } = props;
+  const { value, handleOnChange, title } = props;
   const { language } = useCustomFormContext();
   const { translate, countryCodes } = useLocalizedCountries(language);
   const [favoriteCountryCodes, setFavoriteCountryCodes] = useState([]);
@@ -33,6 +33,7 @@ function CountryValueEditor(props) {
       favorites: favoriteCountryCodes,
       getOptionLabel: (code) => code ? translate(code) : "",
       valid,
+      title,
       onChange: (event, newValue) => {
         handleOnChange(newValue);
       },

package/dist/components/inputs/reactQueryBuilder/CustomReactQueryBuilder.js

@@ -1,10 +1,10 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import Grid from "@mui/material/Grid";
+import { Box } from "@mui/material";
 import { QueryBuilderDnD } from "@react-querybuilder/dnd";
 import * as ReactDnD from "react-dnd";
 import * as ReactDndHtml5Backend from "react-dnd-html5-backend";
 import { QueryBuilderMaterial } from "@react-querybuilder/material";
-import { formatQuery, QueryBuilder } from "react-querybuilder";
+import { defaultTranslations, formatQuery, QueryBuilder } from "react-querybuilder";
 import { useIntl } from "react-intl";
 import { useFormContext } from "react-hook-form";
 import { useCallback, useMemo } from "react";
@@ -24,6 +24,18 @@ function RuleAddButton(props) {
 function GroupAddButton(props) {
   return /* @__PURE__ */ jsx(AddButton, { ...props, label: "subGroup" });
 }
+const customTranslations = {
+  ...defaultTranslations,
+  fields: { ...defaultTranslations.fields, title: "" },
+  operators: { ...defaultTranslations.operators, title: "" },
+  dragHandle: { ...defaultTranslations.dragHandle, title: "" },
+  addRule: { ...defaultTranslations.addRule, title: "" },
+  addGroup: { ...defaultTranslations.addGroup, title: "" },
+  removeRule: { ...defaultTranslations.removeRule, title: "" },
+  removeGroup: { ...defaultTranslations.removeGroup, title: "" },
+  value: { title: "" },
+  combinators: { title: "" }
+};
 function CustomReactQueryBuilder(props) {
   const { name, fields } = props;
   const {
@@ -54,7 +66,7 @@ function CustomReactQueryBuilder(props) {
     }));
   }, [intl]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(QueryBuilderMaterial, { children: /* @__PURE__ */ jsx(QueryBuilderDnD, { dnd: { ...ReactDnD, ...ReactDndHtml5Backend }, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(QueryBuilderMaterial, { children: /* @__PURE__ */ jsx(QueryBuilderDnD, { dnd: { ...ReactDnD, ...ReactDndHtml5Backend }, children: /* @__PURE__ */ jsx(
       QueryBuilder,
       {
         fields,
@@ -78,10 +90,12 @@ function CustomReactQueryBuilder(props) {
           fieldSelector: FieldSelector,
           valueSourceSelector: ValueSelector
         },
-        listsAsArrays: true
+        listsAsArrays: true,
+        accessibleDescriptionGenerator: () => "",
+        translations: customTranslations
       }
-    ) }) }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(ErrorInput, { name, InputField: FieldErrorAlert }) })
+    ) }) }),
+    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(ErrorInput, { name, InputField: FieldErrorAlert }) })
   ] });
 }
 export {

package/dist/components/inputs/reactQueryBuilder/FieldSelector.d.ts

@@ -1,3 +1,3 @@
 import { ValueSelectorProps } from 'react-querybuilder';
 
-export declare function FieldSelector({ options, className, value, disabled, handleOnChange }: Readonly<ValueSelectorProps>): import("react/jsx-runtime").JSX.Element;
+export declare function FieldSelector({ options, className, value, disabled, handleOnChange, title, }: Readonly<ValueSelectorProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/reactQueryBuilder/FieldSelector.js

@@ -1,7 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import { toFlatOptionArray } from "react-querybuilder";
 import { Autocomplete, TextField } from "@mui/material";
-function FieldSelector({ options, className, value, disabled, handleOnChange }) {
+function FieldSelector({
+  options,
+  className,
+  value,
+  disabled,
+  handleOnChange,
+  title
+}) {
   const optionList = toFlatOptionArray(options);
   return /* @__PURE__ */ jsx(
     Autocomplete,
@@ -17,6 +24,7 @@ function FieldSelector({ options, className, value, disabled, handleOnChange })
       options: optionList,
       disableClearable: true,
       size: "small",
+      title,
       renderInput: (params) => /* @__PURE__ */ jsx(TextField, { ...params, label: "", variant: "standard" }),
       autoHighlight: true,
       getOptionLabel: (option) => option.label

package/dist/components/inputs/reactQueryBuilder/PropertyValueEditor.js

@@ -66,6 +66,7 @@ function PropertyValueEditor(props) {
       {
         value: propertyOperator ?? PROPERTY_VALUE_OPERATORS[0].customName,
         size: "small",
+        title: valueEditorProps == null ? void 0 : valueEditorProps.title,
         error: !valid,
         onChange: (event, value) => {
           onChange(FieldConstants.PROPERTY_OPERATOR, value);
@@ -78,6 +79,7 @@ function PropertyValueEditor(props) {
       {
         value: propertyValues ?? [],
         options: predefinedValues ?? [],
+        title: valueEditorProps == null ? void 0 : valueEditorProps.title,
         multiple: true,
         renderInput: (params) => /* @__PURE__ */ jsx(TextField, { ...params, error: !valid }),
         freeSolo: true,

package/dist/components/inputs/reactQueryBuilder/RemoveButton.js

@@ -5,7 +5,7 @@ import { useController } from "react-hook-form";
 import { getNumberOfSiblings, recursiveRemove } from "../../filter/expert/expertFilterUtils.js";
 const EXPERT_FILTER_QUERY = "rules";
 function RemoveButton(props) {
-  const { path, className } = props;
+  const { path, className, title } = props;
   const {
     field: { value: query, onChange }
   } = useController({ name: EXPERT_FILTER_QUERY });
@@ -13,7 +13,7 @@ function RemoveButton(props) {
     onChange(recursiveRemove(query, path));
   }
   const isLastRuleOrGroup = path.toString() === [0].toString() && getNumberOfSiblings(path, query) === 1;
-  return /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => handleDelete(), className, children: !isLastRuleOrGroup && /* @__PURE__ */ jsx(DeleteIcon, {}) });
+  return /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => handleDelete(), className, title, children: !isLastRuleOrGroup && /* @__PURE__ */ jsx(DeleteIcon, {}) });
 }
 export {
   RemoveButton

package/dist/components/inputs/reactQueryBuilder/TextValueEditor.js

@@ -6,15 +6,9 @@ import { useValid } from "./hooks/useValid.js";
 function TextValueEditor(props) {
   useConvertValue(props);
   const valid = useValid(props);
-  const { value, handleOnChange } = props;
+  const { value, handleOnChange, title } = props;
   if (!Array.isArray(value)) {
-    return /* @__PURE__ */ jsx(
-      MaterialValueEditor,
-      {
-        ...props,
-        title: void 0
-      }
-    );
+    return /* @__PURE__ */ jsx(MaterialValueEditor, { ...props });
   }
   return /* @__PURE__ */ jsx(
     Autocomplete,
@@ -26,7 +20,8 @@ function TextValueEditor(props) {
       multiple: true,
       fullWidth: true,
       renderInput: (params) => /* @__PURE__ */ jsx(TextField, { ...params, error: !valid }),
-      size: "small"
+      size: "small",
+      title
     }
   );
 }

package/dist/components/inputs/reactQueryBuilder/TranslatedValueEditor.js

@@ -7,7 +7,7 @@ import { useConvertValue } from "./hooks/useConvertValue.js";
 import { useValid } from "./hooks/useValid.js";
 function TranslatedValueEditor(props) {
   const intl = useIntl();
-  const { values, value, handleOnChange } = props;
+  const { values, value, handleOnChange, title } = props;
   const translatedValues = useMemo(() => {
     return values == null ? void 0 : values.map((v) => {
       return {
@@ -25,20 +25,14 @@ function TranslatedValueEditor(props) {
   useConvertValue(props);
   const valid = useValid(props);
   if (!Array.isArray(value)) {
-    return /* @__PURE__ */ jsx(
-      MaterialValueEditor,
-      {
-        ...props,
-        values: translatedValues,
-        title: void 0
-      }
-    );
+    return /* @__PURE__ */ jsx(MaterialValueEditor, { ...props, values: translatedValues });
   }
   return /* @__PURE__ */ jsx(
     Autocomplete,
     {
       value,
       options: Object.keys(translatedValuesAutocomplete),
+      title,
       getOptionLabel: (code) => translatedValuesAutocomplete[code],
       onChange: (event, newValue) => handleOnChange(newValue),
       multiple: true,

package/dist/components/inputs/reactQueryBuilder/ValueEditor.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { useCallback } from "react";
+import { useCallback, createElement } from "react";
 import { MaterialValueEditor } from "@react-querybuilder/material";
 import Box from "@mui/material/Box";
 import { useFormContext } from "react-hook-form";
@@ -47,7 +47,7 @@ function ValueEditor(props) {
     return null;
   }
   if ([FieldType.COUNTRY, FieldType.COUNTRY_1, FieldType.COUNTRY_2].includes(field)) {
-    return /* @__PURE__ */ jsx(CountryValueEditor, { ...props });
+    return /* @__PURE__ */ createElement(CountryValueEditor, { ...props, key: field });
   }
   if (fieldData.dataType === DataType.ENUM) {
     return /* @__PURE__ */ jsx(TranslatedValueEditor, { ...props });
@@ -92,13 +92,7 @@ function ValueEditor(props) {
   if (fieldData.dataType === DataType.COMBINATOR) {
     return /* @__PURE__ */ jsx(GroupValueEditor, { ...props });
   }
-  return /* @__PURE__ */ jsx(Box, { sx: inputType === "number" ? styles.noArrows : void 0, children: /* @__PURE__ */ jsx(
-    MaterialValueEditor,
-    {
-      ...props,
-      title: void 0
-    }
-  ) });
+  return /* @__PURE__ */ jsx(Box, { sx: inputType === "number" ? styles.noArrows : void 0, children: /* @__PURE__ */ jsx(MaterialValueEditor, { ...props }) });
 }
 export {
   ValueEditor

package/dist/components/inputs/reactQueryBuilder/ValueSelector.js

@@ -1,13 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { MaterialValueSelector } from "@react-querybuilder/material";
 function ValueSelector(props) {
-  return /* @__PURE__ */ jsx(
-    MaterialValueSelector,
-    {
-      ...props,
-      title: void 0
-    }
-  );
+  return /* @__PURE__ */ jsx(MaterialValueSelector, { ...props });
 }
 export {
   ValueSelector

package/dist/components/topBar/TopBar.js

@@ -183,6 +183,13 @@ function TopBar({
       setAboutDialogOpen(true);
     }
   };
+  const isHiddenUserInformation = () => {
+    if (appsAndUrls) {
+      const app = appsAndUrls.find((item) => item.name === appName);
+      return (app == null ? void 0 : app.hiddenUserInformation) ?? false;
+    }
+    return false;
+  };
   const onUserInformationDialogClicked = () => {
     setAnchorElSettingsMenu(null);
     openUserInformationDialog();
@@ -438,7 +445,7 @@ function TopBar({
                   }
                 ) }) })
               ] }),
-              /* @__PURE__ */ jsxs(
+              !isHiddenUserInformation() && /* @__PURE__ */ jsxs(
                 StyledMenuItem,
                 {
                   sx: styles.borderBottom,
@@ -487,7 +494,7 @@ function TopBar({
       /* @__PURE__ */ jsx(
         AboutDialog,
         {
-          open: isAboutDialogOpen,
+          open: isAboutDialogOpen && !!user,
           onClose: () => setAboutDialogOpen(false),
           appName,
           appVersion,

package/dist/components/topBar/UserInformationDialog.js

@@ -22,15 +22,12 @@ function UserInformationDialog({ openDialog, user, onClose }) {
     });
   };
   useEffect(() => {
-    if (!user || user.expired) {
-      onClose();
-    }
-    if (user == null ? void 0 : user.profile.sub) {
+    if (openDialog && (user == null ? void 0 : user.profile.sub)) {
       getUserDetails(user == null ? void 0 : user.profile.sub);
     }
-  }, [user, onClose]);
-  return /* @__PURE__ */ jsxs(Dialog, { open: openDialog && !!userDetails, onClose, children: [
-    /* @__PURE__ */ jsx(DialogTitle, { sx: styles.DialogTitle, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/title" }) }),
+  }, [openDialog, user]);
+  return /* @__PURE__ */ jsxs(Dialog, { open: openDialog && !!user && !!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" }) }) }),
@@ -40,7 +37,7 @@ function UserInformationDialog({ openDialog, user, onClose }) {
             id: (userDetails == null ? void 0 : userDetails.isAdmin) ? "user-information-dialog/role-admin" : "user-information-dialog/role-user"
           }
         ) }) }),
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/profil" }) }) }),
+        /* @__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 == null ? void 0 : userDetails.profileName) === null ? /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/no-profile" }) : /* @__PURE__ */ jsx(Typography, { children: userDetails == null ? void 0 : userDetails.profileName }) })
       ] }),
       /* @__PURE__ */ jsxs(Box, { mt: 3, sx: styles.quotasBox, children: [

package/dist/index.js

@@ -14,7 +14,7 @@ import { CardErrorBoundary } from "./components/cardErrorBoundary/CardErrorBound
 import { CheckBoxList } from "./components/checkBoxList/CheckBoxList.js";
 import { CUSTOM_AGGRID_THEME, styles } from "./components/customAGGrid/customAggrid.style.js";
 import { CustomAGGrid } from "./components/customAGGrid/customAggrid.js";
-import { CustomMuiDialog } from "./components/dialogs/customMuiDialog/CustomMuiDialog.js";
+import { CustomMuiDialog, unscrollableDialogStyles } from "./components/dialogs/customMuiDialog/CustomMuiDialog.js";
 import { DescriptionModificationDialog } from "./components/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import { ModifyElementSelection } from "./components/dialogs/modifyElementSelection/ModifyElementSelection.js";
 import { PopupConfirmationDialog } from "./components/dialogs/popupConfirmationDialog/PopupConfirmationDialog.js";
@@ -125,7 +125,7 @@ import { equalsArray } from "./utils/algos.js";
 import { DARK_THEME, LANG_ENGLISH, LANG_FRENCH, LANG_SYSTEM, LIGHT_THEME } from "./utils/constants/browserConstants.js";
 import { FetchStatus } from "./utils/constants/fetchStatus.js";
 import { FieldConstants } from "./utils/constants/fieldConstants.js";
-import { GRIDSUITE_DEFAULT_PRECISION, isBlankOrEmpty, microUnitToUnit, roundToDefaultPrecision, roundToPrecision, unitToMicroUnit } from "./utils/conversionUtils.js";
+import { GRIDSUITE_DEFAULT_PRECISION, isBlankOrEmpty, kiloUnitToUnit, microUnitToUnit, roundToDefaultPrecision, roundToPrecision, unitToKiloUnit, unitToMicroUnit } from "./utils/conversionUtils.js";
 import { areArrayElementsUnique, isObjectEmpty, keyGenerator } from "./utils/functions.js";
 import { getFileIcon } from "./utils/mapper/getFileIcon.js";
 import { equipmentTypesForPredefinedPropertiesMapper } from "./utils/mapper/equipmentTypesForPredefinedPropertiesMapper.js";
@@ -426,6 +426,7 @@ export {
   isIntegerNumber,
   isObjectEmpty,
   keyGenerator,
+  kiloUnitToUnit,
   login,
   loginEn,
   loginFr,
@@ -466,7 +467,9 @@ export {
   topBarFr,
   treeviewFinderEn,
   treeviewFinderFr,
+  unitToKiloUnit,
   unitToMicroUnit,
+  unscrollableDialogStyles,
   useConfidentialityWarning,
   useConvertValue,
   useCustomFormContext,

package/dist/translations/en/filterExpertEn.d.ts

@@ -186,4 +186,6 @@ export declare const filterExpertEn: {
     YupNotTypeNumber: string;
     YupNotTypeDefault: string;
     changeOperatorMessage: string;
+    lowShortCircuitCurrentLimit: string;
+    highShortCircuitCurrentLimit: string;
 };

package/dist/translations/en/filterExpertEn.js

@@ -179,7 +179,9 @@ const filterExpertEn = {
   lessOrEqual: "<=",
   YupNotTypeNumber: "This field only accepts numeric values",
   YupNotTypeDefault: "Field value format is incorrect",
-  changeOperatorMessage: "The operator will be changed and will be applied to all the rules already created in the group."
+  changeOperatorMessage: "The operator will be changed and will be applied to all the rules already created in the group.",
+  lowShortCircuitCurrentLimit: "Low short-circuit current limit (kA)",
+  highShortCircuitCurrentLimit: "High short-circuit current limit (kA)"
 };
 export {
   filterExpertEn

package/dist/translations/en/topBarEn.d.ts

@@ -31,7 +31,7 @@ export declare const topBarEn: {
     'user-information-dialog/role': string;
     'user-information-dialog/role-user': string;
     'user-information-dialog/role-admin': string;
-    'user-information-dialog/profil': string;
+    'user-information-dialog/profile': string;
     'user-information-dialog/no-profile': string;
     'user-information-dialog/quotas': string;
     'user-information-dialog/number-of-cases-or-studies': string;

package/dist/translations/en/topBarEn.js

@@ -25,7 +25,7 @@ const topBarEn = {
   "user-information-dialog/role": "Role",
   "user-information-dialog/role-user": "Basic user",
   "user-information-dialog/role-admin": "Admin",
-  "user-information-dialog/profil": "Profil",
+  "user-information-dialog/profile": "Profile",
   "user-information-dialog/no-profile": "No profile",
   "user-information-dialog/quotas": "User quotas",
   "user-information-dialog/number-of-cases-or-studies": "Number of cases or studies",

package/dist/translations/fr/filterExpertFr.d.ts

@@ -186,4 +186,6 @@ export declare const filterExpertFr: {
     YupNotTypeNumber: string;
     YupNotTypeDefault: string;
     changeOperatorMessage: string;
+    lowShortCircuitCurrentLimit: string;
+    highShortCircuitCurrentLimit: string;
 };

package/dist/translations/fr/filterExpertFr.js

@@ -179,7 +179,9 @@ const filterExpertFr = {
   lessOrEqual: "<=",
   YupNotTypeNumber: "Ce champ n'accepte que des valeurs numériques",
   YupNotTypeDefault: "La valeur du champ n'est pas au bon format",
-  changeOperatorMessage: "L'opérateur sera modifié et s'appliquera sur toutes les règles déjà créées dans le groupe."
+  changeOperatorMessage: "L'opérateur sera modifié et s'appliquera sur toutes les règles déjà créées dans le groupe.",
+  lowShortCircuitCurrentLimit: "Limite ICC min (kA)",
+  highShortCircuitCurrentLimit: "Limite ICC max (kA)"
 };
 export {
   filterExpertFr

package/dist/translations/fr/topBarFr.d.ts

@@ -31,7 +31,7 @@ export declare const topBarFr: {
     'user-information-dialog/role': string;
     'user-information-dialog/role-user': string;
     'user-information-dialog/role-admin': string;
-    'user-information-dialog/profil': string;
+    'user-information-dialog/profile': string;
     'user-information-dialog/no-profile': string;
     'user-information-dialog/quotas': string;
     'user-information-dialog/number-of-cases-or-studies': string;

package/dist/translations/fr/topBarFr.js

@@ -25,8 +25,8 @@ const topBarFr = {
   "user-information-dialog/role": "Rôle",
   "user-information-dialog/role-user": "Utilisateur simple",
   "user-information-dialog/role-admin": "Admin",
-  "user-information-dialog/profil": "Profile",
-  "user-information-dialog/no-profile": "Pas de profile",
+  "user-information-dialog/profile": "Profil",
+  "user-information-dialog/no-profile": "Pas de profil",
   "user-information-dialog/quotas": "Quotas",
   "user-information-dialog/number-of-cases-or-studies": "Nombre situations ou études",
   "user-information-dialog/used": "Utilisé",

package/dist/utils/conversionUtils.d.ts

@@ -10,3 +10,5 @@ export declare const roundToDefaultPrecision: (num: number) => number;
 export declare function isBlankOrEmpty(value: unknown): boolean;
 export declare const unitToMicroUnit: (num: number) => number | undefined;
 export declare const microUnitToUnit: (num: number) => number | undefined;
+export declare const unitToKiloUnit: (num: number) => number | undefined;
+export declare const kiloUnitToUnit: (num: number) => number | undefined;

package/dist/utils/conversionUtils.js

@@ -12,11 +12,15 @@ function isBlankOrEmpty(value) {
 }
 const unitToMicroUnit = (num) => isBlankOrEmpty(num) ? void 0 : roundToDefaultPrecision(num * 1e6);
 const microUnitToUnit = (num) => isBlankOrEmpty(num) ? void 0 : roundToDefaultPrecision(num / 1e6);
+const unitToKiloUnit = (num) => isBlankOrEmpty(num) ? void 0 : roundToDefaultPrecision(num / 1e3);
+const kiloUnitToUnit = (num) => isBlankOrEmpty(num) ? void 0 : roundToDefaultPrecision(num * 1e3);
 export {
   GRIDSUITE_DEFAULT_PRECISION,
   isBlankOrEmpty,
+  kiloUnitToUnit,
   microUnitToUnit,
   roundToDefaultPrecision,
   roundToPrecision,
+  unitToKiloUnit,
   unitToMicroUnit
 };