@gridsuite/commons-ui 0.63.4 → 0.64.0

package/dist/components/filter/expert/expert-filter-constants.js

@@ -233,8 +233,7 @@ const FIELDS_OPTIONS = {
     name: FieldType.COUNTRY,
     label: "country",
     dataType: DataType.ENUM,
-    valueEditorType: "select",
-    defaultValue: "AF"
+    valueEditorType: "select"
   },
   VOLTAGE_REGULATOR_ON: {
     name: FieldType.VOLTAGE_REGULATOR_ON,
@@ -471,15 +470,13 @@ const FIELDS_OPTIONS = {
     name: FieldType.COUNTRY_1,
     label: "country1",
     dataType: DataType.ENUM,
-    valueEditorType: "select",
-    defaultValue: "AF"
+    valueEditorType: "select"
   },
   COUNTRY_2: {
     name: FieldType.COUNTRY_2,
     label: "country2",
     dataType: DataType.ENUM,
-    valueEditorType: "select",
-    defaultValue: "AF"
+    valueEditorType: "select"
   },
   SERIE_RESISTANCE: {
     name: FieldType.SERIE_RESISTANCE,
@@ -1012,15 +1009,20 @@ const FIELDS_OPTIONS = {
     label: "dcNominalVoltage",
     dataType: DataType.NUMBER,
     inputType: "number"
+  },
+  PAIRING_KEY: {
+    name: FieldType.PAIRING_KEY,
+    label: "pairingKey",
+    dataType: DataType.STRING
+  },
+  TIE_LINE_ID: {
+    name: FieldType.TIE_LINE_ID,
+    label: "tieLineId",
+    dataType: DataType.STRING
   }
 };
 const fields = {
-  SUBSTATION: [
-    FIELDS_OPTIONS.ID,
-    FIELDS_OPTIONS.NAME,
-    FIELDS_OPTIONS.COUNTRY,
-    FIELDS_OPTIONS.PROPERTY
-  ],
+  SUBSTATION: [FIELDS_OPTIONS.ID, FIELDS_OPTIONS.NAME, FIELDS_OPTIONS.COUNTRY, FIELDS_OPTIONS.PROPERTY],
   VOLTAGE_LEVEL: [
     FIELDS_OPTIONS.ID,
     FIELDS_OPTIONS.NAME,
@@ -1325,6 +1327,7 @@ const fields = {
     FIELDS_OPTIONS.COUNTRY,
     FIELDS_OPTIONS.VOLTAGE_LEVEL_ID,
     FIELDS_OPTIONS.NOMINAL_VOLTAGE,
+    FIELDS_OPTIONS.TIE_LINE_ID,
     FIELDS_OPTIONS.CONNECTED,
     FIELDS_OPTIONS.P0,
     FIELDS_OPTIONS.Q0,
@@ -1333,6 +1336,7 @@ const fields = {
     FIELDS_OPTIONS.SHUNT_SUSCEPTANCE,
     FIELDS_OPTIONS.SHUNT_CONDUCTANCE,
     FIELDS_OPTIONS.PAIRED,
+    FIELDS_OPTIONS.PAIRING_KEY,
     FIELDS_OPTIONS.PROPERTY,
     FIELDS_OPTIONS.SUBSTATION_PROPERTY,
     FIELDS_OPTIONS.VOLTAGE_LEVEL_PROPERTY

package/dist/components/filter/expert/expert-filter-edition-dialog.js

@@ -55,9 +55,7 @@ function ExpertFilterEditionDialog({
           [FieldConstants.NAME]: name,
           [FieldConstants.FILTER_TYPE]: FilterType.EXPERT.id,
           [FieldConstants.EQUIPMENT_TYPE]: response[FieldConstants.EQUIPMENT_TYPE],
-          [EXPERT_FILTER_QUERY]: importExpertRules(
-            response[EXPERT_FILTER_QUERY]
-          )
+          [EXPERT_FILTER_QUERY]: importExpertRules(response[EXPERT_FILTER_QUERY])
         });
       }).catch((error) => {
         setDataFetchStatus(FetchStatus.FETCH_ERROR);
@@ -93,14 +91,7 @@ function ExpertFilterEditionDialog({
         });
       }
     },
-    [
-      broadcastChannel,
-      id,
-      onClose,
-      selectionForCopy.sourceItemUuid,
-      snackError,
-      setSelectionForCopy
-    ]
+    [broadcastChannel, id, onClose, selectionForCopy.sourceItemUuid, snackError, setSelectionForCopy]
   );
   const isDataReady = dataFetchStatus === FetchStatus.FETCH_SUCCESS;
   return /* @__PURE__ */ jsx(
@@ -116,13 +107,7 @@ function ExpertFilterEditionDialog({
       disabledSave: !!nameError || !!isValidating,
       isDataFetching: dataFetchStatus === FetchStatus.FETCHING,
       language,
-      children: isDataReady && /* @__PURE__ */ jsx(
-        FilterForm,
-        {
-          activeDirectory,
-          elementExists
-        }
-      )
+      children: isDataReady && /* @__PURE__ */ jsx(FilterForm, { activeDirectory, elementExists })
     }
   );
 }

package/dist/components/filter/expert/expert-filter-form.js

@@ -99,13 +99,7 @@ function ExpertFilterForm() {
         validateButtonLabel: "button.changeType"
       }
     ) }),
-    watchEquipmentType && isSupportedEquipmentType(watchEquipmentType) && /* @__PURE__ */ jsx(
-      CustomReactQueryBuilder,
-      {
-        name: EXPERT_FILTER_QUERY,
-        fields: translatedFields
-      }
-    )
+    watchEquipmentType && isSupportedEquipmentType(watchEquipmentType) && /* @__PURE__ */ jsx(CustomReactQueryBuilder, { name: EXPERT_FILTER_QUERY, fields: translatedFields })
   ] });
 }
 export {

package/dist/components/filter/expert/expert-filter-utils.js

@@ -36,9 +36,7 @@ const getDataType = (fieldName, operator) => {
   return fieldData == null ? void 0 : fieldData.dataType;
 };
 const getOperators = (fieldName, intl) => {
-  const field = Object.values(FIELDS_OPTIONS).find(
-    (fieldOption) => fieldOption.name === fieldName
-  );
+  const field = Object.values(FIELDS_OPTIONS).find((fieldOption) => fieldOption.name === fieldName);
   switch (field == null ? void 0 : field.dataType) {
     case DataType.STRING: {
       let stringOperators = [
@@ -83,10 +81,7 @@ const getOperators = (fieldName, intl) => {
     case DataType.BOOLEAN: {
       let booleanOperators = [OPERATOR_OPTIONS.EQUALS];
       if (field.name === FieldType.AUTOMATE) {
-        booleanOperators = [
-          OPERATOR_OPTIONS.EXISTS,
-          OPERATOR_OPTIONS.NOT_EXISTS
-        ];
+        booleanOperators = [OPERATOR_OPTIONS.EXISTS, OPERATOR_OPTIONS.NOT_EXISTS];
       }
       return booleanOperators.map((operator) => ({
         name: operator.name,
@@ -100,9 +95,7 @@ const getOperators = (fieldName, intl) => {
         OPERATOR_OPTIONS.IN
       ];
       if (field.name === FieldType.SHUNT_COMPENSATOR_TYPE || field.name === FieldType.REGULATION_TYPE || field.name === FieldType.SVAR_REGULATION_MODE) {
-        enumOperators = enumOperators.filter(
-          (operator) => operator !== OPERATOR_OPTIONS.IN
-        );
+        enumOperators = enumOperators.filter((operator) => operator !== OPERATOR_OPTIONS.IN);
       }
       return enumOperators.map((operator) => ({
         name: operator.name,
@@ -151,9 +144,7 @@ function exportExpertRules(query) {
     return {
       id: rule.id,
       field: rule.field,
-      operator: dataType !== DataType.PROPERTY ? (_a = Object.values(OPERATOR_OPTIONS).find(
-        (operator) => operator.name === rule.operator
-      )) == null ? void 0 : _a.customName : rule.value.propertyOperator,
+      operator: dataType !== DataType.PROPERTY ? (_a = Object.values(OPERATOR_OPTIONS).find((operator) => operator.name === rule.operator)) == null ? void 0 : _a.customName : rule.value.propertyOperator,
       value: !isValueAnArray && rule.operator !== OPERATOR_OPTIONS.EXISTS.name && rule.operator !== OPERATOR_OPTIONS.NOT_EXISTS.name && dataType !== DataType.PROPERTY ? changeValueUnit(rule.value, rule.field) : void 0,
       values: isValueAnArray && dataType !== DataType.PROPERTY ? changeValueUnit(rule.value, rule.field) : void 0,
       dataType,
@@ -178,9 +169,7 @@ function exportExpertRules(query) {
       dataType: DataType.COMBINATOR,
       rules: transformedRules,
       // two additional attributes to distinct a composite rule from a normal rule group
-      operator: (_a = Object.values(OPERATOR_OPTIONS).find(
-        (operator) => operator.name === compositeRule.operator
-      )) == null ? void 0 : _a.customName,
+      operator: (_a = Object.values(OPERATOR_OPTIONS).find((operator) => operator.name === compositeRule.operator)) == null ? void 0 : _a.customName,
       field: compositeRule.field
     };
   }
@@ -224,9 +213,7 @@ function importExpertRules(query) {
     return {
       id: rule.id,
       field: rule.field,
-      operator: rule.dataType !== DataType.PROPERTY ? (_a = Object.values(OPERATOR_OPTIONS).find(
-        (operator) => operator.customName === rule.operator
-      )) == null ? void 0 : _a.name : OPERATOR_OPTIONS.IS.name,
+      operator: rule.dataType !== DataType.PROPERTY ? (_a = Object.values(OPERATOR_OPTIONS).find((operator) => operator.customName === rule.operator)) == null ? void 0 : _a.name : OPERATOR_OPTIONS.IS.name,
       value: parseValue(rule)
     };
   }
@@ -245,9 +232,7 @@ function importExpertRules(query) {
     return {
       id: group.id,
       field: group.field,
-      operator: (_a = Object.values(OPERATOR_OPTIONS).find(
-        (operator) => operator.customName === group.operator
-      )) == null ? void 0 : _a.name,
+      operator: (_a = Object.values(OPERATOR_OPTIONS).find((operator) => operator.customName === group.operator)) == null ? void 0 : _a.name,
       value: {
         combinator: group.combinator,
         rules: transformedRules
@@ -278,10 +263,7 @@ function countRules(query) {
   }
   if ("rules" in query) {
     const group = query;
-    return group.rules.reduce(
-      (sum, ruleOrGroup) => sum + countRules(ruleOrGroup),
-      0
-    );
+    return group.rules.reduce((sum, ruleOrGroup) => sum + countRules(ruleOrGroup), 0);
   }
   return 1;
 }
@@ -295,7 +277,7 @@ const queryValidator = (query) => {
     const isValueAnArray = Array.isArray(rule.value);
     const dataType = getDataType(rule.field, rule.operator);
     const isNumberInput = dataType === DataType.NUMBER && !isValueAnArray;
-    const isStringInput = dataType === DataType.STRING && !isValueAnArray;
+    const isStringInput = (dataType === DataType.STRING || dataType === DataType.ENUM) && !isValueAnArray;
     if (rule.id && (rule.operator === OPERATOR_OPTIONS.EXISTS.name || rule.operator === OPERATOR_OPTIONS.NOT_EXISTS.name)) {
       result[rule.id] = {
         valid: true,
@@ -344,9 +326,7 @@ const queryValidator = (query) => {
         reasons: [RULES.EMPTY_RULE]
       };
     } else if (rule.id && dataType === DataType.COMBINATOR) {
-      const childrenFields = Object.keys(
-        getFieldData(rule.field).children ?? {}
-      );
+      const childrenFields = Object.keys(getFieldData(rule.field).children ?? {});
       const compositeGroup = rule.value;
       childrenFields.forEach((field) => {
         var _a2, _b2, _c2, _d2;

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

@@ -154,7 +154,9 @@ export declare enum FieldType {
     CONVERTER_STATION_ID_2 = "CONVERTER_STATION_ID_2",
     CONVERTER_STATION_NOMINAL_VOLTAGE_1 = "CONVERTER_STATION_NOMINAL_VOLTAGE_1",
     CONVERTER_STATION_NOMINAL_VOLTAGE_2 = "CONVERTER_STATION_NOMINAL_VOLTAGE_2",
-    DC_NOMINAL_VOLTAGE = "DC_NOMINAL_VOLTAGE"
+    DC_NOMINAL_VOLTAGE = "DC_NOMINAL_VOLTAGE",
+    PAIRING_KEY = "PAIRING_KEY",
+    TIE_LINE_ID = "TIE_LINE_ID"
 }
 export declare enum DataType {
     STRING = "STRING",

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

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

package/dist/components/filter/explicit-naming/explicit-naming-filter-edition-dialog.js

@@ -94,14 +94,7 @@ function ExplicitNamingFilterEditionDialog({
         });
       }
     },
-    [
-      broadcastChannel,
-      id,
-      selectionForCopy,
-      onClose,
-      snackError,
-      setSelectionForCopy
-    ]
+    [broadcastChannel, id, selectionForCopy, onClose, snackError, setSelectionForCopy]
   );
   const isDataReady = dataFetchStatus === FetchStatus.FETCH_SUCCESS;
   return /* @__PURE__ */ jsx(
@@ -117,13 +110,7 @@ function ExplicitNamingFilterEditionDialog({
       disabledSave: !!nameError || !!isValidating,
       isDataFetching: dataFetchStatus === FetchStatus.FETCHING,
       language,
-      children: isDataReady && /* @__PURE__ */ jsx(
-        FilterForm,
-        {
-          activeDirectory,
-          elementExists
-        }
-      )
+      children: isDataReady && /* @__PURE__ */ jsx(FilterForm, { activeDirectory, elementExists })
     }
   );
 }

package/dist/components/filter/explicit-naming/explicit-naming-filter-form.d.ts

@@ -25,5 +25,5 @@ export interface FilterForExplicitConversionProps {
 interface ExplicitNamingFilterFormProps {
     sourceFilterForExplicitNamingConversion?: FilterForExplicitConversionProps;
 }
-declare function ExplicitNamingFilterForm({ sourceFilterForExplicitNamingConversion, }: ExplicitNamingFilterFormProps): import("react/jsx-runtime").JSX.Element;
+declare function ExplicitNamingFilterForm({ sourceFilterForExplicitNamingConversion }: ExplicitNamingFilterFormProps): import("react/jsx-runtime").JSX.Element;
 export default ExplicitNamingFilterForm;

package/dist/components/filter/explicit-naming/explicit-naming-filter-form.js

@@ -29,31 +29,15 @@ const explicitNamingFilterSchema = {
       [FieldConstants.EQUIPMENT_ID]: yup.string().nullable(),
       [DISTRIBUTION_KEY]: yup.number().nullable()
     })
-  ).compact(
-    (row) => !row[DISTRIBUTION_KEY] && !row[FieldConstants.EQUIPMENT_ID]
-  ).when([FieldConstants.FILTER_TYPE], {
+  ).compact((row) => !row[DISTRIBUTION_KEY] && !row[FieldConstants.EQUIPMENT_ID]).when([FieldConstants.FILTER_TYPE], {
     is: FilterType.EXPLICIT_NAMING.id,
     then: (schema) => schema.min(1, "emptyFilterError").when([FieldConstants.EQUIPMENT_TYPE], {
       is: (equipmentType) => isGeneratorOrLoad(equipmentType),
-      then: (innerSchema) => innerSchema.test(
-        "noKeyWithoutId",
-        "distributionKeyWithMissingIdError",
-        (array) => {
-          return !array.some(
-            (row) => !row[FieldConstants.EQUIPMENT_ID]
-          );
-        }
-      ).test(
-        "ifOneKeyThenKeyEverywhere",
-        "missingDistributionKeyError",
-        (array) => {
-          return !(array.some(
-            (row) => row[DISTRIBUTION_KEY]
-          ) && array.some(
-            (row) => !row[DISTRIBUTION_KEY]
-          ));
-        }
-      )
+      then: (innerSchema) => innerSchema.test("noKeyWithoutId", "distributionKeyWithMissingIdError", (array) => {
+        return !array.some((row) => !row[FieldConstants.EQUIPMENT_ID]);
+      }).test("ifOneKeyThenKeyEverywhere", "missingDistributionKeyError", (array) => {
+        return !(array.some((row) => row[DISTRIBUTION_KEY]) && array.some((row) => !row[DISTRIBUTION_KEY]));
+      })
     })
   })
 };
@@ -72,9 +56,7 @@ function getExplicitNamingFilterEmptyFormData() {
     [FILTER_EQUIPMENTS_ATTRIBUTES]: makeDefaultTableRows()
   };
 }
-function ExplicitNamingFilterForm({
-  sourceFilterForExplicitNamingConversion
-}) {
+function ExplicitNamingFilterForm({ sourceFilterForExplicitNamingConversion }) {
   const intl = useIntl();
   const { snackError } = useSnackMessage();
   const { getValues, setValue } = useFormContext();
@@ -91,10 +73,7 @@ function ExplicitNamingFilterForm({
   const forGeneratorOrLoad = isGeneratorOrLoad(watchEquipmentType);
   useEffect(() => {
     if (sourceFilterForExplicitNamingConversion) {
-      setValue(
-        FieldConstants.EQUIPMENT_TYPE,
-        sourceFilterForExplicitNamingConversion.equipmentType
-      );
+      setValue(FieldConstants.EQUIPMENT_TYPE, sourceFilterForExplicitNamingConversion.equipmentType);
     }
   }, [sourceFilterForExplicitNamingConversion, setValue]);
   const columnDefs = useMemo(() => {
@@ -132,13 +111,9 @@ function ExplicitNamingFilterForm({
     []
   );
   const csvFileHeaders = useMemo(() => {
-    const newCsvFileHeaders = [
-      intl.formatMessage({ id: FieldConstants.EQUIPMENT_ID })
-    ];
+    const newCsvFileHeaders = [intl.formatMessage({ id: FieldConstants.EQUIPMENT_ID })];
     if (forGeneratorOrLoad) {
-      newCsvFileHeaders.push(
-        intl.formatMessage({ id: DISTRIBUTION_KEY })
-      );
+      newCsvFileHeaders.push(intl.formatMessage({ id: DISTRIBUTION_KEY }));
     }
     return newCsvFileHeaders;
   }, [intl, forGeneratorOrLoad]);

package/dist/components/filter/filter-creation-dialog.js

@@ -69,16 +69,11 @@ function FilterCreationDialog({
           activeDirectory
         );
       } else if (filterForm[FieldConstants.FILTER_TYPE] === FilterType.CRITERIA_BASED.id) {
-        saveCriteriaBasedFilter(
-          filterForm,
-          activeDirectory,
-          onClose,
-          (error) => {
-            snackError({
-              messageTxt: error
-            });
-          }
-        );
+        saveCriteriaBasedFilter(filterForm, activeDirectory, onClose, (error) => {
+          snackError({
+            messageTxt: error
+          });
+        });
       } else if (filterForm[FieldConstants.FILTER_TYPE] === FilterType.EXPERT.id) {
         saveExpertFilter(
           null,

package/dist/components/filter/filter-form.js

@@ -7,18 +7,12 @@ import CriteriaBasedFilterForm from "./criteria-based/criteria-based-filter-form
 import ExplicitNamingFilterForm from "./explicit-naming/explicit-naming-filter-form.js";
 import ExpertFilterForm from "./expert/expert-filter-form.js";
 import { FilterType } from "./constants/filter-constants.js";
-import ExpandableGroup from "../ExpandableGroup/expandable-group.js";
 import RadioInput from "../inputs/react-hook-form/radio-input.js";
 import { ElementType } from "../../utils/ElementType.js";
-import ExpandingTextField from "../inputs/react-hook-form/ExpandingTextField.js";
 import UniqueNameInput from "../inputs/react-hook-form/unique-name-input.js";
+import DescriptionField from "../inputs/react-hook-form/description-field.js";
 function FilterForm(props) {
-  const {
-    sourceFilterForExplicitNamingConversion,
-    creation,
-    activeDirectory,
-    elementExists
-  } = props;
+  const { sourceFilterForExplicitNamingConversion, creation, activeDirectory, elementExists } = props;
   const { setValue } = useFormContext();
   const filterType = useWatch({ name: FieldConstants.FILTER_TYPE });
   const handleChange = (_event, value) => {
@@ -42,15 +36,7 @@ function FilterForm(props) {
       }
     ) }),
     creation && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(ExpandableGroup, { renderHeader: "Description", children: /* @__PURE__ */ jsx(
-        ExpandingTextField,
-        {
-          name: FieldConstants.DESCRIPTION,
-          label: "descriptionProperty",
-          minRows: 3,
-          rows: 5
-        }
-      ) }) }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(DescriptionField, {}) }),
       !sourceFilterForExplicitNamingConversion && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
         RadioInput,
         {

package/dist/components/filter/utils/filter-api.js

@@ -52,13 +52,7 @@ const saveExplicitNamingFilter = (tableValues, isFilterCreation, equipmentType,
 };
 const saveCriteriaBasedFilter = (filter, activeDirectory, onClose, onError, token) => {
   const filterForBack = frontToBackTweak(void 0, filter);
-  createFilter(
-    filterForBack,
-    filter[FieldConstants.NAME],
-    filter[FieldConstants.DESCRIPTION],
-    activeDirectory,
-    token
-  ).then(() => {
+  createFilter(filterForBack, filter[FieldConstants.NAME], filter[FieldConstants.DESCRIPTION], activeDirectory, token).then(() => {
     onClose();
   }).catch((error) => {
     onError(error.message);

package/dist/components/inputs/react-hook-form/ExpandingTextField.js

@@ -56,15 +56,7 @@ function ExpandingTextField({
     ...sx && { sx },
     ...textFieldFormProps
   };
-  return /* @__PURE__ */ jsx(
-    TextInput,
-    {
-      name,
-      label,
-      formProps,
-      ...otherTexFieldProps
-    }
-  );
+  return /* @__PURE__ */ jsx(TextInput, { name, label, formProps, ...otherTexFieldProps });
 }
 export {
   ExpandingTextField as default

package/dist/components/inputs/react-hook-form/ag-grid-table/bottom-right-buttons.js

@@ -31,60 +31,22 @@ function BottomRightButtons({
   const intl = useIntl();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(Grid, { container: true, paddingTop: 1, paddingLeft: 2, children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 1, children: csvProps && /* @__PURE__ */ jsx(
-        InnerColoredButton,
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 1, children: csvProps && /* @__PURE__ */ jsx(InnerColoredButton, { onClick: () => setUploaderOpen(true), children: /* @__PURE__ */ jsx(
+        Tooltip,
         {
-          onClick: () => setUploaderOpen(true),
-          children: /* @__PURE__ */ jsx(
-            Tooltip,
-            {
-              title: intl.formatMessage({
-                id: "ImportCSV"
-              }),
-              placement: "bottom",
-              children: /* @__PURE__ */ jsx(Upload, {})
-            }
-          )
+          title: intl.formatMessage({
+            id: "ImportCSV"
+          }),
+          placement: "bottom",
+          children: /* @__PURE__ */ jsx(Upload, {})
         }
-      ) }),
-      /* @__PURE__ */ jsxs(
-        Grid,
-        {
-          item: true,
-          xs: 11,
-          sx: { display: "flex", justifyContent: "right" },
-          children: [
-            /* @__PURE__ */ jsx(InnerColoredButton, { onClick: handleAddRow, children: /* @__PURE__ */ jsx(AddIcon, {}) }, "addButton"),
-            /* @__PURE__ */ jsx(
-              InnerColoredButton,
-              {
-                onClick: handleDeleteRows,
-                disabled: disableDelete,
-                children: /* @__PURE__ */ jsx(DeleteIcon, {})
-              },
-              "DeleteButton"
-            ),
-            /* @__PURE__ */ jsx(
-              InnerColoredButton,
-              {
-                disabled: disableUp,
-                onClick: handleMoveRowUp,
-                children: /* @__PURE__ */ jsx(ArrowCircleUp, {})
-              },
-              "upButton"
-            ),
-            /* @__PURE__ */ jsx(
-              InnerColoredButton,
-              {
-                disabled: disableDown,
-                onClick: handleMoveRowDown,
-                children: /* @__PURE__ */ jsx(ArrowCircleDown, {})
-              },
-              "downButton"
-            )
-          ]
-        }
-      )
+      ) }) }),
+      /* @__PURE__ */ jsxs(Grid, { item: true, xs: 11, sx: { display: "flex", justifyContent: "right" }, children: [
+        /* @__PURE__ */ jsx(InnerColoredButton, { onClick: handleAddRow, children: /* @__PURE__ */ jsx(AddIcon, {}) }, "addButton"),
+        /* @__PURE__ */ jsx(InnerColoredButton, { onClick: handleDeleteRows, disabled: disableDelete, children: /* @__PURE__ */ jsx(DeleteIcon, {}) }, "DeleteButton"),
+        /* @__PURE__ */ jsx(InnerColoredButton, { disabled: disableUp, onClick: handleMoveRowUp, children: /* @__PURE__ */ jsx(ArrowCircleUp, {}) }, "upButton"),
+        /* @__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(

package/dist/components/inputs/react-hook-form/ag-grid-table/csv-uploader/csv-uploader.js

@@ -52,9 +52,7 @@ function CsvUploader({
     }
     for (let i = 0; i < fileHeaders.length; i++) {
       if (fileHeaders[i] !== "" && rows[0][i] !== fileHeaders[i]) {
-        setCreateError(
-          intl.formatMessage({ id: "wrongCsvHeadersError" })
-        );
+        setCreateError(intl.formatMessage({ id: "wrongCsvHeadersError" }));
         return false;
       }
     }
@@ -87,11 +85,7 @@ function CsvUploader({
   };
   const handleOpenCSVConfirmationDataDialog = () => {
     const isValuesInTable = Array.isArray(watchTableValues) && watchTableValues.some(
-      (val) => val && Object.keys(val).filter(
-        (key) => key !== FieldConstants.AG_GRID_ROW_UUID
-      ).some(
-        (e) => val[e] !== void 0 && val[e] !== null && String(val[e]).trim().length > 0
-      )
+      (val) => val && Object.keys(val).filter((key) => key !== FieldConstants.AG_GRID_ROW_UUID).some((e) => val[e] !== void 0 && val[e] !== null && String(val[e]).trim().length > 0)
     );
     if (isValuesInTable && getResultsFromImportedData().length > 0) {
       setIsConfirmationPopupOpen(true);
@@ -112,51 +106,22 @@ function CsvUploader({
     setIsConfirmationPopupOpen(false);
   };
   const renderConfirmationCsvData = () => {
-    return /* @__PURE__ */ jsxs(
-      Dialog,
-      {
-        open: isConfirmationPopupOpen,
-        "aria-labelledby": "dialog-confirmation-csv-data",
-        children: [
-          /* @__PURE__ */ jsx(DialogTitle, { id: "dialog-confirmation-csv-data", children: "Confirmation" }),
-          /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(DialogContentText, { children: intl.formatMessage({ id: "keepCSVDataMessage" }) }) }),
-          /* @__PURE__ */ jsxs(DialogActions, { children: [
-            /* @__PURE__ */ jsx(CancelButton, { onClick: handleCancelDialog }),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                onClick: () => handleReplacePopupConfirmation(),
-                variant: "outlined",
-                children: /* @__PURE__ */ jsx(FormattedMessage, { id: "replace" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                onClick: () => handleAddPopupConfirmation(),
-                variant: "outlined",
-                children: /* @__PURE__ */ jsx(FormattedMessage, { id: "add" })
-              }
-            )
-          ] })
-        ]
-      }
-    );
+    return /* @__PURE__ */ jsxs(Dialog, { open: isConfirmationPopupOpen, "aria-labelledby": "dialog-confirmation-csv-data", children: [
+      /* @__PURE__ */ jsx(DialogTitle, { id: "dialog-confirmation-csv-data", children: "Confirmation" }),
+      /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(DialogContentText, { children: intl.formatMessage({ id: "keepCSVDataMessage" }) }) }),
+      /* @__PURE__ */ jsxs(DialogActions, { children: [
+        /* @__PURE__ */ jsx(CancelButton, { onClick: handleCancelDialog }),
+        /* @__PURE__ */ jsx(Button, { onClick: () => handleReplacePopupConfirmation(), variant: "outlined", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "replace" }) }),
+        /* @__PURE__ */ jsx(Button, { onClick: () => handleAddPopupConfirmation(), variant: "outlined", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "add" }) })
+      ] })
+    ] });
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(Dialog, { open, onClose: handleClose, fullWidth: true, children: [
       /* @__PURE__ */ jsx(DialogTitle, { children: title }),
       /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-          /* @__PURE__ */ jsx(Grid, { container: true, item: true, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsx(
-            CsvDownloader,
-            {
-              datas: data,
-              filename: fileName,
-              separator: ",",
-              children: /* @__PURE__ */ jsx(Button, { variant: "contained", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "GenerateCSV" }) })
-            }
-          ) }) }),
+          /* @__PURE__ */ jsx(Grid, { container: true, item: true, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsx(CsvDownloader, { datas: data, filename: fileName, separator: ",", children: /* @__PURE__ */ jsx(Button, { variant: "contained", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "GenerateCSV" }) }) }) }) }),
           /* @__PURE__ */ jsx(Grid, { container: true, item: true, spacing: 3, children: /* @__PURE__ */ jsx(
             CSVReader,
             {
@@ -166,23 +131,10 @@ function CsvUploader({
               },
               config: {
                 // We use | for multi values in one cell, then we remove it from the default value for this config, to avoid delimiter autodetection
-                delimitersToGuess: [
-                  ",",
-                  "	",
-                  ";",
-                  RECORD_SEP,
-                  UNIT_SEP
-                ]
+                delimitersToGuess: [",", "	", ";", RECORD_SEP, UNIT_SEP]
               },
               children: ({ getRootProps, acceptedFile }) => /* @__PURE__ */ jsxs(Grid, { item: true, children: [
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    ...getRootProps(),
-                    variant: "contained",
-                    children: /* @__PURE__ */ jsx(FormattedMessage, { id: "UploadCSV" })
-                  }
-                ),
+                /* @__PURE__ */ jsx(Button, { ...getRootProps(), variant: "contained", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "UploadCSV" }) }),
                 /* @__PURE__ */ jsx(
                   "span",
                   {