@lowdefy/blocks-aggrid 5.5.1 → 6.0.0

package/dist/blocks/AgGridInputBalham/tests/AgGridInputBalham.e2e.yaml

@@ -0,0 +1,365 @@
+# 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.
+
+id: aggridinputbalham
+type: Box
+
+events:
+  onInit:
+    - id: set_defaults
+      type: SetState
+      params:
+        aggridinputbalham_basic:
+          - name: Alice
+            age: 25
+          - name: Bob
+            age: 30
+          - name: Charlie
+            age: 35
+        aggridinputbalham_height:
+          - name: Alice
+          - name: Bob
+        aggridinputbalham_default_col_def:
+          - name: Alice
+            age: 25
+          - name: Bob
+            age: 30
+        aggridinputbalham_onrowclick:
+          - name: Alice
+            age: 25
+          - name: Bob
+            age: 30
+        aggridinputbalham_oncellclick:
+          - name: Alice
+            age: 25
+          - name: Bob
+            age: 30
+        aggridinputbalham_onrowselected:
+          - name: Alice
+            age: 25
+          - name: Bob
+            age: 30
+        aggridinputbalham_sortable:
+          - name: Charlie
+            age: 35
+          - name: Alice
+            age: 25
+          - name: Bob
+            age: 30
+        aggridinputbalham_filterable:
+          - name: Alice
+            age: 25
+          - name: Bob
+            age: 30
+          - name: Charlie
+            age: 35
+        aggridinputbalham_editable:
+          - name: Alice
+            age: 25
+          - name: Bob
+            age: 30
+        aggridinputbalham_rowdrag:
+          - name: Alice
+            age: 25
+          - name: Bob
+            age: 30
+          - name: Charlie
+            age: 35
+
+blocks:
+  # ============================================
+  # BASIC RENDERING
+  # ============================================
+
+  - id: aggridinputbalham_basic
+    type: AgGridInputBalham
+    properties:
+      columnDefs:
+        - headerName: Name
+          field: name
+        - headerName: Age
+          field: age
+
+  # ============================================
+  # PROPERTY TESTS
+  # ============================================
+
+  - id: aggridinputbalham_height
+    type: AgGridInputBalham
+    properties:
+      height: 300
+      columnDefs:
+        - headerName: Name
+          field: name
+
+  - id: aggridinputbalham_default_col_def
+    type: AgGridInputBalham
+    properties:
+      defaultColDef:
+        sortable: true
+        resizable: true
+        filter: true
+      columnDefs:
+        - headerName: Name
+          field: name
+        - headerName: Age
+          field: age
+
+  # ============================================
+  # EVENT TESTS
+  # ============================================
+
+  - id: aggridinputbalham_onrowclick
+    type: AgGridInputBalham
+    properties:
+      columnDefs:
+        - headerName: Name
+          field: name
+        - headerName: Age
+          field: age
+    events:
+      onRowClick:
+        - id: set_row_click
+          type: SetState
+          params:
+            aggridinputbalham_row_clicked:
+              _event: row.name
+
+  - id: aggridinputbalham_row_click_display
+    type: Span
+    properties:
+      content:
+        _if:
+          test:
+            _ne:
+              - _state: aggridinputbalham_row_clicked
+              - null
+          then:
+            _string.concat:
+              - 'Row: '
+              - _state: aggridinputbalham_row_clicked
+          else: ''
+
+  - id: aggridinputbalham_oncellclick
+    type: AgGridInputBalham
+    properties:
+      columnDefs:
+        - headerName: Name
+          field: name
+        - headerName: Age
+          field: age
+    events:
+      onCellClick:
+        - id: set_cell_click
+          type: SetState
+          params:
+            aggridinputbalham_cell_clicked:
+              _event: cell.value
+
+  - id: aggridinputbalham_cell_click_display
+    type: Span
+    properties:
+      content:
+        _if:
+          test:
+            _ne:
+              - _state: aggridinputbalham_cell_clicked
+              - null
+          then:
+            _string.concat:
+              - 'Cell: '
+              - _state: aggridinputbalham_cell_clicked
+          else: ''
+
+  - id: aggridinputbalham_onrowselected
+    type: AgGridInputBalham
+    properties:
+      rowSelection:
+        mode: singleRow
+        checkboxes: false
+        enableClickSelection: true
+      columnDefs:
+        - headerName: Name
+          field: name
+        - headerName: Age
+          field: age
+    events:
+      onRowSelected:
+        - id: set_row_selected
+          type: SetState
+          params:
+            aggridinputbalham_row_selected:
+              _event: row.name
+
+  - id: aggridinputbalham_row_selected_display
+    type: Span
+    properties:
+      content:
+        _if:
+          test:
+            _ne:
+              - _state: aggridinputbalham_row_selected
+              - null
+          then:
+            _string.concat:
+              - 'Selected: '
+              - _state: aggridinputbalham_row_selected
+          else: ''
+
+  # ============================================
+  # SORTING & FILTERING
+  # ============================================
+
+  - id: aggridinputbalham_sortable
+    type: AgGridInputBalham
+    properties:
+      columnDefs:
+        - headerName: Name
+          field: name
+          sortable: true
+        - headerName: Age
+          field: age
+          sortable: true
+    events:
+      onSortChanged:
+        - id: set_sort_changed
+          type: SetState
+          params:
+            aggridinputbalham_sort_changed: true
+
+  - id: aggridinputbalham_sort_changed_display
+    type: Span
+    properties:
+      content:
+        _if:
+          test:
+            _eq:
+              - _state: aggridinputbalham_sort_changed
+              - true
+          then: Sort changed
+          else: ''
+
+  - id: aggridinputbalham_filterable
+    type: AgGridInputBalham
+    properties:
+      columnDefs:
+        - headerName: Name
+          field: name
+          filter: true
+        - headerName: Age
+          field: age
+          filter: true
+    events:
+      onFilterChanged:
+        - id: set_filter_changed
+          type: SetState
+          params:
+            aggridinputbalham_filter_changed: true
+
+  - id: aggridinputbalham_filter_changed_display
+    type: Span
+    properties:
+      content:
+        _if:
+          test:
+            _eq:
+              - _state: aggridinputbalham_filter_changed
+              - true
+          then: Filter changed
+          else: ''
+
+  # ============================================
+  # INPUT-SPECIFIC: EDITABLE CELLS
+  # ============================================
+
+  - id: aggridinputbalham_editable
+    type: AgGridInputBalham
+    properties:
+      columnDefs:
+        - headerName: Name
+          field: name
+          editable: true
+        - headerName: Age
+          field: age
+    events:
+      onCellValueChanged:
+        - id: set_cell_value_changed
+          type: SetState
+          params:
+            aggridinputbalham_cell_new_value:
+              _event: newValue
+            aggridinputbalham_cell_old_value:
+              _event: oldValue
+
+  - id: aggridinputbalham_cell_value_changed_display
+    type: Span
+    properties:
+      content:
+        _if:
+          test:
+            _ne:
+              - _state: aggridinputbalham_cell_new_value
+              - null
+          then:
+            _string.concat:
+              - 'New: '
+              - _state: aggridinputbalham_cell_new_value
+          else: ''
+
+  - id: aggridinputbalham_old_value_display
+    type: Span
+    properties:
+      content:
+        _if:
+          test:
+            _ne:
+              - _state: aggridinputbalham_cell_old_value
+              - null
+          then:
+            _string.concat:
+              - 'Old: '
+              - _state: aggridinputbalham_cell_old_value
+          else: ''
+
+  # ============================================
+  # INPUT-SPECIFIC: ROW DRAGGING
+  # ============================================
+
+  - id: aggridinputbalham_rowdrag
+    type: AgGridInputBalham
+    properties:
+      columnDefs:
+        - headerName: Name
+          field: name
+          rowDrag: true
+        - headerName: Age
+          field: age
+    events:
+      onRowDragEnd:
+        - id: set_row_drag_end
+          type: SetState
+          params:
+            aggridinputbalham_drag_ended: true
+
+  - id: aggridinputbalham_row_drag_display
+    type: Span
+    properties:
+      content:
+        _if:
+          test:
+            _eq:
+              - _state: aggridinputbalham_drag_ended
+              - true
+          then: Drag ended
+          else: ''

package/dist/blocks/AgGridInputMaterial/AgGridInputMaterial.js

@@ -14,11 +14,11 @@
   limitations under the License.
 */ import React from 'react';
 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 { themeMaterialAntd, useGridTheme } from '../../theme/themeLowdefy.js';
 import AgGridInput from '../../AgGridInput.js';
 const AgGridInputMaterial = ({ blockId, events, loading, methods, properties, required, styles, validation, value })=>{
+    const theme = useGridTheme(themeMaterialAntd, properties.themeParams);
     return /*#__PURE__*/ React.createElement("div", {
         id: blockId,
         className: `ag-theme-material ${antdStyles.antdTheme}`,
@@ -34,6 +34,7 @@ const AgGridInputMaterial = ({ blockId, events, loading, methods, properties, re
         methods: methods,
         properties: properties,
         required: required,
+        theme: theme,
         validation: validation,
         value: value
     }));

package/dist/blocks/AgGridInputMaterial/e2e.js

@@ -13,4 +13,4 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */ import createAgGridInputHelper from '../../createAgGridInputHelper.js';
-export default createAgGridInputHelper('material');
+export default createAgGridInputHelper();