@gridsuite/commons-ui 0.68.1 → 0.68.3

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;
@@ -13,6 +13,5 @@ export type FormEquipment = {
     label: string;
     fields: FormField[];
 };
-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 CONTINGENCY_LIST_EQUIPMENTS: Record<EquipmentType.BUSBAR_SECTION | 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 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/filter/utils/filterFormUtils.js

@@ -82,16 +82,36 @@ const CONTINGENCY_LIST_EQUIPMENTS = {
     label: "TwoWindingsTransformers",
     fields: [countries, nominalVoltage1, nominalVoltage2]
   },
+  THREE_WINDINGS_TRANSFORMER: {
+    id: "THREE_WINDINGS_TRANSFORMER",
+    label: "ThreeWindingsTransformers",
+    fields: [countries, nominalVoltage1, nominalVoltage2, nominalVoltage3]
+  },
   GENERATOR: {
     id: "GENERATOR",
     label: "Generators",
     fields: [countries, nominalVoltage]
   },
+  BATTERY: {
+    id: "BATTERY",
+    label: "Batteries",
+    fields: [countries, nominalVoltage]
+  },
+  LOAD: {
+    id: "LOAD",
+    label: "Loads",
+    fields: [countries, nominalVoltage]
+  },
   SHUNT_COMPENSATOR: {
     id: "SHUNT_COMPENSATOR",
     label: "ShuntCompensators",
     fields: [countries, nominalVoltage]
   },
+  STATIC_VAR_COMPENSATOR: {
+    id: "STATIC_VAR_COMPENSATOR",
+    label: "StaticVarCompensators",
+    fields: [countries, nominalVoltage]
+  },
   HVDC_LINE: {
     id: "HVDC_LINE",
     label: "HvdcLines",

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/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/services/explore.js

@@ -30,26 +30,32 @@ function saveFilter(filter, name, token) {
     token
   );
 }
-function fetchElementsInfos(ids, elementTypes, equipmentTypes) {
+async function fetchElementsInfos(ids, elementTypes, equipmentTypes) {
   console.info("Fetching elements metadata");
-  const idsParams = getRequestParamFromList(
-    "ids",
-    ids.filter((id) => id)
-    // filter falsy elements
-  );
-  const equipmentTypesParams = getRequestParamFromList("equipmentTypes", equipmentTypes);
-  const elementTypesParams = getRequestParamFromList("elementTypes", elementTypes);
-  const urlSearchParams = new URLSearchParams([
-    ...idsParams,
-    ...equipmentTypesParams,
-    ...elementTypesParams
-  ]).toString();
-  const url = `${PREFIX_EXPLORE_SERVER_QUERIES}/v1/explore/elements/metadata?${urlSearchParams}`;
-  console.debug(url);
-  return backendFetchJson(url, {
-    method: "get",
-    headers: { "Content-Type": "application/json" }
-  });
+  let final = [];
+  const chunkSize = 50;
+  for (let i = 0; i < ids.length; i += chunkSize) {
+    const partitionIds = ids.slice(i, i + chunkSize);
+    const idsParams = getRequestParamFromList(
+      "ids",
+      partitionIds.filter((id) => id)
+      // filter falsy elements
+    );
+    const equipmentTypesParams = getRequestParamFromList("equipmentTypes", equipmentTypes);
+    const elementTypesParams = getRequestParamFromList("elementTypes", elementTypes);
+    const urlSearchParams = new URLSearchParams([
+      ...idsParams,
+      ...equipmentTypesParams,
+      ...elementTypesParams
+    ]).toString();
+    const url = `${PREFIX_EXPLORE_SERVER_QUERIES}/v1/explore/elements/metadata?${urlSearchParams}`;
+    const result = await backendFetchJson(url, {
+      method: "get",
+      headers: { "Content-Type": "application/json" }
+    });
+    final = final.concat(result);
+  }
+  return final;
 }
 export {
   createFilter,

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/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/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
 };

package/dist/utils/index.js

@@ -2,7 +2,7 @@ import { equalsArray } from "./algos.js";
 import { DARK_THEME, LANG_ENGLISH, LANG_FRENCH, LANG_SYSTEM, LIGHT_THEME } from "./constants/browserConstants.js";
 import { FetchStatus } from "./constants/fetchStatus.js";
 import { FieldConstants } from "./constants/fieldConstants.js";
-import { GRIDSUITE_DEFAULT_PRECISION, isBlankOrEmpty, microUnitToUnit, roundToDefaultPrecision, roundToPrecision, unitToMicroUnit } from "./conversionUtils.js";
+import { GRIDSUITE_DEFAULT_PRECISION, isBlankOrEmpty, kiloUnitToUnit, microUnitToUnit, roundToDefaultPrecision, roundToPrecision, unitToKiloUnit, unitToMicroUnit } from "./conversionUtils.js";
 import { areArrayElementsUnique, isObjectEmpty, keyGenerator } from "./functions.js";
 import { getFileIcon } from "./mapper/getFileIcon.js";
 import { equipmentTypesForPredefinedPropertiesMapper } from "./mapper/equipmentTypesForPredefinedPropertiesMapper.js";
@@ -50,12 +50,14 @@ export {
   isBlankOrEmpty,
   isObjectEmpty,
   keyGenerator,
+  kiloUnitToUnit,
   makeComposeClasses,
   mergeSx,
   microUnitToUnit,
   roundToDefaultPrecision,
   roundToPrecision,
   toNestedGlobalSelectors,
+  unitToKiloUnit,
   unitToMicroUnit,
   yup as yupConfig
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.68.1",
+    "version": "0.68.3",
     "description": "common react components for gridsuite applications",
     "engines": {
         "npm": ">=9",