@gridsuite/commons-ui 0.220.0 → 0.221.1

package/dist/components/composite/agGridTable/CustomAgGridTable.d.ts

@@ -1,8 +1,9 @@
+import { FieldValues, UseFieldArrayReturn } from 'react-hook-form';
 import { CustomAGGridProps } from '../customAGGrid';
-export type CustomAgGridTableProps = Required<Pick<CustomAGGridProps, 'columnDefs' | 'defaultColDef' | 'pagination' | 'paginationPageSize' | 'alwaysShowVerticalScroll' | 'stopEditingWhenCellsLoseFocus'>> & Pick<CustomAGGridProps, 'rowSelection' | 'overrideLocales'> & {
+export type CustomAgGridTableProps = Required<Pick<CustomAGGridProps, 'columnDefs'>> & Pick<CustomAGGridProps, 'defaultColDef' | 'pagination' | 'paginationPageSize' | 'alwaysShowVerticalScroll' | 'stopEditingWhenCellsLoseFocus' | 'rowSelection' | 'overrideLocales' | 'loading'> & {
     name: string;
     makeDefaultRowData: any;
     csvProps: unknown;
     cssProps: unknown;
 };
-export declare function CustomAgGridTable({ name, makeDefaultRowData, csvProps, cssProps, rowSelection, ...props }: Readonly<CustomAgGridTableProps>): import("react/jsx-runtime").JSX.Element;
+export declare const CustomAgGridTable: import('react').ForwardRefExoticComponent<Readonly<CustomAgGridTableProps> & import('react').RefAttributes<UseFieldArrayReturn<FieldValues, string>>>;

package/dist/components/composite/agGridTable/CustomAgGridTable.js

@@ -1,13 +1,13 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useState, useCallback, useEffect } from "react";
+import { forwardRef, useState, useImperativeHandle, useCallback, useEffect } from "react";
 import { useFormContext, useFieldArray } from "react-hook-form";
 import { useTheme, Box } from "@mui/material";
 import { BottomRightButtons } from "./BottomRightButtons.js";
 import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
-import { CustomAGGrid } from "../customAGGrid/customAggrid.js";
 import "../../../utils/conversionUtils.js";
 import "../../../utils/types/equipmentType.js";
 import "@mui/icons-material";
+import { CustomAGGrid } from "../customAGGrid/customAggrid.js";
 import "react-intl";
 const style = (customProps) => ({
   grid: (theme) => ({
@@ -64,137 +64,132 @@ const style = (customProps) => ({
     ...customProps
   })
 });
-function CustomAgGridTable({
-  name,
-  makeDefaultRowData,
-  csvProps,
-  cssProps,
-  rowSelection,
-  ...props
-}) {
-  const theme = useTheme();
-  const [gridApi, setGridApi] = useState(null);
-  const [selectedRows, setSelectedRows] = useState([]);
-  const [newRowAdded, setNewRowAdded] = useState(false);
-  const [isSortApplied, setIsSortApplied] = useState(false);
-  const { control, getValues, watch } = useFormContext();
-  const useFieldArrayOutput = useFieldArray({
-    control,
-    name
-  });
-  const { append, remove, update, swap, move } = useFieldArrayOutput;
-  const rowData = watch(name);
-  const isFirstSelected = Boolean(
-    rowData?.length && gridApi?.api.getRowNode(rowData[0][FieldConstants.AG_GRID_ROW_UUID])?.isSelected()
-  );
-  const isLastSelected = Boolean(
-    rowData?.length && gridApi?.api.getRowNode(rowData[rowData.length - 1][FieldConstants.AG_GRID_ROW_UUID])?.isSelected()
-  );
-  const noRowSelected = selectedRows.length === 0;
-  const getIndex = useCallback(
-    (val) => {
-      return getValues(name).findIndex(
-        (row) => row[FieldConstants.AG_GRID_ROW_UUID] === val[FieldConstants.AG_GRID_ROW_UUID]
-      );
-    },
-    [getValues, name]
-  );
-  const handleMoveRowUp = () => {
-    selectedRows.map((row) => getIndex(row)).sort((n1, n2) => n1 - n2).forEach((idx) => {
-      swap(idx, idx - 1);
+const CustomAgGridTable = forwardRef(
+  function CustomAgGridTable2({ name, makeDefaultRowData, csvProps, cssProps, rowSelection, stopEditingWhenCellsLoseFocus = true, ...props }, ref) {
+    const theme = useTheme();
+    const [gridApi, setGridApi] = useState(null);
+    const [selectedRows, setSelectedRows] = useState([]);
+    const [newRowAdded, setNewRowAdded] = useState(false);
+    const [isSortApplied, setIsSortApplied] = useState(false);
+    const { control, getValues, watch } = useFormContext();
+    const useFieldArrayOutput = useFieldArray({
+      control,
+      name
     });
-  };
-  const handleMoveRowDown = () => {
-    selectedRows.map((row) => getIndex(row)).sort((n1, n2) => n1 - n2).reverse().forEach((idx) => {
-      swap(idx, idx + 1);
-    });
-  };
-  const handleDeleteRows = () => {
-    if (selectedRows.length === rowData.length) {
-      remove();
-    } else {
-      selectedRows.forEach((val) => {
-        const idx = getIndex(val);
-        remove(idx);
+    const { append, remove, update, swap, move } = useFieldArrayOutput;
+    useImperativeHandle(ref, () => useFieldArrayOutput, [useFieldArrayOutput]);
+    const rowData = watch(name);
+    const isFirstSelected = Boolean(
+      rowData?.length && gridApi?.api.getRowNode(rowData[0][FieldConstants.AG_GRID_ROW_UUID])?.isSelected()
+    );
+    const isLastSelected = Boolean(
+      rowData?.length && gridApi?.api.getRowNode(rowData[rowData.length - 1][FieldConstants.AG_GRID_ROW_UUID])?.isSelected()
+    );
+    const noRowSelected = selectedRows.length === 0;
+    const getIndex = useCallback(
+      (val) => {
+        return getValues(name).findIndex(
+          (row) => row[FieldConstants.AG_GRID_ROW_UUID] === val[FieldConstants.AG_GRID_ROW_UUID]
+        );
+      },
+      [getValues, name]
+    );
+    const handleMoveRowUp = () => {
+      selectedRows.map((row) => getIndex(row)).sort((n1, n2) => n1 - n2).forEach((idx) => {
+        swap(idx, idx - 1);
       });
-    }
-  };
-  useEffect(() => {
-    if (gridApi) {
-      gridApi.api.refreshCells({
-        force: true
+    };
+    const handleMoveRowDown = () => {
+      selectedRows.map((row) => getIndex(row)).sort((n1, n2) => n1 - n2).reverse().forEach((idx) => {
+        swap(idx, idx + 1);
       });
-    }
-  }, [gridApi, rowData]);
-  const handleAddRow = () => {
-    append(makeDefaultRowData());
-    setNewRowAdded(true);
-  };
-  const onGridReady = (params) => {
-    setGridApi(params);
-  };
-  const onRowDataUpdated = () => {
-    setNewRowAdded(false);
-    if (gridApi?.api) {
-      const lastIndex = rowData.length - 1;
-      gridApi.api.paginationGoToLastPage();
-      gridApi.api.ensureIndexVisible(lastIndex, "bottom");
-    }
-  };
-  const onCellEditingStopped = useCallback(
-    (event) => {
-      const rowIndex = getIndex(event.data);
-      if (rowIndex === -1) {
-        return;
+    };
+    const handleDeleteRows = () => {
+      if (selectedRows.length === rowData.length) {
+        remove();
+      } else {
+        selectedRows.forEach((val) => {
+          const idx = getIndex(val);
+          remove(idx);
+        });
       }
-      update(rowIndex, event.data);
-    },
-    [getIndex, update]
-  );
-  const onSortChanged = useCallback((event) => {
-    const isAnycolumnhasSort = event.api.getColumnState().some((col) => col.sort);
-    setIsSortApplied(isAnycolumnhasSort);
-  }, []);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Box, { className: theme.aggrid.theme, sx: style(cssProps).grid, children: /* @__PURE__ */ jsx(
-      CustomAGGrid,
-      {
-        rowData,
-        onGridReady,
-        cacheOverflowSize: 10,
-        rowSelection: rowSelection ?? "multiple",
-        rowDragEntireRow: true,
-        rowDragManaged: true,
-        onRowDragEnd: (e) => move(getIndex(e.node.data), e.overIndex),
-        detailRowAutoHeight: true,
-        onSelectionChanged: () => {
-          setSelectedRows(gridApi.api.getSelectedRows());
-        },
-        onRowDataUpdated: newRowAdded ? onRowDataUpdated : void 0,
-        onCellEditingStopped,
-        onSortChanged,
-        getRowId: (row) => row.data[FieldConstants.AG_GRID_ROW_UUID],
-        theme: "legacy",
-        ...props
+    };
+    useEffect(() => {
+      if (gridApi) {
+        gridApi.api.refreshCells({
+          force: true
+        });
       }
-    ) }),
-    /* @__PURE__ */ jsx(
-      BottomRightButtons,
-      {
-        name,
-        handleAddRow,
-        handleDeleteRows,
-        handleMoveRowDown,
-        handleMoveRowUp,
-        disableUp: noRowSelected || isFirstSelected || isSortApplied,
-        disableDown: noRowSelected || isLastSelected || isSortApplied,
-        disableDelete: noRowSelected,
-        csvProps,
-        useFieldArrayOutput
+    }, [gridApi, rowData]);
+    const handleAddRow = () => {
+      append(makeDefaultRowData());
+      setNewRowAdded(true);
+    };
+    const onGridReady = (params) => {
+      setGridApi(params);
+    };
+    const onRowDataUpdated = () => {
+      setNewRowAdded(false);
+      if (gridApi?.api) {
+        const lastIndex = rowData.length - 1;
+        gridApi.api.paginationGoToLastPage();
+        gridApi.api.ensureIndexVisible(lastIndex, "bottom");
       }
-    )
-  ] });
-}
+    };
+    const onCellEditingStopped = useCallback(
+      (event) => {
+        const rowIndex = getIndex(event.data);
+        if (rowIndex === -1) {
+          return;
+        }
+        update(rowIndex, event.data);
+      },
+      [getIndex, update]
+    );
+    const onSortChanged = useCallback((event) => {
+      const isAnycolumnhasSort = event.api.getColumnState().some((col) => col.sort);
+      setIsSortApplied(isAnycolumnhasSort);
+    }, []);
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Box, { className: theme.aggrid.theme, sx: style(cssProps).grid, children: /* @__PURE__ */ jsx(
+        CustomAGGrid,
+        {
+          rowData,
+          onGridReady,
+          cacheOverflowSize: 10,
+          rowSelection: rowSelection ?? "multiple",
+          onRowDragMove: (e) => move(getIndex(e.node.data), e.overIndex),
+          detailRowAutoHeight: true,
+          onSelectionChanged: () => {
+            setSelectedRows(gridApi.api.getSelectedRows());
+          },
+          onRowDataUpdated: newRowAdded ? onRowDataUpdated : void 0,
+          onCellEditingStopped,
+          onSortChanged,
+          getRowId: (row) => row.data[FieldConstants.AG_GRID_ROW_UUID],
+          stopEditingWhenCellsLoseFocus,
+          theme: "legacy",
+          ...props
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        BottomRightButtons,
+        {
+          name,
+          handleAddRow,
+          handleDeleteRows,
+          handleMoveRowDown,
+          handleMoveRowUp,
+          disableUp: noRowSelected || isFirstSelected || isSortApplied,
+          disableDown: noRowSelected || isLastSelected || isSortApplied,
+          disableDelete: noRowSelected,
+          csvProps,
+          useFieldArrayOutput
+        }
+      )
+    ] });
+  }
+);
 export {
   CustomAgGridTable
 };

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

@@ -217,7 +217,6 @@ function ExplicitNamingFilterForm({
           headerCheckbox: true
         },
         alwaysShowVerticalScroll: true,
-        stopEditingWhenCellsLoseFocus: true,
         csvProps: {
           fileName: intl.formatMessage({
             id: "filterCsvFileName"

package/dist/features/network-modifications/battery/creation/BatteryCreationForm.js

@@ -54,10 +54,11 @@ import "@react-querybuilder/material";
 import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
 import "../../../../components/composite/agGridTable/BottomRightButtons.js";
-import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../components/composite/agGridTable/CustomAgGridTable.js";
 import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
 import { SetPointsForm } from "../../common/setpoints/SetPointsForm.js";
 import { ConnectivityForm } from "../../common/connectivity/ConnectivityForm.js";
 import { ActivePowerControlForm } from "../../common/activePowerControl/ActivePowerControlForm.js";

package/dist/features/network-modifications/battery/creation/batteryCreation.utils.js

@@ -50,10 +50,11 @@ import "@react-querybuilder/material";
 import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
 import "../../../../components/composite/agGridTable/BottomRightButtons.js";
-import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../components/composite/agGridTable/CustomAgGridTable.js";
 import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
 import { getSetPointsSchema, getSetPointsEmptyFormData } from "../../common/setpoints/setPoints.utils.js";
 import { getActivePowerControlSchema, getActivePowerControlEmptyFormData } from "../../common/activePowerControl/activePowerControlForm.utils.js";
 import { getShortCircuitFormSchema, getShortCircuitEmptyFormData, getShortCircuitFormData } from "../../common/shortCircuit/shortCircuitForm.utils.js";

package/dist/features/network-modifications/battery/modification/BatteryDialogHeader.js

@@ -49,10 +49,11 @@ import "@react-querybuilder/material";
 import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
 import "../../../../components/composite/agGridTable/BottomRightButtons.js";
-import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../components/composite/agGridTable/CustomAgGridTable.js";
 import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
 import "../../common/regulatingTerminal/RegulatingTerminalForm.js";
 function BatteryDialogHeader({ batteryToModify, equipmentId }) {
   return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [

package/dist/features/network-modifications/battery/modification/BatteryDialogTabsContent.js

@@ -54,10 +54,11 @@ import "@react-querybuilder/material";
 import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
 import "../../../../components/composite/agGridTable/BottomRightButtons.js";
-import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../components/composite/agGridTable/CustomAgGridTable.js";
 import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
 import { ConnectivityForm } from "../../common/connectivity/ConnectivityForm.js";
 import { ActivePowerControlForm } from "../../common/activePowerControl/ActivePowerControlForm.js";
 import { ShortCircuitForm } from "../../common/shortCircuit/ShortCircuitForm.js";

package/dist/features/network-modifications/battery/modification/batteryModification.utils.js

@@ -50,10 +50,11 @@ import "@react-querybuilder/material";
 import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
 import "../../../../components/composite/agGridTable/BottomRightButtons.js";
-import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../components/composite/agGridTable/CustomAgGridTable.js";
 import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
 import { getSetPointsSchema, getSetPointsEmptyFormData } from "../../common/setpoints/setPoints.utils.js";
 import { getConnectivityWithPositionSchema, getConnectivityWithPositionEmptyFormDataProps, getConnectivityFormDataProps } from "../../common/connectivity/connectivityForm.utils.js";
 import { getActivePowerControlSchema, getActivePowerControlEmptyFormData } from "../../common/activePowerControl/activePowerControlForm.utils.js";

package/dist/features/network-modifications/common/measurements/BusbarSectionVoltageMeasurementsForm.js

@@ -49,10 +49,11 @@ import "@react-querybuilder/material";
 import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
 import "../../../../components/composite/agGridTable/BottomRightButtons.js";
-import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../components/composite/agGridTable/CustomAgGridTable.js";
 import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
 const BUSBAR_SECTION_V_MEASUREMENTS = "busbarSectionVMeasurements";
 function BusbarSectionVoltageMeasurementsForm({
   busbarSections

package/dist/features/network-modifications/equipmentDeletion/EquipmentDeletionForm.js

@@ -53,10 +53,11 @@ import "@react-querybuilder/material";
 import "../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
 import "../../../components/composite/agGridTable/BottomRightButtons.js";
-import "../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../components/composite/agGridTable/CustomAgGridTable.js";
 import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
+import "../../../components/composite/customAGGrid/customAggrid.js";
 import "../common/regulatingTerminal/RegulatingTerminalForm.js";
 import { HvdcLccDeletionSpecificForm } from "./hvdcLccDeletion/HvdcLccDeletionSpecificForm.js";
 const NULL_UUID = "00000000-0000-0000-0000-000000000000";

package/dist/features/network-modifications/load/common/LoadDialogHeader.js

@@ -50,10 +50,11 @@ import "@react-querybuilder/material";
 import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
 import "../../../../components/composite/agGridTable/BottomRightButtons.js";
-import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../components/composite/agGridTable/CustomAgGridTable.js";
 import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
 import "../../common/regulatingTerminal/RegulatingTerminalForm.js";
 function LoadDialogHeader({ loadToModify, isModification = false }) {
   const intl = useIntl();

package/dist/features/network-modifications/load/modification/loadModification.utils.js

@@ -50,10 +50,11 @@ import "@react-querybuilder/material";
 import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
 import "../../../../components/composite/agGridTable/BottomRightButtons.js";
-import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../components/composite/agGridTable/CustomAgGridTable.js";
 import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
 import { getSetPointsSchema } from "../../common/setpoints/setPoints.utils.js";
 import { getConnectivityWithPositionSchema, getConnectivityWithPositionEmptyFormDataProps, getConnectivityFormDataProps } from "../../common/connectivity/connectivityForm.utils.js";
 import "../../common/regulatingTerminal/RegulatingTerminalForm.js";

package/dist/features/network-modifications/shunt-compensator/creation/ShuntCompensatorCreationForm.js

@@ -52,10 +52,11 @@ import "@react-querybuilder/material";
 import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
 import "../../../../components/composite/agGridTable/BottomRightButtons.js";
-import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../components/composite/agGridTable/CustomAgGridTable.js";
 import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
 import "../../common/regulatingTerminal/RegulatingTerminalForm.js";
 import { CharacteristicsForm } from "../common/CharacteristicsForm.js";
 function ShuntCompensatorCreationForm({

package/dist/features/network-modifications/shunt-compensator/creation/shuntCompensatorCreation.utils.js

@@ -49,10 +49,11 @@ import "@react-querybuilder/material";
 import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
 import "../../../../components/composite/agGridTable/BottomRightButtons.js";
-import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../components/composite/agGridTable/CustomAgGridTable.js";
 import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
 import { getConnectivityWithPositionSchema, getConnectivityWithPositionEmptyFormDataProps, getConnectivityFormDataProps } from "../../common/connectivity/connectivityForm.utils.js";
 import "../../common/regulatingTerminal/RegulatingTerminalForm.js";
 import { CHARACTERISTICS_CHOICES } from "../common/shuntCompensator.utils.js";

package/dist/features/network-modifications/shunt-compensator/modification/ShuntCompensatorModificationForm.js

@@ -53,10 +53,11 @@ import "@react-querybuilder/material";
 import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
 import "../../../../components/composite/agGridTable/BottomRightButtons.js";
-import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../components/composite/agGridTable/CustomAgGridTable.js";
 import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
 import "../../common/regulatingTerminal/RegulatingTerminalForm.js";
 import { CharacteristicsForm } from "../common/CharacteristicsForm.js";
 function ShuntCompensatorModificationForm({

package/dist/features/network-modifications/shunt-compensator/modification/shuntCompensatorModification.utils.js

@@ -50,10 +50,11 @@ import "@react-querybuilder/material";
 import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
 import "../../../../components/composite/agGridTable/BottomRightButtons.js";
-import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../components/composite/agGridTable/CustomAgGridTable.js";
 import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
 import { getConnectivityWithPositionSchema, getConnectivityWithPositionEmptyFormDataProps, getConnectivityFormDataProps } from "../../common/connectivity/connectivityForm.utils.js";
 import "../../common/regulatingTerminal/RegulatingTerminalForm.js";
 import { CHARACTERISTICS_CHOICES } from "../common/shuntCompensator.utils.js";

package/dist/features/network-modifications/substation/creation/SubstationCreationForm.js

@@ -51,10 +51,11 @@ import "@react-querybuilder/material";
 import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
 import "../../../../components/composite/agGridTable/BottomRightButtons.js";
-import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../components/composite/agGridTable/CustomAgGridTable.js";
 import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
 import "../../common/regulatingTerminal/RegulatingTerminalForm.js";
 function SubstationCreationForm() {
   return /* @__PURE__ */ jsxs(Grid, { container: true, direction: "column", spacing: 2, children: [

package/dist/features/network-modifications/substation/modification/SubstationModificationForm.js

@@ -49,10 +49,11 @@ import "@react-querybuilder/material";
 import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
 import "../../../../components/composite/agGridTable/BottomRightButtons.js";
-import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../components/composite/agGridTable/CustomAgGridTable.js";
 import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
 import "../../common/regulatingTerminal/RegulatingTerminalForm.js";
 function SubstationModificationForm({ substationToModify }) {
   const { locale } = useIntl();

package/dist/features/network-modifications/voltageLevel/creation/VoltageLevelCreationForm.js

@@ -55,10 +55,11 @@ import "@react-querybuilder/material";
 import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
 import "../../../../components/composite/agGridTable/BottomRightButtons.js";
-import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../components/composite/agGridTable/CustomAgGridTable.js";
 import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
 import "../../common/regulatingTerminal/RegulatingTerminalForm.js";
 import { getTabIndicatorStyle, getTabStyle } from "../../../parameters/parameters-style.js";
 import { useTabsWithError } from "../../hooks/useTabsWithError.js";

package/dist/features/network-modifications/voltageLevel/creation/index.js

@@ -47,10 +47,11 @@ import "@react-querybuilder/material";
 import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
 import "../../../../components/composite/agGridTable/BottomRightButtons.js";
-import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../components/composite/agGridTable/CustomAgGridTable.js";
 import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
 import "../../common/regulatingTerminal/RegulatingTerminalForm.js";
 import { MAX_SECTIONS_COUNT } from "./voltageLevel.constants.js";
 import { VoltageLevelCreationForm } from "./VoltageLevelCreationForm.js";

package/dist/features/network-modifications/voltageLevel/creation/tabs/substationTab/SubstationCreationSection.js

@@ -52,10 +52,11 @@ import "@react-querybuilder/material";
 import "../../../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "../../../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
 import "../../../../../../components/composite/agGridTable/BottomRightButtons.js";
-import "../../../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../../../components/composite/agGridTable/CustomAgGridTable.js";
 import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
+import "../../../../../../components/composite/customAGGrid/customAggrid.js";
 import "../../../../common/regulatingTerminal/RegulatingTerminalForm.js";
 function SubstationCreationSection({
   showDeleteButton = true,

package/dist/features/network-modifications/voltageLevel/creation/voltageLevelCreation.utils.js

@@ -51,10 +51,11 @@ import "@react-querybuilder/material";
 import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
 import "../../../../components/composite/agGridTable/BottomRightButtons.js";
-import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../components/composite/agGridTable/CustomAgGridTable.js";
 import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
 import "../../common/regulatingTerminal/RegulatingTerminalForm.js";
 import { substationCreationEmptyFormData } from "../../substation/creation/substationCreation.utils.js";
 import "../../substation/modification/substationModification.utils.js";

package/dist/features/network-modifications/voltageLevel/index.js

@@ -47,10 +47,11 @@ import "@react-querybuilder/material";
 import "../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
 import "../../../components/composite/agGridTable/BottomRightButtons.js";
-import "../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../components/composite/agGridTable/CustomAgGridTable.js";
 import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
+import "../../../components/composite/customAGGrid/customAggrid.js";
 import "../common/regulatingTerminal/RegulatingTerminalForm.js";
 import { MAX_SECTIONS_COUNT } from "./creation/voltageLevel.constants.js";
 import { VoltageLevelCreationForm } from "./creation/VoltageLevelCreationForm.js";

package/dist/features/network-modifications/voltageLevel/modification/VoltageLevelModificationForm.js

@@ -57,10 +57,11 @@ import "@react-querybuilder/material";
 import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
 import "../../../../components/composite/agGridTable/BottomRightButtons.js";
-import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../components/composite/agGridTable/CustomAgGridTable.js";
 import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
 function VoltageLevelModificationForm({
   voltageLevelToModify,
   busbarSections = []

package/dist/features/parameters/common/contingency-table/columns-definitions.js

@@ -11,6 +11,7 @@ import "react-dom";
 import "@hello-pangea/dnd";
 import { DndColumnType } from "../../../../components/composite/dnd-table-v2/dnd-table.type.js";
 import "../../../../components/ui/overflowableText/OverflowableText.js";
+import { YUP_REQUIRED } from "../../../../utils/constants/translationKeys.js";
 import "../../../../utils/conversionUtils.js";
 import { ElementType } from "../../../../utils/types/elementType.js";
 import "../../../../utils/types/equipmentType.js";
@@ -73,7 +74,7 @@ const getContingencyListsInfosFormSchema = () => {
             [ID]: yup.string().required(),
             [NAME]: yup.string().required()
           })
-        ).required().min(1, "ContingencyListInputMinError"),
+        ).required().min(1, YUP_REQUIRED),
         [DESCRIPTION]: yup.string(),
         [ACTIVATED]: yup.boolean().required()
       })

package/dist/features/parameters/dynamic-margin-calculation/loads-variations-parameters.js

@@ -5,6 +5,7 @@ import { Grid } from "@mui/material";
 import * as yup from "yup";
 import { LOADS_VARIATIONS, ACTIVE, VARIATION, LOAD_FILTERS, LOAD_MODELS_RULE, ACCURACY, CALCULATION_TYPE } from "./constants.js";
 import { ID } from "../../../utils/constants/filterConstant.js";
+import { YUP_REQUIRED } from "../../../utils/constants/translationKeys.js";
 import "../../../utils/conversionUtils.js";
 import { ElementType } from "../../../utils/types/elementType.js";
 import { EquipmentType } from "../../../utils/types/equipmentType.js";
@@ -50,7 +51,7 @@ const formSchema = yup.object().shape({
           [ID]: yup.string().required(),
           [NAME]: yup.string().nullable().notRequired()
         })
-      ).min(1, "FilterInputMinError"),
+      ).min(1, YUP_REQUIRED),
       [VARIATION]: yup.number().min(0, "mustBeGreaterOrEqualToZero").required(),
       [ACTIVE]: yup.boolean().nullable().notRequired()
     })

package/dist/features/parameters/sensi/utils.js

@@ -1,6 +1,7 @@
 import * as yup from "yup";
 import { FLOW_VOLTAGE_SENSITIVITY_VALUE_THRESHOLD, ANGLE_FLOW_SENSITIVITY_VALUE_THRESHOLD, FLOW_FLOW_SENSITIVITY_VALUE_THRESHOLD, PARAMETER_SENSI_NODES, EQUIPMENTS_IN_VOLTAGE_REGULATION, SUPERVISED_VOLTAGE_LEVELS, PARAMETER_SENSI_PST, PSTS, PARAMETER_SENSI_HVDC, HVDC_LINES, PARAMETER_SENSI_INJECTION, INJECTIONS, PARAMETER_SENSI_INJECTIONS_SET, DISTRIBUTION_TYPE, SENSITIVITY_TYPE, MONITORED_BRANCHES, CONTAINER_NAME, CONTAINER_ID } from "./constants.js";
 import { ID } from "../../../utils/constants/filterConstant.js";
+import { YUP_REQUIRED } from "../../../utils/constants/translationKeys.js";
 import "../../../utils/conversionUtils.js";
 import "../../../utils/types/equipmentType.js";
 import { DistributionType, SensitivityType } from "../../../utils/types/sensitivity-analysis.type.js";
@@ -50,7 +51,7 @@ const getMonitoredBranchesSchema = () => {
       })
     ).required().when([ACTIVATED], {
       is: (activated) => activated,
-      then: (schema) => schema.min(1, "FilterInputMinError")
+      then: (schema) => schema.min(1, YUP_REQUIRED)
     })
   };
 };
@@ -85,7 +86,7 @@ const getSensiHVDCsFormSchema = () => ({
         })
       ).required().when([ACTIVATED], {
         is: (activated) => activated,
-        then: (schema) => schema.min(1, "FilterInputMinError")
+        then: (schema) => schema.min(1, YUP_REQUIRED)
       }),
       ...getContingenciesSchema()
     })
@@ -130,7 +131,7 @@ const getSensiInjectionsFormSchema = () => ({
         })
       ).required().when([ACTIVATED], {
         is: (activated) => activated,
-        then: (schema) => schema.min(1, "FilterInputMinError")
+        then: (schema) => schema.min(1, YUP_REQUIRED)
       }),
       ...getContingenciesSchema()
     })
@@ -174,7 +175,7 @@ const getSensiInjectionsSetFormSchema = () => ({
         })
       ).required().when([ACTIVATED], {
         is: (activated) => activated,
-        then: (schema) => schema.min(1, "FilterInputMinError")
+        then: (schema) => schema.min(1, YUP_REQUIRED)
       }),
       [DISTRIBUTION_TYPE]: yup.mixed().oneOf(Object.values(DistributionType)).when([ACTIVATED], {
         is: (activated) => activated,
@@ -231,7 +232,7 @@ const getSensiNodesFormSchema = () => ({
         })
       ).when([ACTIVATED], {
         is: (activated) => activated,
-        then: (schema) => schema.min(1, "FilterInputMinError")
+        then: (schema) => schema.min(1, YUP_REQUIRED)
       }),
       [EQUIPMENTS_IN_VOLTAGE_REGULATION]: yup.array().of(
         yup.object().shape({
@@ -240,7 +241,7 @@ const getSensiNodesFormSchema = () => ({
         })
       ).when([ACTIVATED], {
         is: (activated) => activated,
-        then: (schema) => schema.min(1, "FilterInputMinError")
+        then: (schema) => schema.min(1, YUP_REQUIRED)
       }),
       ...getContingenciesSchema()
     })
@@ -287,7 +288,7 @@ const getSensiPSTsFormSchema = () => ({
         })
       ).required().when([ACTIVATED], {
         is: (activated) => activated,
-        then: (schema) => schema.min(1, "FilterInputMinError")
+        then: (schema) => schema.min(1, YUP_REQUIRED)
       }),
       ...getContingenciesSchema()
     })

package/dist/features/parameters/short-circuit/short-circuit-parameters-utils.js

@@ -6,6 +6,7 @@ import "@mui/material";
 import "react-intl";
 import "react";
 import { ID } from "../../../utils/constants/filterConstant.js";
+import { YUP_REQUIRED } from "../../../utils/constants/translationKeys.js";
 import "../../../utils/conversionUtils.js";
 import { snackWithFallback } from "../../../utils/error.js";
 import "../../../utils/types/equipmentType.js";
@@ -103,7 +104,7 @@ const getSpecificShortCircuitParametersFormSchema = (specificParametersDescripti
         })
       ).nullable().when("active", {
         is: true,
-        then: (s) => s.required().min(1, "FilterInputMinError"),
+        then: (s) => s.required().min(1, YUP_REQUIRED),
         otherwise: (s) => s.notRequired().nullable()
       }),
       type: requiredWhenActive(yup.string().oneOf(["GENERATOR", "HVDC"]).nullable())

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

@@ -8,6 +8,7 @@ import "@mui/icons-material";
 import "react-intl";
 import "../../../components/ui/overflowableText/OverflowableText.js";
 import { ID, FILTERS } from "../../../utils/constants/filterConstant.js";
+import { YUP_REQUIRED } from "../../../utils/constants/translationKeys.js";
 import { isBlankOrEmpty } from "../../../utils/conversionUtils.js";
 import { snackWithFallback } from "../../../utils/error.js";
 import { ElementType } from "../../../utils/types/elementType.js";
@@ -71,7 +72,7 @@ const useVoltageInitParametersForm = ({
               [ID]: yup.string().required(),
               [NAME]: yup.string().required()
             })
-          ).min(1, "FilterInputMinError"),
+          ).min(1, YUP_REQUIRED),
           [LOW_VOLTAGE_LIMIT]: yup.number().nullable(),
           [HIGH_VOLTAGE_LIMIT]: yup.number().nullable()
         })
@@ -84,7 +85,7 @@ const useVoltageInitParametersForm = ({
               [ID]: yup.string().required(),
               [NAME]: yup.string().required()
             })
-          ).min(1, "FilterInputMinError"),
+          ).min(1, YUP_REQUIRED),
           [LOW_VOLTAGE_LIMIT]: yup.number().min(0, "mustBeGreaterOrEqualToZero").nullable().test((value, context) => {
             return !isBlankOrEmpty(value) || !isBlankOrEmpty(context.parent[HIGH_VOLTAGE_LIMIT]);
           }),

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

@@ -168,8 +168,6 @@ export declare const parametersEn: {
     LowVoltageLimitAdjustment: string;
     HighVoltageLimitAdjustment: string;
     VoltageLevelFilterTooltip: string;
-    FilterInputMinError: string;
-    ContingencyListInputMinError: string;
     EquipmentSelection: string;
     ReactiveSlacksThreshold: string;
     ReactiveSlacksThresholdMustBeGreaterOrEqualToZero: string;

package/dist/translations/en/parameters.js

@@ -162,8 +162,6 @@ const parametersEn = {
   LowVoltageLimitAdjustment: "Low voltage limit adjustment",
   HighVoltageLimitAdjustment: "High voltage limit adjustment",
   VoltageLevelFilterTooltip: "User entries are applied one after another starting at the top of the list. If a voltage level is included in more than one filter, an entry can therefore be replaced by a subsequent entry",
-  FilterInputMinError: "You must pick at least one filter",
-  ContingencyListInputMinError: "You must pick at least one contingency list",
   EquipmentSelection: "Equipment selection",
   ReactiveSlacksThreshold: "Alert threshold on reactive slacks",
   ReactiveSlacksThresholdMustBeGreaterOrEqualToZero: "The threshold must be greater or equal to 0",

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

@@ -168,8 +168,6 @@ export declare const parametersFr: {
     LowVoltageLimitAdjustment: string;
     HighVoltageLimitAdjustment: string;
     VoltageLevelFilterTooltip: string;
-    FilterInputMinError: string;
-    ContingencyListInputMinError: string;
     EquipmentSelection: string;
     ReactiveSlacksThreshold: string;
     ReactiveSlacksThresholdMustBeGreaterOrEqualToZero: string;

package/dist/translations/fr/parameters.js

@@ -162,8 +162,6 @@ const parametersFr = {
   LowVoltageLimitAdjustment: "Modification limite basse",
   HighVoltageLimitAdjustment: "Modification limite haute",
   VoltageLevelFilterTooltip: "Les saisies sont appliquées dans l'ordre de la liste (en remplaçant éventuellement des saisies au fur et à mesure si un poste est inclus dans plusieurs filtres)",
-  FilterInputMinError: "Vous devez sélectionner au moins un filtre",
-  ContingencyListInputMinError: "Vous devez sélectionner au moins une liste d'aléas",
   EquipmentSelection: "Sélection des ouvrages",
   ReactiveSlacksThreshold: "Seuil d'alerte sur les investissements réactifs",
   ReactiveSlacksThresholdMustBeGreaterOrEqualToZero: "Le seuil doit être supérieur ou égal à 0",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.220.0",
+    "version": "0.221.1",
     "description": "common react components for gridsuite applications",
     "author": "gridsuite team",
     "homepage": "https://github.com/gridsuite",