@gridsuite/commons-ui 0.68.1 → 0.68.2

package/dist/assets/ExpertFilterForm.css

@@ -129,11 +129,6 @@
     border-bottom: 2px solid #ba000d;
 }
 
-.queryBuilder {
-    overflow: auto;
-    max-height: 600px;
-}
-
 /* DnD section, copied from original, just 'border-bottom-color: lightgrey' change */
 [data-inlinecombinators='disabled'] .dndOver.rule,
 [data-inlinecombinators='disabled'] .dndOver.ruleGroup-header {

package/dist/components/dialogs/customMuiDialog/CustomMuiDialog.d.ts

@@ -18,5 +18,39 @@ export interface CustomMuiDialogProps {
     isDataFetching?: boolean;
     language?: string;
     confirmationMessageKey?: string;
+    unscrollableFullHeight?: boolean;
 }
-export declare function CustomMuiDialog({ open, formSchema, formMethods, onClose, onSave, isDataFetching, onValidationError, titleId, disabledSave, removeOptional, onCancel, children, language, confirmationMessageKey, }: Readonly<CustomMuiDialogProps>): import("react/jsx-runtime").JSX.Element;
+/**
+ * all those styles are made to work with each other in order to control the scroll behavior:
+ * <fullHeightDialog>
+ *   <unscrollableContainer>
+ *     <unscrollableHeader/> => there may be several unscrollableHeader one after another
+ *     <scrollableContent/>
+ *   </unscrollableContainer>
+ * </fullHeightDialog>
+ */
+export declare const unscrollableDialogStyles: {
+    fullHeightDialog: {
+        '.MuiDialog-paper': {
+            width: string;
+            minWidth: string;
+            margin: string;
+            height: string;
+        };
+    };
+    unscrollableContainer: {
+        display: string;
+        flexDirection: string;
+        overflowY: string;
+    };
+    unscrollableHeader: {
+        flex: string;
+        padding: number;
+    };
+    scrollableContent: {
+        flex: string;
+        overflowY: string;
+        padding: number;
+    };
+};
+export declare function CustomMuiDialog({ open, formSchema, formMethods, onClose, onSave, isDataFetching, onValidationError, titleId, disabledSave, removeOptional, onCancel, children, language, confirmationMessageKey, unscrollableFullHeight, }: Readonly<CustomMuiDialogProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/dialogs/customMuiDialog/CustomMuiDialog.js

@@ -15,6 +15,30 @@ const styles = {
     }
   }
 };
+const unscrollableDialogStyles = {
+  fullHeightDialog: {
+    ".MuiDialog-paper": {
+      width: "auto",
+      minWidth: "1024px",
+      margin: "auto",
+      height: "95vh"
+    }
+  },
+  unscrollableContainer: {
+    display: "flex",
+    flexDirection: "column",
+    overflowY: "hidden"
+  },
+  unscrollableHeader: {
+    flex: "none",
+    padding: 1
+  },
+  scrollableContent: {
+    flex: "auto",
+    overflowY: "auto",
+    padding: 1
+  }
+};
 function CustomMuiDialog({
   open,
   formSchema,
@@ -29,7 +53,8 @@ function CustomMuiDialog({
   onCancel,
   children,
   language,
-  confirmationMessageKey
+  confirmationMessageKey,
+  unscrollableFullHeight = false
 }) {
   const [openConfirmationPopup, setOpenConfirmationPopup] = useState(false);
   const [validatedData, setValidatedData] = useState(void 0);
@@ -80,22 +105,31 @@ function CustomMuiDialog({
       removeOptional,
       language,
       children: [
-        /* @__PURE__ */ jsxs(Dialog, { sx: styles.dialogPaper, open, onClose: handleClose, fullWidth: true, children: [
-          isDataFetching && /* @__PURE__ */ jsx(LinearProgress, {}),
-          /* @__PURE__ */ jsx(DialogTitle, { children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 11, children: /* @__PURE__ */ jsx(FormattedMessage, { id: titleId }) }) }),
-          /* @__PURE__ */ jsx(DialogContent, { children }),
-          /* @__PURE__ */ jsxs(DialogActions, { children: [
-            /* @__PURE__ */ jsx(CancelButton, { onClick: handleCancel }),
-            /* @__PURE__ */ jsx(
-              SubmitButton,
-              {
-                variant: "outlined",
-                disabled: disabledSave,
-                onClick: handleSubmit(handleValidate, handleValidationError)
-              }
-            )
-          ] })
-        ] }),
+        /* @__PURE__ */ jsxs(
+          Dialog,
+          {
+            sx: unscrollableFullHeight ? unscrollableDialogStyles.fullHeightDialog : styles.dialogPaper,
+            open,
+            onClose: handleClose,
+            fullWidth: true,
+            children: [
+              isDataFetching && /* @__PURE__ */ jsx(LinearProgress, {}),
+              /* @__PURE__ */ jsx(DialogTitle, { children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 11, children: /* @__PURE__ */ jsx(FormattedMessage, { id: titleId }) }) }),
+              /* @__PURE__ */ jsx(DialogContent, { sx: unscrollableFullHeight ? unscrollableDialogStyles.unscrollableContainer : null, children }),
+              /* @__PURE__ */ jsxs(DialogActions, { children: [
+                /* @__PURE__ */ jsx(CancelButton, { onClick: handleCancel }),
+                /* @__PURE__ */ jsx(
+                  SubmitButton,
+                  {
+                    variant: "outlined",
+                    disabled: disabledSave,
+                    onClick: handleSubmit(handleValidate, handleValidationError)
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
         confirmationMessageKey && /* @__PURE__ */ jsx(
           PopupConfirmationDialog,
           {
@@ -110,5 +144,6 @@ function CustomMuiDialog({
   );
 }
 export {
-  CustomMuiDialog
+  CustomMuiDialog,
+  unscrollableDialogStyles
 };

package/dist/components/dialogs/index.js

@@ -1,4 +1,4 @@
-import { CustomMuiDialog } from "./customMuiDialog/CustomMuiDialog.js";
+import { CustomMuiDialog, unscrollableDialogStyles } from "./customMuiDialog/CustomMuiDialog.js";
 import { DescriptionModificationDialog } from "./descriptionModificationDialog/DescriptionModificationDialog.js";
 import { ModifyElementSelection } from "./modifyElementSelection/ModifyElementSelection.js";
 import { PopupConfirmationDialog } from "./popupConfirmationDialog/PopupConfirmationDialog.js";
@@ -6,5 +6,6 @@ export {
   CustomMuiDialog,
   DescriptionModificationDialog,
   ModifyElementSelection,
-  PopupConfirmationDialog
+  PopupConfirmationDialog,
+  unscrollableDialogStyles
 };

package/dist/components/filter/FilterCreationDialog.js

@@ -106,6 +106,7 @@ function FilterCreationDialog({
       removeOptional: true,
       disabledSave: !!nameError || !!isValidating,
       language,
+      unscrollableFullHeight: true,
       children: /* @__PURE__ */ jsx(
         FilterForm,
         {

package/dist/components/filter/FilterForm.d.ts

@@ -1,13 +1,3 @@
-import { ElementExistsType } from '../../utils/types/elementType';
-import { UUID } from 'crypto';
+import { FilterFormProps } from './HeaderFilterForm';
 
-export interface FilterFormProps {
-    creation?: boolean;
-    activeDirectory?: UUID;
-    elementExists?: ElementExistsType;
-    sourceFilterForExplicitNamingConversion?: {
-        id: UUID;
-        equipmentType: string;
-    };
-}
-export declare function FilterForm(props: FilterFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function FilterForm({ sourceFilterForExplicitNamingConversion, creation, activeDirectory, elementExists, }: Readonly<FilterFormProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/filter/FilterForm.js

@@ -1,51 +1,42 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useEffect } from "react";
-import { useFormContext, useWatch } from "react-hook-form";
-import { Grid } from "@mui/material";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { Box } from "@mui/material";
+import { useWatch } from "react-hook-form";
+import { HeaderFilterForm } from "./HeaderFilterForm.js";
 import { FieldConstants } from "../../utils/constants/fieldConstants.js";
 import { CriteriaBasedFilterForm } from "./criteriaBased/CriteriaBasedFilterForm.js";
 import { ExplicitNamingFilterForm } from "./explicitNaming/ExplicitNamingFilterForm.js";
 import { ExpertFilterForm } from "./expert/ExpertFilterForm.js";
 import { FilterType } from "./constants/FilterConstants.js";
-import { RadioInput } from "../inputs/reactHookForm/booleans/RadioInput.js";
-import { ElementType } from "../../utils/types/elementType.js";
-import { UniqueNameInput } from "../inputs/reactHookForm/text/UniqueNameInput.js";
-import { DescriptionField } from "../inputs/reactHookForm/text/DescriptionField.js";
-function FilterForm(props) {
-  const { sourceFilterForExplicitNamingConversion, creation, activeDirectory, elementExists } = props;
-  const { setValue } = useFormContext();
+import { unscrollableDialogStyles } from "../dialogs/customMuiDialog/CustomMuiDialog.js";
+import "../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "react";
+import "react-intl";
+import "@mui/icons-material";
+import "../treeViewFinder/TreeViewFinder.js";
+import "notistack";
+import "@mui/material/Dialog";
+import "@mui/material/DialogTitle";
+import "@mui/material/DialogContent";
+import "@mui/material/DialogActions";
+import "@mui/material/Button";
+import "@mui/material/styles";
+function FilterForm({
+  sourceFilterForExplicitNamingConversion,
+  creation,
+  activeDirectory,
+  elementExists
+}) {
   const filterType = useWatch({ name: FieldConstants.FILTER_TYPE });
-  const handleChange = (_event, value) => {
-    setValue(FieldConstants.FILTER_TYPE, value);
-  };
-  useEffect(() => {
-    if (sourceFilterForExplicitNamingConversion) {
-      setValue(FieldConstants.FILTER_TYPE, FilterType.EXPLICIT_NAMING.id);
-    }
-  }, [sourceFilterForExplicitNamingConversion, setValue]);
-  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-      UniqueNameInput,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Box, { sx: unscrollableDialogStyles.unscrollableHeader, children: /* @__PURE__ */ jsx(
+      HeaderFilterForm,
       {
-        name: FieldConstants.NAME,
-        label: "nameProperty",
-        elementType: ElementType.FILTER,
-        autoFocus: creation,
+        creation,
         activeDirectory,
-        elementExists
+        elementExists,
+        sourceFilterForExplicitNamingConversion
       }
     ) }),
-    creation && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(DescriptionField, {}) }),
-      !sourceFilterForExplicitNamingConversion && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
-        RadioInput,
-        {
-          name: FieldConstants.FILTER_TYPE,
-          options: Object.values(FilterType),
-          formProps: { onChange: handleChange }
-        }
-      ) })
-    ] }),
     filterType === FilterType.CRITERIA_BASED.id && /* @__PURE__ */ jsx(CriteriaBasedFilterForm, {}),
     filterType === FilterType.EXPLICIT_NAMING.id && /* @__PURE__ */ jsx(
       ExplicitNamingFilterForm,

package/dist/components/filter/HeaderFilterForm.d.ts

@@ -0,0 +1,13 @@
+import { ElementExistsType } from '../../utils/types/elementType';
+import { UUID } from 'crypto';
+
+export interface FilterFormProps {
+    creation?: boolean;
+    activeDirectory?: UUID;
+    elementExists?: ElementExistsType;
+    sourceFilterForExplicitNamingConversion?: {
+        id: UUID;
+        equipmentType: string;
+    };
+}
+export declare function HeaderFilterForm({ sourceFilterForExplicitNamingConversion, creation, activeDirectory, elementExists, }: Readonly<FilterFormProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/filter/HeaderFilterForm.js

@@ -0,0 +1,53 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useFormContext } from "react-hook-form";
+import { useEffect } from "react";
+import { Grid } from "@mui/material";
+import { FieldConstants } from "../../utils/constants/fieldConstants.js";
+import { FilterType } from "./constants/FilterConstants.js";
+import { UniqueNameInput } from "../inputs/reactHookForm/text/UniqueNameInput.js";
+import { ElementType } from "../../utils/types/elementType.js";
+import { DescriptionField } from "../inputs/reactHookForm/text/DescriptionField.js";
+import { RadioInput } from "../inputs/reactHookForm/booleans/RadioInput.js";
+function HeaderFilterForm({
+  sourceFilterForExplicitNamingConversion,
+  creation,
+  activeDirectory,
+  elementExists
+}) {
+  const { setValue } = useFormContext();
+  useEffect(() => {
+    if (sourceFilterForExplicitNamingConversion) {
+      setValue(FieldConstants.FILTER_TYPE, FilterType.EXPLICIT_NAMING.id);
+    }
+  }, [sourceFilterForExplicitNamingConversion, setValue]);
+  const handleChange = (_event, value) => {
+    setValue(FieldConstants.FILTER_TYPE, value);
+  };
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+      UniqueNameInput,
+      {
+        name: FieldConstants.NAME,
+        label: "nameProperty",
+        elementType: ElementType.FILTER,
+        autoFocus: creation,
+        activeDirectory,
+        elementExists
+      }
+    ) }),
+    creation && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(DescriptionField, {}) }),
+      !sourceFilterForExplicitNamingConversion && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+        RadioInput,
+        {
+          name: FieldConstants.FILTER_TYPE,
+          options: Object.values(FilterType),
+          formProps: { onChange: handleChange }
+        }
+      ) })
+    ] })
+  ] });
+}
+export {
+  HeaderFilterForm
+};

package/dist/components/filter/criteriaBased/CriteriaBasedFilterEditionDialog.js

@@ -95,6 +95,7 @@ function CriteriaBasedFilterEditionDialog({
       disabledSave: !!nameError || !!isValidating,
       isDataFetching: dataFetchStatus === FetchStatus.FETCHING,
       language,
+      unscrollableFullHeight: true,
       children: isDataReady && /* @__PURE__ */ jsx(FilterForm, { activeDirectory, elementExists })
     }
   );

package/dist/components/filter/criteriaBased/CriteriaBasedFilterForm.js

@@ -1,5 +1,4 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import Grid from "@mui/material/Grid";
+import { jsx } from "react/jsx-runtime";
 import { filterPropertiesYupSchema, FilterProperties } from "./FilterProperties.js";
 import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
 import "../../../utils/yupConfig.js";
@@ -18,16 +17,14 @@ const criteriaBasedFilterEmptyFormData = getCriteriaBasedFormData(null, {
   [FreePropertiesTypes.FREE_FILTER_PROPERTIES]: []
 });
 function CriteriaBasedFilterForm() {
-  return /* @__PURE__ */ jsxs(Grid, { container: true, item: true, spacing: 1, children: [
-    /* @__PURE__ */ jsx(
-      CriteriaBasedForm,
-      {
-        equipments: FILTER_EQUIPMENTS,
-        defaultValues: criteriaBasedFilterEmptyFormData[FieldConstants.CRITERIA_BASED]
-      }
-    ),
-    /* @__PURE__ */ jsx(FilterProperties, {})
-  ] });
+  return /* @__PURE__ */ jsx(
+    CriteriaBasedForm,
+    {
+      equipments: FILTER_EQUIPMENTS,
+      defaultValues: criteriaBasedFilterEmptyFormData[FieldConstants.CRITERIA_BASED],
+      children: /* @__PURE__ */ jsx(FilterProperties, {})
+    }
+  );
 }
 export {
   CriteriaBasedFilterForm,

package/dist/components/filter/criteriaBased/CriteriaBasedForm.d.ts

@@ -1,7 +1,9 @@
 import { FormEquipment } from '../utils/filterFormUtils';
+import { ReactElement } from 'react';
 
 export interface CriteriaBasedFormProps {
     equipments: Record<string, FormEquipment>;
     defaultValues: Record<string, any>;
+    children?: ReactElement;
 }
-export declare function CriteriaBasedForm({ equipments, defaultValues }: CriteriaBasedFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function CriteriaBasedForm({ equipments, defaultValues, children }: Readonly<CriteriaBasedFormProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/filter/criteriaBased/CriteriaBasedForm.js

@@ -1,12 +1,23 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useFormContext, useWatch } from "react-hook-form";
-import { Grid } from "@mui/material";
+import { Box, Grid } from "@mui/material";
 import { useEffect } from "react";
 import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
 import { SelectInput } from "../../inputs/reactHookForm/selectInputs/SelectInput.js";
 import { InputWithPopupConfirmation } from "../../inputs/reactHookForm/selectInputs/InputWithPopupConfirmation.js";
 import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
-function CriteriaBasedForm({ equipments, defaultValues }) {
+import { unscrollableDialogStyles } from "../../dialogs/customMuiDialog/CustomMuiDialog.js";
+import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "react-intl";
+import "@mui/icons-material";
+import "../../treeViewFinder/TreeViewFinder.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";
+function CriteriaBasedForm({ equipments, defaultValues, children }) {
   const { getValues, setValue } = useFormContext();
   const { snackError } = useSnackMessage();
   const watchEquipmentType = useWatch({
@@ -27,8 +38,8 @@ function CriteriaBasedForm({ equipments, defaultValues }) {
       (field) => setValue(`${FieldConstants.CRITERIA_BASED}.${field}`, defaultValues[field])
     );
   };
-  return /* @__PURE__ */ jsxs(Grid, { container: true, item: true, spacing: 2, children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Box, { sx: unscrollableDialogStyles.unscrollableHeader, children: /* @__PURE__ */ jsx(
       InputWithPopupConfirmation,
       {
         Input: SelectInput,
@@ -41,11 +52,14 @@ function CriteriaBasedForm({ equipments, defaultValues }) {
         validateButtonLabel: "button.changeType"
       }
     ) }),
-    watchEquipmentType && equipments[watchEquipmentType] && equipments[watchEquipmentType].fields.map((equipment, index) => {
-      const EquipmentForm = equipment.renderer;
-      const uniqueKey = `${watchEquipmentType}-${index}`;
-      return /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, flexGrow: 1, children: /* @__PURE__ */ jsx(EquipmentForm, { ...equipment.props }) }, uniqueKey);
-    })
+    /* @__PURE__ */ jsx(Box, { sx: unscrollableDialogStyles.scrollableContent, children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+      watchEquipmentType && equipments[watchEquipmentType] && equipments[watchEquipmentType].fields.map((equipment, index) => {
+        const EquipmentForm = equipment.renderer;
+        const uniqueKey = `${watchEquipmentType}-${index}`;
+        return /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, flexGrow: 1, children: /* @__PURE__ */ jsx(EquipmentForm, { ...equipment.props }) }, uniqueKey);
+      }),
+      children
+    ] }) })
   ] });
 }
 export {

package/dist/components/filter/expert/ExpertFilterEditionDialog.js

@@ -106,6 +106,7 @@ function ExpertFilterEditionDialog({
       disabledSave: !!nameError || !!isValidating,
       isDataFetching: dataFetchStatus === FetchStatus.FETCHING,
       language,
+      unscrollableFullHeight: true,
       children: isDataReady && /* @__PURE__ */ jsx(FilterForm, { activeDirectory, elementExists })
     }
   );

package/dist/components/filter/expert/ExpertFilterForm.js

@@ -1,12 +1,12 @@
 import '../../../assets/ExpertFilterForm.css';
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useCallback, useMemo } from "react";
-import Grid from "@mui/material/Grid";
 import { formatQuery } from "react-querybuilder";
 import { useFormContext, useWatch } from "react-hook-form";
 import * as yup from "yup";
 import { v4 } from "uuid";
 import { useIntl } from "react-intl";
+import { Box } from "@mui/material";
 import { testQuery } from "./expertFilterUtils.js";
 import { COMBINATOR_OPTIONS, OPERATOR_OPTIONS, EXPERT_FILTER_EQUIPMENTS, RULES, EXPERT_FILTER_FIELDS } from "./expertFilterConstants.js";
 import { FieldType } from "./expertFilter.type.js";
@@ -15,6 +15,17 @@ import { InputWithPopupConfirmation } from "../../inputs/reactHookForm/selectInp
 import { SelectInput } from "../../inputs/reactHookForm/selectInputs/SelectInput.js";
 import { FilterType } from "../constants/FilterConstants.js";
 import { CustomReactQueryBuilder } from "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
+import { unscrollableDialogStyles } from "../../dialogs/customMuiDialog/CustomMuiDialog.js";
+import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "@mui/icons-material";
+import "../../treeViewFinder/TreeViewFinder.js";
+import "notistack";
+import "@mui/material/Dialog";
+import "@mui/material/DialogTitle";
+import "@mui/material/DialogContent";
+import "@mui/material/DialogActions";
+import "@mui/material/Button";
+import "@mui/material/styles";
 yup.setLocale({
   mixed: {
     required: "YupRequired",
@@ -85,8 +96,8 @@ function ExpertFilterForm() {
       };
     });
   }, [intl, watchEquipmentType]);
-  return /* @__PURE__ */ jsxs(Grid, { container: true, item: true, spacing: 2, children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Box, { sx: unscrollableDialogStyles.unscrollableHeader, children: /* @__PURE__ */ jsx(
       InputWithPopupConfirmation,
       {
         Input: SelectInput,
@@ -99,7 +110,7 @@ function ExpertFilterForm() {
         validateButtonLabel: "button.changeType"
       }
     ) }),
-    watchEquipmentType && isSupportedEquipmentType(watchEquipmentType) && /* @__PURE__ */ jsx(CustomReactQueryBuilder, { name: EXPERT_FILTER_QUERY, fields: translatedFields })
+    /* @__PURE__ */ jsx(Box, { sx: unscrollableDialogStyles.scrollableContent, children: watchEquipmentType && isSupportedEquipmentType(watchEquipmentType) && /* @__PURE__ */ jsx(CustomReactQueryBuilder, { name: EXPERT_FILTER_QUERY, fields: translatedFields }) })
   ] });
 }
 export {

package/dist/components/filter/expert/expertFilter.type.d.ts

@@ -156,7 +156,9 @@ export declare enum FieldType {
     CONVERTER_STATION_NOMINAL_VOLTAGE_2 = "CONVERTER_STATION_NOMINAL_VOLTAGE_2",
     DC_NOMINAL_VOLTAGE = "DC_NOMINAL_VOLTAGE",
     PAIRING_KEY = "PAIRING_KEY",
-    TIE_LINE_ID = "TIE_LINE_ID"
+    TIE_LINE_ID = "TIE_LINE_ID",
+    LOW_SHORT_CIRCUIT_CURRENT_LIMIT = "LOW_SHORT_CIRCUIT_CURRENT_LIMIT",
+    HIGH_SHORT_CIRCUIT_CURRENT_LIMIT = "HIGH_SHORT_CIRCUIT_CURRENT_LIMIT"
 }
 export declare enum DataType {
     STRING = "STRING",

package/dist/components/filter/expert/expertFilter.type.js

@@ -156,6 +156,8 @@ var FieldType = /* @__PURE__ */ ((FieldType2) => {
   FieldType2["DC_NOMINAL_VOLTAGE"] = "DC_NOMINAL_VOLTAGE";
   FieldType2["PAIRING_KEY"] = "PAIRING_KEY";
   FieldType2["TIE_LINE_ID"] = "TIE_LINE_ID";
+  FieldType2["LOW_SHORT_CIRCUIT_CURRENT_LIMIT"] = "LOW_SHORT_CIRCUIT_CURRENT_LIMIT";
+  FieldType2["HIGH_SHORT_CIRCUIT_CURRENT_LIMIT"] = "HIGH_SHORT_CIRCUIT_CURRENT_LIMIT";
   return FieldType2;
 })(FieldType || {});
 var DataType = /* @__PURE__ */ ((DataType2) => {

package/dist/components/filter/expert/expertFilterConstants.d.ts

@@ -1076,5 +1076,17 @@ export declare const FIELDS_OPTIONS: {
         label: string;
         dataType: DataType;
     };
+    LOW_SHORT_CIRCUIT_CURRENT_LIMIT: {
+        name: FieldType;
+        label: string;
+        dataType: DataType;
+        inputType: string;
+    };
+    HIGH_SHORT_CIRCUIT_CURRENT_LIMIT: {
+        name: FieldType;
+        label: string;
+        dataType: DataType;
+        inputType: string;
+    };
 };
 export declare const EXPERT_FILTER_FIELDS: Record<string, Field[]>;

package/dist/components/filter/expert/expertFilterConstants.js

@@ -1019,6 +1019,18 @@ const FIELDS_OPTIONS = {
     name: FieldType.TIE_LINE_ID,
     label: "tieLineId",
     dataType: DataType.STRING
+  },
+  LOW_SHORT_CIRCUIT_CURRENT_LIMIT: {
+    name: FieldType.LOW_SHORT_CIRCUIT_CURRENT_LIMIT,
+    label: "lowShortCircuitCurrentLimit",
+    dataType: DataType.NUMBER,
+    inputType: "number"
+  },
+  HIGH_SHORT_CIRCUIT_CURRENT_LIMIT: {
+    name: FieldType.HIGH_SHORT_CIRCUIT_CURRENT_LIMIT,
+    label: "highShortCircuitCurrentLimit",
+    dataType: DataType.NUMBER,
+    inputType: "number"
   }
 };
 const EXPERT_FILTER_FIELDS = {
@@ -1031,7 +1043,9 @@ const EXPERT_FILTER_FIELDS = {
     FIELDS_OPTIONS.LOW_VOLTAGE_LIMIT,
     FIELDS_OPTIONS.HIGH_VOLTAGE_LIMIT,
     FIELDS_OPTIONS.PROPERTY,
-    FIELDS_OPTIONS.SUBSTATION_PROPERTY
+    FIELDS_OPTIONS.SUBSTATION_PROPERTY,
+    FIELDS_OPTIONS.LOW_SHORT_CIRCUIT_CURRENT_LIMIT,
+    FIELDS_OPTIONS.HIGH_SHORT_CIRCUIT_CURRENT_LIMIT
   ],
   LINE: [
     FIELDS_OPTIONS.ID,

package/dist/components/filter/expert/expertFilterUtils.js

@@ -2,13 +2,14 @@ import { defaultOperators, getParentPath, findPath, remove } from "react-querybu
 import { validate } from "uuid";
 import { FieldType, DataType } from "./expertFilter.type.js";
 import { FIELDS_OPTIONS, OPERATOR_OPTIONS, RULES } from "./expertFilterConstants.js";
-import { isBlankOrEmpty, microUnitToUnit, unitToMicroUnit } from "../../../utils/conversionUtils.js";
+import { isBlankOrEmpty, microUnitToUnit, kiloUnitToUnit, unitToMicroUnit, unitToKiloUnit } from "../../../utils/conversionUtils.js";
 const microUnits = [
   FieldType.SHUNT_CONDUCTANCE_1,
   FieldType.SHUNT_CONDUCTANCE_2,
   FieldType.SHUNT_SUSCEPTANCE_1,
   FieldType.SHUNT_SUSCEPTANCE_2
 ];
+const kiloUnits = [FieldType.HIGH_SHORT_CIRCUIT_CURRENT_LIMIT, FieldType.LOW_SHORT_CIRCUIT_CURRENT_LIMIT];
 const searchTree = (tree, key, value) => {
   const stack = Object.values(tree);
   while (stack.length) {
@@ -131,6 +132,12 @@ function changeValueUnit(value, field) {
     }
     return value.map((a) => microUnitToUnit(a));
   }
+  if (kiloUnits.includes(field)) {
+    if (!Array.isArray(value)) {
+      return kiloUnitToUnit(value);
+    }
+    return value.map((a) => kiloUnitToUnit(a));
+  }
   return value;
 }
 function exportExpertRules(query) {
@@ -202,11 +209,19 @@ function importExpertRules(query) {
       if (rule.dataType === DataType.NUMBER) {
         return rule.values.map((value) => parseFloat(value)).map((numberValue) => {
           return microUnits.includes(rule.field) ? unitToMicroUnit(numberValue) : numberValue;
+        }).map((numberValue) => {
+          return kiloUnits.includes(rule.field) ? unitToKiloUnit(numberValue) : numberValue;
         }).sort((a, b) => a - b);
       }
       return rule.values.sort();
     }
-    return microUnits.includes(rule.field) ? unitToMicroUnit(parseFloat(rule.value)) : rule.value;
+    if (microUnits.includes(rule.field)) {
+      return unitToMicroUnit(parseFloat(rule.value));
+    }
+    if (kiloUnits.includes(rule.field)) {
+      return unitToKiloUnit(parseFloat(rule.value));
+    }
+    return rule.value;
   }
   function transformRule(rule) {
     var _a;

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

@@ -109,6 +109,7 @@ function ExplicitNamingFilterEditionDialog({
       disabledSave: !!nameError || !!isValidating,
       isDataFetching: dataFetchStatus === FetchStatus.FETCHING,
       language,
+      unscrollableFullHeight: true,
       children: isDataReady && /* @__PURE__ */ jsx(FilterForm, { activeDirectory, elementExists })
     }
   );

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/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/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.2",
     "description": "common react components for gridsuite applications",
     "engines": {
         "npm": ">=9",