@lowdefy/blocks-aggrid 4.7.3 → 5.0.0

package/dist/blocks/AgGridInputBalham/AgGridInputBalham.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2021 Lowdefy, Inc
+  Copyright 2020-2026 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -13,15 +13,20 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */ import React from 'react';
-import { blockDefaultProps } from '@lowdefy/block-utils';
+import { withBlockDefaults } from '@lowdefy/block-utils';
+import '@ag-grid-community/styles/ag-grid.css';
+import '@ag-grid-community/styles/ag-theme-balham.css';
+import antdStyles from '../../ag-grid-antd.module.css';
 import AgGridInput from '../../AgGridInput.js';
-const AgGridInputBalham = ({ blockId, events, loading, methods, properties, required, validation, value })=>/*#__PURE__*/ React.createElement("div", {
+const AgGridInputBalham = ({ blockId, events, loading, methods, properties, required, styles, validation, value })=>{
+    return /*#__PURE__*/ React.createElement("div", {
         id: blockId,
-        className: `ag-theme-balham ${methods.makeCssClass({
+        className: `ag-theme-balham ${antdStyles.antdTheme}`,
+        style: {
             width: '100%',
             height: properties.height ?? 500,
-            ...properties.style
-        })}`
+            ...styles?.element
+        }
     }, /*#__PURE__*/ React.createElement(AgGridInput, {
         blockId: blockId,
         events: events,
@@ -32,13 +37,5 @@ const AgGridInputBalham = ({ blockId, events, loading, methods, properties, requ
         validation: validation,
         value: value
     }));
-AgGridInputBalham.defaultProps = blockDefaultProps;
-AgGridInputBalham.meta = {
-    category: 'input',
-    valueType: 'array',
-    icons: [],
-    styles: [
-        'blocks/AgGridInputBalham/style.less'
-    ]
 };
-export default AgGridInputBalham;
+export default withBlockDefaults(AgGridInputBalham);

package/dist/blocks/AgGridInputBalham/meta.js

@@ -0,0 +1,181 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ export default {
+    category: 'input',
+    icons: [],
+    valueType: 'array',
+    cssKeys: {
+        element: 'The AgGridInputBalham element.'
+    },
+    events: {
+        onCellClick: {
+            description: 'Trigger event when a cell is clicked.',
+            event: {
+                cell: 'The clicked cell with column and value.',
+                colId: 'The column id.',
+                row: 'The row data.',
+                rowIndex: 'The row index.',
+                selected: 'All selected rows.'
+            }
+        },
+        onFilterChanged: {
+            description: 'Trigger event when the filter changes.',
+            event: {
+                rows: 'The displayed rows after filtering.',
+                filter: 'The filter model.'
+            }
+        },
+        onRowClick: {
+            description: 'Trigger event when a row is clicked.',
+            event: {
+                row: 'The row data.',
+                selected: 'All selected rows.',
+                rowIndex: 'The row index.'
+            }
+        },
+        onRowSelected: {
+            description: 'Trigger event when a row is selected.',
+            event: {
+                row: 'The row data.',
+                rowIndex: 'The row index.',
+                selected: 'All selected rows.'
+            }
+        },
+        onSelectionChanged: {
+            description: 'Triggered when the selected rows are changed.',
+            event: {
+                selected: 'All selected rows.'
+            }
+        },
+        onSortChanged: {
+            description: 'Trigger event when the sort changes.',
+            event: {
+                rows: 'The displayed rows after sorting.',
+                sort: 'The sort column state.'
+            }
+        },
+        onCellValueChanged: {
+            description: 'Triggered when a cell value is changed on the grid.',
+            event: {
+                field: 'The column field name.',
+                newRowData: 'All row data after the change.',
+                newValue: 'The new cell value.',
+                oldValue: 'The previous cell value.',
+                rowData: 'The changed row data.',
+                rowIndex: 'The row index.'
+            }
+        },
+        onRowDragEnd: {
+            description: 'Triggered when a row is dragged to another position in the grid.',
+            event: {
+                fromData: 'The dragged row data.',
+                toData: 'The target row data.',
+                fromIndex: 'The original row index.',
+                toIndex: 'The new row index.',
+                newRowData: 'All row data after reorder.'
+            }
+        }
+    },
+    properties: {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+            height: {
+                type: [
+                    'number',
+                    'string'
+                ],
+                default: 'auto',
+                description: 'Specify table height explicitly, in pixel.'
+            },
+            rowData: {
+                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/).'
+            },
+            columnDefs: {
+                type: 'array',
+                description: 'A list of properties for each column.',
+                items: {
+                    type: 'object',
+                    properties: {
+                        field: {
+                            type: 'string',
+                            description: "The field of the row object to get the cell's data from. Deep references into a row object is supported via dot notation, i.e 'address.firstLine'."
+                        },
+                        headerName: {
+                            type: 'string',
+                            description: 'The name to render in the column header. If not specified and field is specified, the field name will be used as the header name.'
+                        },
+                        editable: {
+                            type: 'boolean',
+                            default: false,
+                            description: 'Set to true if this column is editable, otherwise false.'
+                        },
+                        rowDrag: {
+                            type: [
+                                'boolean',
+                                'object'
+                            ],
+                            default: false,
+                            description: 'Set to true (or return true from function) to allow row dragging.'
+                        },
+                        filter: {
+                            type: 'boolean',
+                            default: false,
+                            description: 'Filter component to use for this column. Set to true to use the default filter.'
+                        },
+                        sortable: {
+                            type: 'boolean',
+                            default: false,
+                            description: 'Set to true to allow sorting on this column.'
+                        },
+                        resizable: {
+                            type: 'boolean',
+                            default: false,
+                            description: 'Set to true to allow this column should be resized.'
+                        },
+                        width: {
+                            type: 'number',
+                            description: 'Initial width in pixels for the cell.'
+                        },
+                        cellStyle: {
+                            type: 'number',
+                            description: 'An object of css values returning an object of css values for a particular cell.'
+                        },
+                        cellRenderer: {
+                            type: 'object',
+                            description: "Provide your own cell Renderer function (using the `_function` operator) for this column's cells."
+                        },
+                        valueFormatter: {
+                            type: [
+                                'object',
+                                'string'
+                            ],
+                            description: 'A function (using the `_function` operator) or expression to format a value, should return a string. Not used for CSV export or copy to clipboard, only for UI cell rendering.'
+                        }
+                    }
+                }
+            }
+        }
+    }
+};

package/dist/blocks/AgGridInputMaterial/AgGridInputMaterial.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2021 Lowdefy, Inc
+  Copyright 2020-2026 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -13,15 +13,20 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */ import React from 'react';
-import { blockDefaultProps } from '@lowdefy/block-utils';
+import { withBlockDefaults } from '@lowdefy/block-utils';
+import '@ag-grid-community/styles/ag-grid.css';
+import '@ag-grid-community/styles/ag-theme-material.css';
+import antdStyles from '../../ag-grid-antd.module.css';
 import AgGridInput from '../../AgGridInput.js';
-const AgGridInputMaterial = ({ blockId, events, loading, methods, properties, required, validation, value })=>/*#__PURE__*/ React.createElement("div", {
+const AgGridInputMaterial = ({ blockId, events, loading, methods, properties, required, styles, validation, value })=>{
+    return /*#__PURE__*/ React.createElement("div", {
         id: blockId,
-        className: `ag-theme-material ${methods.makeCssClass({
+        className: `ag-theme-material ${antdStyles.antdTheme}`,
+        style: {
             width: '100%',
             height: properties.height ?? 500,
-            ...properties.style
-        })}`
+            ...styles?.element
+        }
     }, /*#__PURE__*/ React.createElement(AgGridInput, {
         blockId: blockId,
         events: events,
@@ -32,13 +37,5 @@ const AgGridInputMaterial = ({ blockId, events, loading, methods, properties, re
         validation: validation,
         value: value
     }));
-AgGridInputMaterial.defaultProps = blockDefaultProps;
-AgGridInputMaterial.meta = {
-    category: 'input',
-    valueType: 'array',
-    icons: [],
-    styles: [
-        'blocks/AgGridInputMaterial/style.less'
-    ]
 };
-export default AgGridInputMaterial;
+export default withBlockDefaults(AgGridInputMaterial);

package/dist/blocks/AgGridInputMaterial/meta.js

@@ -0,0 +1,181 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ export default {
+    category: 'input',
+    icons: [],
+    valueType: 'array',
+    cssKeys: {
+        element: 'The AgGridInputMaterial element.'
+    },
+    events: {
+        onCellClick: {
+            description: 'Trigger event when a cell is clicked.',
+            event: {
+                cell: 'The clicked cell with column and value.',
+                colId: 'The column id.',
+                row: 'The row data.',
+                rowIndex: 'The row index.',
+                selected: 'All selected rows.'
+            }
+        },
+        onFilterChanged: {
+            description: 'Trigger event when the filter changes.',
+            event: {
+                rows: 'The displayed rows after filtering.',
+                filter: 'The filter model.'
+            }
+        },
+        onRowClick: {
+            description: 'Trigger event when a row is clicked.',
+            event: {
+                row: 'The row data.',
+                selected: 'All selected rows.',
+                rowIndex: 'The row index.'
+            }
+        },
+        onRowSelected: {
+            description: 'Trigger event when a row is selected.',
+            event: {
+                row: 'The row data.',
+                rowIndex: 'The row index.',
+                selected: 'All selected rows.'
+            }
+        },
+        onSelectionChanged: {
+            description: 'Triggered when the selected rows are changed.',
+            event: {
+                selected: 'All selected rows.'
+            }
+        },
+        onSortChanged: {
+            description: 'Trigger event when the sort changes.',
+            event: {
+                rows: 'The displayed rows after sorting.',
+                sort: 'The sort column state.'
+            }
+        },
+        onCellValueChanged: {
+            description: 'Triggered when a cell value is changed on the grid.',
+            event: {
+                field: 'The column field name.',
+                newRowData: 'All row data after the change.',
+                newValue: 'The new cell value.',
+                oldValue: 'The previous cell value.',
+                rowData: 'The changed row data.',
+                rowIndex: 'The row index.'
+            }
+        },
+        onRowDragEnd: {
+            description: 'Triggered when a row is dragged to another position in the grid.',
+            event: {
+                fromData: 'The dragged row data.',
+                toData: 'The target row data.',
+                fromIndex: 'The original row index.',
+                toIndex: 'The new row index.',
+                newRowData: 'All row data after reorder.'
+            }
+        }
+    },
+    properties: {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+            height: {
+                type: [
+                    'number',
+                    'string'
+                ],
+                default: 'auto',
+                description: 'Specify table height explicitly, in pixel.'
+            },
+            rowData: {
+                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/).'
+            },
+            columnDefs: {
+                type: 'array',
+                description: 'A list of properties for each column.',
+                items: {
+                    type: 'object',
+                    properties: {
+                        field: {
+                            type: 'string',
+                            description: "The field of the row object to get the cell's data from. Deep references into a row object is supported via dot notation, i.e 'address.firstLine'."
+                        },
+                        headerName: {
+                            type: 'string',
+                            description: 'The name to render in the column header. If not specified and field is specified, the field name will be used as the header name.'
+                        },
+                        editable: {
+                            type: 'boolean',
+                            default: false,
+                            description: 'Set to true if this column is editable, otherwise false.'
+                        },
+                        rowDrag: {
+                            type: [
+                                'boolean',
+                                'object'
+                            ],
+                            default: false,
+                            description: 'Set to true (or return true from function) to allow row dragging.'
+                        },
+                        filter: {
+                            type: 'boolean',
+                            default: false,
+                            description: 'Filter component to use for this column. Set to true to use the default filter.'
+                        },
+                        sortable: {
+                            type: 'boolean',
+                            default: false,
+                            description: 'Set to true to allow sorting on this column.'
+                        },
+                        resizable: {
+                            type: 'boolean',
+                            default: false,
+                            description: 'Set to true to allow this column should be resized.'
+                        },
+                        width: {
+                            type: 'number',
+                            description: 'Initial width in pixels for the cell.'
+                        },
+                        cellStyle: {
+                            type: 'number',
+                            description: 'An object of css values returning an object of css values for a particular cell.'
+                        },
+                        cellRenderer: {
+                            type: 'object',
+                            description: "Provide your own cell Renderer function (using the `_function` operator) for this column's cells."
+                        },
+                        valueFormatter: {
+                            type: [
+                                'object',
+                                'string'
+                            ],
+                            description: 'A function (using the `_function` operator) or expression to format a value, should return a string. Not used for CSV export or copy to clipboard, only for UI cell rendering.'
+                        }
+                    }
+                }
+            }
+        }
+    }
+};

package/dist/blocks/AgGridMaterial/AgGridMaterial.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2021 Lowdefy, Inc
+  Copyright 2020-2026 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -13,27 +13,25 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */ import React from 'react';
-import { blockDefaultProps } from '@lowdefy/block-utils';
+import { withBlockDefaults } from '@lowdefy/block-utils';
+import '@ag-grid-community/styles/ag-grid.css';
+import '@ag-grid-community/styles/ag-theme-material.css';
+import antdStyles from '../../ag-grid-antd.module.css';
 import AgGrid from '../../AgGrid.js';
-const AgGridMaterial = ({ blockId, events, loading, methods, properties })=>/*#__PURE__*/ React.createElement("div", {
+const AgGridMaterial = ({ blockId, events, loading, methods, properties, styles })=>{
+    return /*#__PURE__*/ React.createElement("div", {
         id: blockId,
-        className: `ag-theme-material ${methods.makeCssClass({
+        className: `ag-theme-material ${antdStyles.antdTheme}`,
+        style: {
             width: '100%',
             height: properties.height ?? 500,
-            ...properties.style
-        })}`
+            ...styles?.element
+        }
     }, /*#__PURE__*/ React.createElement(AgGrid, {
         events: events,
         loading: loading,
         methods: methods,
         properties: properties
     }));
-AgGridMaterial.defaultProps = blockDefaultProps;
-AgGridMaterial.meta = {
-    category: 'display',
-    icons: [],
-    styles: [
-        'blocks/AgGridMaterial/style.less'
-    ]
 };
-export default AgGridMaterial;
+export default withBlockDefaults(AgGridMaterial);

package/dist/blocks/AgGridMaterial/meta.js

@@ -0,0 +1,147 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ export default {
+    category: 'display',
+    icons: [],
+    valueType: null,
+    cssKeys: {
+        element: 'The AgGridMaterial element.'
+    },
+    events: {
+        onCellClick: {
+            description: 'Trigger event when a cell is clicked.',
+            event: {
+                cell: 'The clicked cell with column and value.',
+                colId: 'The column id.',
+                row: 'The row data.',
+                rowIndex: 'The row index.',
+                selected: 'All selected rows.'
+            }
+        },
+        onFilterChanged: {
+            description: 'Trigger event when the filter changes.',
+            event: {
+                rows: 'The displayed rows after filtering.',
+                filter: 'The filter model.'
+            }
+        },
+        onRowClick: {
+            description: 'Trigger event when a row is clicked.',
+            event: {
+                row: 'The row data.',
+                selected: 'All selected rows.',
+                rowIndex: 'The row index.'
+            }
+        },
+        onRowSelected: {
+            description: 'Trigger event when a row is selected.',
+            event: {
+                row: 'The row data.',
+                rowIndex: 'The row index.',
+                selected: 'All selected rows.'
+            }
+        },
+        onSelectionChanged: {
+            description: 'Triggered when the selected rows are changed.',
+            event: {
+                selected: 'All selected rows.'
+            }
+        },
+        onSortChanged: {
+            description: 'Trigger event when the sort changes.',
+            event: {
+                rows: 'The displayed rows after sorting.',
+                sort: 'The sort column state.'
+            }
+        }
+    },
+    properties: {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+            height: {
+                type: [
+                    'number',
+                    'string'
+                ],
+                default: 'auto',
+                description: 'Specify table height explicitly, in pixel.'
+            },
+            rowData: {
+                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/).'
+            },
+            columnDefs: {
+                type: 'array',
+                description: 'A list of properties for each column.',
+                items: {
+                    type: 'object',
+                    properties: {
+                        field: {
+                            type: 'string',
+                            description: "The field of the row object to get the cell's data from. Deep references into a row object is supported via dot notation, i.e 'address.firstLine'."
+                        },
+                        headerName: {
+                            type: 'string',
+                            description: 'The name to render in the column header. If not specified and field is specified, the field name will be used as the header name.'
+                        },
+                        filter: {
+                            type: 'boolean',
+                            default: false,
+                            description: 'Filter component to use for this column. Set to true to use the default filter.'
+                        },
+                        sortable: {
+                            type: 'boolean',
+                            default: false,
+                            description: 'Set to true to allow sorting on this column.'
+                        },
+                        resizable: {
+                            type: 'boolean',
+                            default: false,
+                            description: 'Set to true to allow this column should be resized.'
+                        },
+                        width: {
+                            type: 'number',
+                            description: 'Initial width in pixels for the cell.'
+                        },
+                        cellStyle: {
+                            type: 'number',
+                            description: 'An object of css values returning an object of css values for a particular cell.'
+                        },
+                        cellRenderer: {
+                            type: 'object',
+                            description: "Provide your own cell Renderer function (using the `_function` operator) for this column's cells."
+                        },
+                        valueFormatter: {
+                            type: [
+                                'object',
+                                'string'
+                            ],
+                            description: 'A function (using the `_function` operator) or expression to format a value, should return a string. Not used for CSV export or copy to clipboard, only for UI cell rendering.'
+                        }
+                    }
+                }
+            }
+        }
+    }
+};

package/dist/blocks.js

@@ -13,12 +13,8 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */ export { default as AgGridAlpine } from './blocks/AgGridAlpine/AgGridAlpine.js';
-export { default as AgGridAlpineDark } from './blocks/AgGridAlpineDark/AgGridAlpineDark.js';
 export { default as AgGridBalham } from './blocks/AgGridBalham/AgGridBalham.js';
-export { default as AgGridBalhamDark } from './blocks/AgGridBalhamDark/AgGridBalhamDark.js';
 export { default as AgGridInputAlpine } from './blocks/AgGridInputAlpine/AgGridInputAlpine.js';
-export { default as AgGridInputAlpineDark } from './blocks/AgGridInputAlpineDark/AgGridInputAlpineDark.js';
 export { default as AgGridInputBalham } from './blocks/AgGridInputBalham/AgGridInputBalham.js';
-export { default as AgGridInputBalhamDark } from './blocks/AgGridInputBalhamDark/AgGridInputBalhamDark.js';
 export { default as AgGridInputMaterial } from './blocks/AgGridInputMaterial/AgGridInputMaterial.js';
 export { default as AgGridMaterial } from './blocks/AgGridMaterial/AgGridMaterial.js';