@gridsuite/commons-ui 0.78.0 → 0.79.0

package/dist/components/customAGGrid/customAggrid.js

@@ -15,7 +15,7 @@ const onColumnResized = (params) => {
   if (column && colDefinedMinWidth && finished) {
     const newWidth = column == null ? void 0 : column.getActualWidth();
     if (newWidth < colDefinedMinWidth) {
-      column == null ? void 0 : column.setActualWidth(colDefinedMinWidth, params.source);
+      params.api.setColumnWidths([{ key: column, newWidth: colDefinedMinWidth }], finished, params.source);
     }
   }
 };
@@ -48,9 +48,9 @@ const CustomAGGrid = React.forwardRef((props, ref) => {
         {
           ref,
           getLocaleText,
-          suppressPropertyNamesCheck: true,
           onColumnResized,
           enableCellTextSelection: true,
+          theme: "legacy",
           ...agGridReactProps
         }
       )

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

@@ -6,7 +6,7 @@ import { Box } from "@mui/material";
 import { v4 } from "uuid";
 import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
 import "../../../utils/yupConfig.js";
-import { ROW_DRAGGING_SELECTION_COLUMN_DEF, CustomAgGridTable } from "../../inputs/reactHookForm/agGridTable/CustomAgGridTable.js";
+import { CustomAgGridTable } from "../../inputs/reactHookForm/agGridTable/CustomAgGridTable.js";
 import { SelectInput } from "../../inputs/reactHookForm/selectInputs/SelectInput.js";
 import { Generator, Load } from "../../../utils/types/equipmentTypes.js";
 import { NumericEditor } from "../../inputs/reactHookForm/agGridTable/cellEditors/numericEditor.js";
@@ -86,11 +86,11 @@ function ExplicitNamingFilterForm({ sourceFilterForExplicitNamingConversion }) {
   }, [sourceFilterForExplicitNamingConversion, setValue]);
   const columnDefs = useMemo(() => {
     const newColumnDefs = [
-      ...ROW_DRAGGING_SELECTION_COLUMN_DEF,
       {
         headerName: intl.formatMessage({
           id: FieldConstants.EQUIPMENT_ID
         }),
+        rowDrag: true,
         field: FieldConstants.EQUIPMENT_ID,
         editable: true,
         singleClickEdit: true,
@@ -200,7 +200,12 @@ function ExplicitNamingFilterForm({ sourceFilterForExplicitNamingConversion }) {
         makeDefaultRowData,
         pagination: true,
         paginationPageSize: 100,
-        suppressRowClickSelection: true,
+        rowSelection: {
+          mode: "multiRow",
+          enableClickSelection: false,
+          checkboxes: true,
+          headerCheckbox: true
+        },
         alwaysShowVerticalScroll: true,
         stopEditingWhenCellsLoseFocus: true,
         csvProps: {

package/dist/components/index.js

@@ -42,7 +42,7 @@ import { SelectClearable } from "./inputs/SelectClearable.js";
 import { DirectoryItemsInput, NAME } from "./inputs/reactHookForm/DirectoryItemsInput.js";
 import { RawReadOnlyInput } from "./inputs/reactHookForm/RawReadOnlyInput.js";
 import { BottomRightButtons } from "./inputs/reactHookForm/agGridTable/BottomRightButtons.js";
-import { CustomAgGridTable, ROW_DRAGGING_SELECTION_COLUMN_DEF } from "./inputs/reactHookForm/agGridTable/CustomAgGridTable.js";
+import { CustomAgGridTable } from "./inputs/reactHookForm/agGridTable/CustomAgGridTable.js";
 import { NumericEditor } from "./inputs/reactHookForm/agGridTable/cellEditors/numericEditor.js";
 import { CsvUploader } from "./inputs/reactHookForm/agGridTable/csvUploader/CsvUploader.js";
 import { AutocompleteInput } from "./inputs/reactHookForm/autocompleteInputs/AutocompleteInput.js";
@@ -189,7 +189,6 @@ export {
   PropertyValueEditor,
   RATIO_REGULATION_MODE_OPTIONS,
   REGULATION_TYPE_OPTIONS,
-  ROW_DRAGGING_SELECTION_COLUMN_DEF,
   RULES,
   RadioInput,
   RangeInput,

package/dist/components/inputs/index.js

@@ -2,7 +2,7 @@ import { SelectClearable } from "./SelectClearable.js";
 import { DirectoryItemsInput, NAME } from "./reactHookForm/DirectoryItemsInput.js";
 import { RawReadOnlyInput } from "./reactHookForm/RawReadOnlyInput.js";
 import { BottomRightButtons } from "./reactHookForm/agGridTable/BottomRightButtons.js";
-import { CustomAgGridTable, ROW_DRAGGING_SELECTION_COLUMN_DEF } from "./reactHookForm/agGridTable/CustomAgGridTable.js";
+import { CustomAgGridTable } from "./reactHookForm/agGridTable/CustomAgGridTable.js";
 import { NumericEditor } from "./reactHookForm/agGridTable/cellEditors/numericEditor.js";
 import { CsvUploader } from "./reactHookForm/agGridTable/csvUploader/CsvUploader.js";
 import { AutocompleteInput } from "./reactHookForm/autocompleteInputs/AutocompleteInput.js";
@@ -84,7 +84,6 @@ export {
   NAME,
   NumericEditor,
   PropertyValueEditor,
-  ROW_DRAGGING_SELECTION_COLUMN_DEF,
   RadioInput,
   RangeInput,
   RangeType,

package/dist/components/inputs/reactHookForm/agGridTable/CustomAgGridTable.d.ts

@@ -1,10 +1,5 @@
+import { AgGridReactProps } from 'ag-grid-react';
 
-export declare const ROW_DRAGGING_SELECTION_COLUMN_DEF: {
-    rowDrag: boolean;
-    headerCheckboxSelection: boolean;
-    checkboxSelection: boolean;
-    maxWidth: number;
-}[];
 export interface CustomAgGridTableProps {
     name: string;
     columnDefs: any;
@@ -14,8 +9,8 @@ export interface CustomAgGridTableProps {
     defaultColDef: unknown;
     pagination: boolean;
     paginationPageSize: number;
-    suppressRowClickSelection: boolean;
+    rowSelection?: AgGridReactProps['rowSelection'];
     alwaysShowVerticalScroll: boolean;
     stopEditingWhenCellsLoseFocus: boolean;
 }
-export declare function CustomAgGridTable({ name, columnDefs, makeDefaultRowData, csvProps, cssProps, defaultColDef, pagination, paginationPageSize, suppressRowClickSelection, alwaysShowVerticalScroll, stopEditingWhenCellsLoseFocus, ...props }: CustomAgGridTableProps): import("react/jsx-runtime").JSX.Element;
+export declare function CustomAgGridTable({ name, columnDefs, makeDefaultRowData, csvProps, cssProps, defaultColDef, pagination, paginationPageSize, rowSelection, alwaysShowVerticalScroll, stopEditingWhenCellsLoseFocus, ...props }: Readonly<CustomAgGridTableProps>): import("react/jsx-runtime").JSX.Element;

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

@@ -8,14 +8,6 @@ import { useTheme, Box } from "@mui/material";
 import { useIntl } from "react-intl";
 import { BottomRightButtons } from "./BottomRightButtons.js";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
-const ROW_DRAGGING_SELECTION_COLUMN_DEF = [
-  {
-    rowDrag: true,
-    headerCheckboxSelection: true,
-    checkboxSelection: true,
-    maxWidth: 50
-  }
-];
 const style = (customProps) => ({
   grid: (theme) => ({
     width: "auto",
@@ -80,7 +72,7 @@ function CustomAgGridTable({
   defaultColDef,
   pagination,
   paginationPageSize,
-  suppressRowClickSelection,
+  rowSelection,
   alwaysShowVerticalScroll,
   stopEditingWhenCellsLoseFocus,
   ...props
@@ -190,11 +182,10 @@ function CustomAgGridTable({
         onGridReady,
         getLocaleText,
         cacheOverflowSize: 10,
-        rowSelection: "multiple",
+        rowSelection: rowSelection ?? "multiple",
         rowDragEntireRow: true,
         rowDragManaged: true,
         onRowDragEnd: (e) => move(getIndex(e.node.data), e.overIndex),
-        suppressBrowserResizeObserver: true,
         columnDefs,
         detailRowAutoHeight: true,
         onSelectionChanged: () => {
@@ -206,9 +197,9 @@ function CustomAgGridTable({
         getRowId: (row) => row.data[FieldConstants.AG_GRID_ROW_UUID],
         pagination,
         paginationPageSize,
-        suppressRowClickSelection,
         alwaysShowVerticalScroll,
         stopEditingWhenCellsLoseFocus,
+        theme: "legacy",
         ...props
       }
     ) }),
@@ -230,6 +221,5 @@ function CustomAgGridTable({
   ] });
 }
 export {
-  CustomAgGridTable,
-  ROW_DRAGGING_SELECTION_COLUMN_DEF
+  CustomAgGridTable
 };

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

@@ -1,11 +1,10 @@
 import { BottomRightButtons } from "./BottomRightButtons.js";
-import { CustomAgGridTable, ROW_DRAGGING_SELECTION_COLUMN_DEF } from "./CustomAgGridTable.js";
+import { CustomAgGridTable } from "./CustomAgGridTable.js";
 import { NumericEditor } from "./cellEditors/numericEditor.js";
 import { CsvUploader } from "./csvUploader/CsvUploader.js";
 export {
   BottomRightButtons,
   CsvUploader,
   CustomAgGridTable,
-  NumericEditor,
-  ROW_DRAGGING_SELECTION_COLUMN_DEF
+  NumericEditor
 };

package/dist/components/inputs/reactHookForm/index.js

@@ -1,7 +1,7 @@
 import { DirectoryItemsInput, NAME } from "./DirectoryItemsInput.js";
 import { RawReadOnlyInput } from "./RawReadOnlyInput.js";
 import { BottomRightButtons } from "./agGridTable/BottomRightButtons.js";
-import { CustomAgGridTable, ROW_DRAGGING_SELECTION_COLUMN_DEF } from "./agGridTable/CustomAgGridTable.js";
+import { CustomAgGridTable } from "./agGridTable/CustomAgGridTable.js";
 import { NumericEditor } from "./agGridTable/cellEditors/numericEditor.js";
 import { CsvUploader } from "./agGridTable/csvUploader/CsvUploader.js";
 import { AutocompleteInput } from "./autocompleteInputs/AutocompleteInput.js";
@@ -59,7 +59,6 @@ export {
   MultipleAutocompleteInput,
   NAME,
   NumericEditor,
-  ROW_DRAGGING_SELECTION_COLUMN_DEF,
   RadioInput,
   RangeInput,
   RangeType,

package/dist/index.js

@@ -43,7 +43,7 @@ import { SelectClearable } from "./components/inputs/SelectClearable.js";
 import { DirectoryItemsInput, NAME } from "./components/inputs/reactHookForm/DirectoryItemsInput.js";
 import { RawReadOnlyInput } from "./components/inputs/reactHookForm/RawReadOnlyInput.js";
 import { BottomRightButtons } from "./components/inputs/reactHookForm/agGridTable/BottomRightButtons.js";
-import { CustomAgGridTable, ROW_DRAGGING_SELECTION_COLUMN_DEF } from "./components/inputs/reactHookForm/agGridTable/CustomAgGridTable.js";
+import { CustomAgGridTable } from "./components/inputs/reactHookForm/agGridTable/CustomAgGridTable.js";
 import { NumericEditor } from "./components/inputs/reactHookForm/agGridTable/cellEditors/numericEditor.js";
 import { CsvUploader } from "./components/inputs/reactHookForm/agGridTable/csvUploader/CsvUploader.js";
 import { AutocompleteInput } from "./components/inputs/reactHookForm/autocompleteInputs/AutocompleteInput.js";
@@ -305,7 +305,6 @@ export {
   RATIO_REGULATION_MODE_OPTIONS,
   REGULATION_TYPE_OPTIONS,
   RESET_AUTHENTICATION_ROUTER_ERROR,
-  ROW_DRAGGING_SELECTION_COLUMN_DEF,
   RULES,
   RadioInput,
   RangeInput,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.78.0",
+    "version": "0.79.0",
     "description": "common react components for gridsuite applications",
     "engines": {
         "npm": ">=9",
@@ -54,8 +54,8 @@
         "@mui/material": "^5.15.14",
         "@mui/system": "^5.15.15",
         "@mui/x-tree-view": "^6.17.0",
-        "ag-grid-community": "^31.0.0",
-        "ag-grid-react": "^31.2.0",
+        "ag-grid-community": "^33.0.3",
+        "ag-grid-react": "^33.0.3",
         "notistack": "^3.0.1",
         "papaparse": "^5.4.1",
         "react": "^18.2.0",
@@ -101,8 +101,8 @@
         "@typescript-eslint/eslint-plugin": "^7.0.0",
         "@typescript-eslint/parser": "^7.0.0",
         "@vitejs/plugin-react": "^4.2.1",
-        "ag-grid-community": "^31.0.0",
-        "ag-grid-react": "^31.2.0",
+        "ag-grid-community": "^33.0.3",
+        "ag-grid-react": "^33.0.3",
         "babel-eslint": "^10.1.0",
         "babel-preset-airbnb": "^5.0.0",
         "babel-preset-vite": "^1.1.3",