@lowdefy/blocks-aggrid 4.1.0 → 4.2.0

package/dist/AgGrid.js

@@ -22,6 +22,7 @@ const AgGrid = ({ properties, methods, loading, events })=>{
     const [rowData, setRowData] = useState(newRowData ?? []);
     const gridRef = useRef();
     const memoDefaultColDef = useMemo(()=>defaultColDef);
+    const getRowId = useCallback((params)=>params.data[properties.rowId] ?? params.data.id ?? params.data._id ?? JSON.stringify(params.data), []);
     const onRowClick = useCallback((event)=>{
         if (events.onRowClick) {
             methods.triggerEvent({
@@ -83,7 +84,7 @@ const AgGrid = ({ properties, methods, loading, events })=>{
                 name: 'onFilterChanged',
                 event: {
                     rows: event.api.rowModel.rowsToDisplay.map((row)=>row.data),
-                    filter: this.gridApi.getFilterModel()
+                    filter: gridRef.current.api.getFilterModel()
                 }
             });
         }
@@ -100,7 +101,6 @@ const AgGrid = ({ properties, methods, loading, events })=>{
         }
     }, []);
     useEffect(()=>{
-        methods.registerMethod('exportDataAsCsv', (args)=>gridRef.current.api.exportDataAsCsv(args));
         methods.registerMethod('exportDataAsCsv', (args)=>gridRef.current.api.exportDataAsCsv(args));
         methods.registerMethod('sizeColumnsToFit', ()=>gridRef.current.api.sizeColumnsToFit());
         methods.registerMethod('setFilterModel', (model)=>gridRef.current.api.setFilterModel(model));
@@ -149,7 +149,8 @@ const AgGrid = ({ properties, methods, loading, events })=>{
             CsvExportModule
         ],
         columnDefs: processColDefs(columnDefs, methods),
-        ref: gridRef
+        ref: gridRef,
+        getRowId: getRowId
     });
 };
 export default AgGrid;

package/dist/AgGridInput.js

@@ -22,6 +22,7 @@ const AgGridInput = ({ properties, methods, loading, events, value })=>{
     const [rowData, setRowData] = useState(value ?? []);
     const gridRef = useRef();
     const memoDefaultColDef = useMemo(()=>defaultColDef);
+    const getRowId = useCallback((params)=>params.data[properties.rowId] ?? params.data.id ?? params.data._id ?? JSON.stringify(params.data), []);
     const onRowClick = useCallback((event)=>{
         if (events.onRowClick) {
             methods.triggerEvent({
@@ -83,7 +84,7 @@ const AgGridInput = ({ properties, methods, loading, events, value })=>{
                 name: 'onFilterChanged',
                 event: {
                     rows: event.api.rowModel.rowsToDisplay.map((row)=>row.data),
-                    filter: this.gridApi.getFilterModel()
+                    filter: gridRef.current.api.getFilterModel()
                 }
             });
         }
@@ -200,7 +201,8 @@ const AgGridInput = ({ properties, methods, loading, events, value })=>{
             CsvExportModule
         ],
         columnDefs: processColDefs(columnDefs, methods),
-        ref: gridRef
+        ref: gridRef,
+        getRowId: getRowId
     });
 };
 export default AgGridInput;

package/dist/blocks/AgGridAlpine/schema.json

@@ -14,6 +14,10 @@
           "type": "array",
           "description": "The list of data to display on the table."
         },
+        "rowId": {
+          "type": "string",
+          "description": "The data field to use in `getRowId` which results in Row Selection being maintained across Row Data changes (assuming the Row exists in both sets). See Ag Grid docs for more details (https://www.ag-grid.com/react-data-grid/data-update-row-data/)."
+        },
         "defaultColDef": {
           "type": "object",
           "description": "Column properties which get applied to all columns. See all (https://www.ag-grid.com/javascript-data-grid/column-properties/)."

package/dist/blocks/AgGridAlpineDark/schema.json

@@ -14,6 +14,10 @@
           "type": "array",
           "description": "The list of data to display on the table."
         },
+        "rowId": {
+          "type": "string",
+          "description": "The data field to use in `getRowId` which results in Row Selection being maintained across Row Data changes (assuming the Row exists in both sets). See Ag Grid docs for more details (https://www.ag-grid.com/react-data-grid/data-update-row-data/)."
+        },
         "defaultColDef": {
           "type": "object",
           "description": "Column properties which get applied to all columns. See all (https://www.ag-grid.com/javascript-data-grid/column-properties/)."

package/dist/blocks/AgGridBalham/schema.json

@@ -14,6 +14,10 @@
           "type": "array",
           "description": "The list of data to display on the table."
         },
+        "rowId": {
+          "type": "string",
+          "description": "The data field to use in `getRowId` which results in Row Selection being maintained across Row Data changes (assuming the Row exists in both sets). See Ag Grid docs for more details (https://www.ag-grid.com/react-data-grid/data-update-row-data/)."
+        },
         "defaultColDef": {
           "type": "object",
           "description": "Column properties which get applied to all columns. See all (https://www.ag-grid.com/javascript-data-grid/column-properties/)."

package/dist/blocks/AgGridBalhamDark/schema.json

@@ -14,6 +14,10 @@
           "type": "array",
           "description": "The list of data to display on the table."
         },
+        "rowId": {
+          "type": "string",
+          "description": "The data field to use in `getRowId` which results in Row Selection being maintained across Row Data changes (assuming the Row exists in both sets). See Ag Grid docs for more details (https://www.ag-grid.com/react-data-grid/data-update-row-data/)."
+        },
         "defaultColDef": {
           "type": "object",
           "description": "Column properties which get applied to all columns. See all (https://www.ag-grid.com/javascript-data-grid/column-properties/)."

package/dist/blocks/AgGridInputAlpine/schema.json

@@ -14,6 +14,10 @@
           "type": "array",
           "description": "The list of data to display on the table."
         },
+        "rowId": {
+          "type": "string",
+          "description": "The data field to use in `getRowId` which results in Row Selection being maintained across Row Data changes (assuming the Row exists in both sets). See Ag Grid docs for more details (https://www.ag-grid.com/react-data-grid/data-update-row-data/)."
+        },
         "defaultColDef": {
           "type": "object",
           "description": "Column properties which get applied to all columns. See all (https://www.ag-grid.com/javascript-data-grid/column-properties/)."

package/dist/blocks/AgGridInputAlpineDark/schema.json

@@ -14,6 +14,10 @@
           "type": "array",
           "description": "The list of data to display on the table."
         },
+        "rowId": {
+          "type": "string",
+          "description": "The data field to use in `getRowId` which results in Row Selection being maintained across Row Data changes (assuming the Row exists in both sets). See Ag Grid docs for more details (https://www.ag-grid.com/react-data-grid/data-update-row-data/)."
+        },
         "defaultColDef": {
           "type": "object",
           "description": "Column properties which get applied to all columns. See all (https://www.ag-grid.com/javascript-data-grid/column-properties/)."

package/dist/blocks/AgGridInputBalham/schema.json

@@ -14,6 +14,10 @@
           "type": "array",
           "description": "The list of data to display on the table."
         },
+        "rowId": {
+          "type": "string",
+          "description": "The data field to use in `getRowId` which results in Row Selection being maintained across Row Data changes (assuming the Row exists in both sets). See Ag Grid docs for more details (https://www.ag-grid.com/react-data-grid/data-update-row-data/)."
+        },
         "defaultColDef": {
           "type": "object",
           "description": "Column properties which get applied to all columns. See all (https://www.ag-grid.com/javascript-data-grid/column-properties/)."

package/dist/blocks/AgGridInputBalhamDark/schema.json

@@ -14,6 +14,10 @@
           "type": "array",
           "description": "The list of data to display on the table."
         },
+        "rowId": {
+          "type": "string",
+          "description": "The data field to use in `getRowId` which results in Row Selection being maintained across Row Data changes (assuming the Row exists in both sets). See Ag Grid docs for more details (https://www.ag-grid.com/react-data-grid/data-update-row-data/)."
+        },
         "defaultColDef": {
           "type": "object",
           "description": "Column properties which get applied to all columns. See all (https://www.ag-grid.com/javascript-data-grid/column-properties/)."

package/dist/blocks/AgGridInputMaterial/schema.json

@@ -14,6 +14,10 @@
           "type": "array",
           "description": "The list of data to display on the table."
         },
+        "rowId": {
+          "type": "string",
+          "description": "The data field to use in `getRowId` which results in Row Selection being maintained across Row Data changes (assuming the Row exists in both sets). See Ag Grid docs for more details (https://www.ag-grid.com/react-data-grid/data-update-row-data/)."
+        },
         "defaultColDef": {
           "type": "object",
           "description": "Column properties which get applied to all columns. See all (https://www.ag-grid.com/javascript-data-grid/column-properties/)."

package/dist/blocks/AgGridMaterial/schema.json

@@ -14,6 +14,10 @@
           "type": "array",
           "description": "The list of data to display on the table."
         },
+        "rowId": {
+          "type": "string",
+          "description": "The data field to use in `getRowId` which results in Row Selection being maintained across Row Data changes (assuming the Row exists in both sets). See Ag Grid docs for more details (https://www.ag-grid.com/react-data-grid/data-update-row-data/)."
+        },
         "defaultColDef": {
           "type": "object",
           "description": "Column properties which get applied to all columns. See all (https://www.ag-grid.com/javascript-data-grid/column-properties/)."

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/blocks-aggrid",
-  "version": "4.1.0",
+  "version": "4.2.0",
   "license": "Apache-2.0",
   "description": "AgGrid Blocks for Lowdefy.",
   "homepage": "https://lowdefy.com",
@@ -47,15 +47,15 @@
     "@ag-grid-community/csv-export": "30.2.0",
     "@ag-grid-community/react": "30.2.0",
     "@ag-grid-community/styles": "30.2.0",
-    "@lowdefy/block-utils": "4.1.0",
-    "@lowdefy/helpers": "4.1.0",
+    "@lowdefy/block-utils": "4.2.0",
+    "@lowdefy/helpers": "4.2.0",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
   "devDependencies": {
     "@emotion/jest": "11.10.5",
-    "@lowdefy/block-dev": "4.1.0",
-    "@lowdefy/jest-yaml-transform": "4.1.0",
+    "@lowdefy/block-dev": "4.2.0",
+    "@lowdefy/jest-yaml-transform": "4.2.0",
     "@swc/cli": "0.1.63",
     "@swc/core": "1.3.99",
     "@swc/jest": "0.2.29",