@agilemotion/oui-react-js 1.3.1 → 1.3.3

package/dist/components/ConfirmationDialog.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = ConfirmationDialog;
+exports.ConfirmationDialog = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -21,20 +21,62 @@ var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function ConfirmationDialog(props) {
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+const ConfirmationDialog = /*#__PURE__*/_react.default.memo(props => {
+  const _React$useState = _react.default.useState(false),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        open = _React$useState2[0],
+        setOpen = _React$useState2[1];
+
+  const _React$useState3 = _react.default.useState(null),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        message = _React$useState4[0],
+        setMessage = _React$useState4[1];
+
+  const _React$useState5 = _react.default.useState(null),
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        title = _React$useState6[0],
+        setTitle = _React$useState6[1];
+
+  const _React$useState7 = _react.default.useState(null),
+        _React$useState8 = _slicedToArray(_React$useState7, 2),
+        callbackHandler = _React$useState8[0],
+        setCallbackHandler = _React$useState8[1];
+
+  _react.default.useEffect(() => {
+    props.controller.openDialog = (message, callbackHandler, title = null) => {
+      setMessage(message);
+      setCallbackHandler(callbackHandler);
+      setTitle(title);
+      setOpen(true);
+    };
+  });
+
   const handler = result => {
-    props.handler(result);
+    callbackHandler.execute(result);
+    setOpen(false);
   };
 
   return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
-    open: props.open,
+    open: open,
     "aria-labelledby": "alert-dialog-title",
     "aria-describedby": "alert-dialog-description"
-  }, /*#__PURE__*/_react.default.createElement(_DialogTitle.default, {
+  }, title ? /*#__PURE__*/_react.default.createElement(_DialogTitle.default, {
     id: "alert-dialog-title"
-  }, props.title), /*#__PURE__*/_react.default.createElement(_DialogContent.default, null, /*#__PURE__*/_react.default.createElement(_DialogContentText.default, {
+  }, title) : null, /*#__PURE__*/_react.default.createElement(_DialogContent.default, null, /*#__PURE__*/_react.default.createElement(_DialogContentText.default, {
     id: "alert-dialog-description"
-  }, props.message)), /*#__PURE__*/_react.default.createElement(_DialogActions.default, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, message)), /*#__PURE__*/_react.default.createElement(_DialogActions.default, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
     onClick: () => {
       handler(false);
     },
@@ -46,4 +88,8 @@ function ConfirmationDialog(props) {
     color: "primary",
     autoFocus: true
   }, "Yes")));
-}
+}, () => {
+  return true;
+});
+
+exports.ConfirmationDialog = ConfirmationDialog;

package/dist/components/DataGrid.css

@@ -72,6 +72,9 @@ table.responsive-table thead {
     letter-spacing: 0.01071em;
     vertical-align: inherit;
     color: rgba(0, 0, 0, 0.87);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 .cellError, .editCellError {
@@ -119,7 +122,6 @@ table.responsive-table thead {
 }
 
 .filterWraper .col {
-    padding-right: 0 !important;
 }
 
 .filterWraperBlank {

package/dist/components/DataGrid.js

@@ -278,12 +278,44 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
       },
 
       getChildren: () => {
+        let children = [];
+
         if (!_Utils.default.isNull(headingHandle.api)) {
-          return headingHandle.api.getChildren();
+          var _iterator = _createForOfIteratorHelper(headingHandle.api.getChildren()),
+              _step;
+
+          try {
+            for (_iterator.s(); !(_step = _iterator.n()).done;) {
+              const child = _step.value;
+              children.push(child);
+            }
+          } catch (err) {
+            _iterator.e(err);
+          } finally {
+            _iterator.f();
+          }
         }
+
+        if (!_Utils.default.isNull(filterHandle.api)) {
+          var _iterator2 = _createForOfIteratorHelper(filterHandle.api.getChildren()),
+              _step2;
+
+          try {
+            for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+              const child = _step2.value;
+              children.push(child);
+            }
+          } catch (err) {
+            _iterator2.e(err);
+          } finally {
+            _iterator2.f();
+          }
+        }
+
+        return children;
       },
       loadData: actionConfig => {
-        _search();
+        _search(actionConfig);
       },
       deleteSelectedRows: () => {
         // TODO : dispose from observer
@@ -293,18 +325,18 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
         setDeletedRows(getSelectedRows(selected));
         rows.splice(0, rows.length);
 
-        var _iterator = _createForOfIteratorHelper(newRows),
-            _step;
+        var _iterator3 = _createForOfIteratorHelper(newRows),
+            _step3;
 
         try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            const newRow = _step.value;
+          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+            const newRow = _step3.value;
             rows.push(newRow);
           }
         } catch (err) {
-          _iterator.e(err);
+          _iterator3.e(err);
         } finally {
-          _iterator.f();
+          _iterator3.f();
         }
 
         setSelected([]);
@@ -323,34 +355,34 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
         setRows([]);
       },
       addRows: newRows => {
-        var _iterator2 = _createForOfIteratorHelper(newRows),
-            _step2;
+        var _iterator4 = _createForOfIteratorHelper(newRows),
+            _step4;
 
         try {
-          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-            const newRow = _step2.value;
+          for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+            const newRow = _step4.value;
             rows.push(observeRow(newRow));
           }
         } catch (err) {
-          _iterator2.e(err);
+          _iterator4.e(err);
         } finally {
-          _iterator2.f();
+          _iterator4.f();
         }
 
         let newSelection = [];
 
-        var _iterator3 = _createForOfIteratorHelper(newRows),
-            _step3;
+        var _iterator5 = _createForOfIteratorHelper(newRows),
+            _step5;
 
         try {
-          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-            const newRow = _step3.value;
+          for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+            const newRow = _step5.value;
             newSelection.push(newRow.id);
           }
         } catch (err) {
-          _iterator3.e(err);
+          _iterator5.e(err);
         } finally {
-          _iterator3.f();
+          _iterator5.f();
         }
 
         setSelected(newSelection);
@@ -375,7 +407,14 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
 
       search: () => {
         _search();
+      },
+
+      refresh() {
+        if (filterHandle && filterHandle.api) {
+          filterHandle.api.refresh();
+        }
       }
+
     };
   };
 
@@ -508,7 +547,7 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
   };
 
   function processData(data, conf) {
-    setTotalNumberOfRows(data.totalNumberOfRecords);
+    setTotalNumberOfRows(data.totalNumberOfRecords ? data.totalNumberOfRecords : data.records.length);
     let tableRows = [];
     let records = data.records;
 
@@ -521,19 +560,24 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     }
 
     setRows(tableRows);
+    let event = new _Event.default(props.handle, props.viewId, data);
+
+    _Observable.default.fireEvent(_EventType.default.DATA_ARRIVED, event);
   }
 
-  const _search = () => {
+  const _search = (actionConfig = null) => {
     let conf = config;
 
     if (_Utils.default.isNull(conf)) {
       conf = _Utils.default.parseConfig(props.config, props.viewId);
     }
 
-    if (!_Utils.default.isNull(conf.dataService)) {
-      let method = conf.dataService.type === 'remoteObjectProxy' ? _RestUtils.invokeRpc : _RestUtils.invokeRest;
-      method(conf.dataService, props.handle, props.viewId, result => {
-        let data = conf.dataService.type === 'remoteObjectProxy' ? result.data : result;
+    let service = !_Utils.default.isNull(conf.dataService) ? conf.dataService : !_Utils.default.isNull(actionConfig) ? actionConfig.dataService : null;
+
+    if (!_Utils.default.isNull(service)) {
+      let method = service.type === 'remoteObjectProxy' ? _RestUtils.invokeRpc : _RestUtils.invokeRest;
+      method(service, props.handle, props.viewId, result => {
+        let data = service.type === 'remoteObjectProxy' ? result.data : result;
         processData(data, conf);
       }, e => {
         console.error(e);
@@ -541,7 +585,11 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
         _Utils.default.publishSystemErrorMessage(props.viewId);
       });
     } else {
-      props.loadCompleteHandler(conf.id);
+      if (actionConfig && actionConfig.value) {
+        let data = _ApplicationContext.default.resolveParameterConfigValue(actionConfig.value);
+
+        processData(data, conf);
+      }
     }
   };
 
@@ -563,24 +611,29 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
       let eventHandlingConfig = _Utils.default.isNull(parsedConfig.eventHandlingConfig) ? {} : parsedConfig.eventHandlingConfig;
       eventHandlingConfig.subscriptions = _Utils.default.isNull(eventHandlingConfig.subscriptions) ? [] : eventHandlingConfig.subscriptions;
 
-      let autoLoadData = _Utils.default.getComponentAttribute(parsedConfig, 'autoLoadData', null);
-
-      if (autoLoadData === null || autoLoadData === true) {
-        let subscription = {
-          publisher: props.viewId,
-          eventType: _EventType.default.COMPONENT_LOAD,
-          actions: [{
-            actionType: "loadData"
-          }]
-        };
-        eventHandlingConfig.subscriptions.push(subscription);
-      }
-
       _Observable.default.addSubscriptions(eventHandlingConfig, props.handle, props.viewId);
 
       _Observable.default.addSystemSubscriptions(parsedConfig);
 
       let isEditable = false;
+      let visibleColumnCount = 0;
+
+      var _iterator6 = _createForOfIteratorHelper(parsedConfig.columns),
+          _step6;
+
+      try {
+        for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
+          const column = _step6.value;
+
+          if (!_Utils.default.getComponentAttribute(column, "hidden", false)) {
+            visibleColumnCount++;
+          }
+        }
+      } catch (err) {
+        _iterator6.e(err);
+      } finally {
+        _iterator6.f();
+      }
 
       for (let i = 0; i < parsedConfig.columns.length; i++) {
         let column = parsedConfig.columns[i];
@@ -590,7 +643,7 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
           setEditable(true);
         }
 
-        column.width = evaluateTableCellWidth(props.selectionMode === 'MULTIPLE', column, parsedConfig.columns.length);
+        column.width = evaluateTableCellWidth(props.selectionMode === 'MULTIPLE', column, visibleColumnCount);
 
         if (!_Utils.default.isNull(column.attributes) && column.attributes['editable'] === true && _Utils.default.isNull(column.editor)) {
           let defaultEditor = {};
@@ -607,8 +660,22 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
       criteria.currentPage = 1;
       criteria.dataQueryName = config.dataQueryName;
 
-      if (!_Utils.default.isNull(props.loadCompleteHandler) && loadingRef.current === true) {
-        props.loadCompleteHandler(config.id);
+      if (loadingRef.current === true) {
+        if (!_Utils.default.isNull(props.loadCompleteHandler)) {
+          props.loadCompleteHandler(config.id);
+        }
+
+        let autoLoadData = _Utils.default.getComponentAttribute(config, 'autoLoadData', null);
+
+        if (autoLoadData === null || autoLoadData === true) {
+          _search();
+        }
+
+        let event = new _Event.default(props.handle, props.viewId, null);
+
+        _Observable.default.fireEvent(_EventType.default.COMPONENT_LOAD, event);
+
+        loadingRef.current = false;
       }
     }
   }, [config]);
@@ -629,21 +696,21 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     $("#ROW-" + row.id).focusout(function () {
       let newSelected = [];
 
-      var _iterator4 = _createForOfIteratorHelper(selected),
-          _step4;
+      var _iterator7 = _createForOfIteratorHelper(selected),
+          _step7;
 
       try {
-        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-          const selectedElement = _step4.value;
+        for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
+          const selectedElement = _step7.value;
 
           if (selectedElement !== row.id) {
             newSelected.push(selectedElement);
           }
         }
       } catch (err) {
-        _iterator4.e(err);
+        _iterator7.e(err);
       } finally {
-        _iterator4.f();
+        _iterator7.f();
       }
 
       setSelected(newSelected);
@@ -652,19 +719,19 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
 
   _react.default.useEffect(() => {
     if (editable) {
-      var _iterator5 = _createForOfIteratorHelper(rows),
-          _step5;
+      var _iterator8 = _createForOfIteratorHelper(rows),
+          _step8;
 
       try {
-        for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {// TODO : Fix the focus loss behavior
+        for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {// TODO : Fix the focus loss behavior
           //addRowFocusListener(row);
 
-          const row = _step5.value;
+          const row = _step8.value;
         }
       } catch (err) {
-        _iterator5.e(err);
+        _iterator8.e(err);
       } finally {
-        _iterator5.f();
+        _iterator8.f();
       }
     }
   });
@@ -693,18 +760,18 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     if (!_Utils.default.isNull(props.rows)) {
       let rowValues = [];
 
-      var _iterator6 = _createForOfIteratorHelper(props.rows),
-          _step6;
+      var _iterator9 = _createForOfIteratorHelper(props.rows),
+          _step9;
 
       try {
-        for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-          const row = _step6.value;
+        for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
+          const row = _step9.value;
           rowValues.push(observeRow(row));
         }
       } catch (err) {
-        _iterator6.e(err);
+        _iterator9.e(err);
       } finally {
-        _iterator6.f();
+        _iterator9.f();
       }
 
       setRows(rowValues);
@@ -718,12 +785,12 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
   const isSelected = id => selected.indexOf(id) !== -1;
 
   const editorChangeHandler = (rowId, field, value) => {
-    var _iterator7 = _createForOfIteratorHelper(rows),
-        _step7;
+    var _iterator10 = _createForOfIteratorHelper(rows),
+        _step10;
 
     try {
-      for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
-        const row = _step7.value;
+      for (_iterator10.s(); !(_step10 = _iterator10.n()).done;) {
+        const row = _step10.value;
 
         if (row.id === rowId) {
           row[field] = value;
@@ -731,9 +798,9 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
         }
       }
     } catch (err) {
-      _iterator7.e(err);
+      _iterator10.e(err);
     } finally {
-      _iterator7.f();
+      _iterator10.f();
     }
 
     valueChangeCallback(rows);
@@ -754,12 +821,12 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
   const createCell = (row, columnName, cellHandle) => {
     let rowCells = null;
 
-    var _iterator8 = _createForOfIteratorHelper(cells),
-        _step8;
+    var _iterator11 = _createForOfIteratorHelper(cells),
+        _step11;
 
     try {
-      for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
-        const cellsEntry = _step8.value;
+      for (_iterator11.s(); !(_step11 = _iterator11.n()).done;) {
+        const cellsEntry = _step11.value;
 
         if (cellsEntry.rowId === row.id) {
           rowCells = cellsEntry;
@@ -767,9 +834,9 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
         }
       }
     } catch (err) {
-      _iterator8.e(err);
+      _iterator11.e(err);
     } finally {
-      _iterator8.f();
+      _iterator11.f();
     }
 
     if (_Utils.default.isNull(rowCells) || rowCells.length === 0) {
@@ -784,12 +851,12 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
   const refreshCell = (rowId, columnName) => {
     let rowCells = null;
 
-    var _iterator9 = _createForOfIteratorHelper(cells),
-        _step9;
+    var _iterator12 = _createForOfIteratorHelper(cells),
+        _step12;
 
     try {
-      for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
-        const cell = _step9.value;
+      for (_iterator12.s(); !(_step12 = _iterator12.n()).done;) {
+        const cell = _step12.value;
 
         if (cell.rowId === rowId) {
           rowCells = cell;
@@ -797,9 +864,9 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
         }
       }
     } catch (err) {
-      _iterator9.e(err);
+      _iterator12.e(err);
     } finally {
-      _iterator9.f();
+      _iterator12.f();
     }
 
     if (!_Utils.default.isNull(rowCells)) {
@@ -863,11 +930,11 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
 
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
-    style: (_Utils.default.isNull(props.hasBorder) || props.hasBorder === true) && !_Utils.default.isNull(config) ? {
-      margin: '32px',
+    style: (_Utils.default.isNull(props.hasBorder) || props.hasBorder === true) && !_Utils.default.isNull(config) ? _Utils.default.mergeStyles({
+      margin: '0',
       border: '1px solid #e2e2e2',
       borderRadius: '4px'
-    } : props.style
+    }, props.config) : props.style
   }, !_Utils.default.isNull(props.config.notes) ? props.config.notes.map(note => {
     return /*#__PURE__*/_react.default.createElement("div", {
       key: noteKey++

package/dist/components/DataGridFilter.js

@@ -95,16 +95,21 @@ const DataGridFilter = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
 
   const getEditorConfig = (column, columnId) => {
     let editorConfig = column.filterEditor;
+    let attributes;
 
     if (_Utils.default.isNull(editorConfig)) {
       editorConfig = {};
       editorConfig.fieldType = column.fieldType === 'DATE' ? 'DATE' : 'TEXT_FIELD';
       editorConfig.id = columnId; //defaultEditor.validationRegex = '^[0-9]{4,5}$';
+    } else {
+      attributes = editorConfig.attributes;
     }
 
     editorConfig.className = 'columnFilterEditor';
-    editorConfig.attributes = {};
-    editorConfig.attributes.minWidth = 0;
+    editorConfig.attributes = !_Utils.default.isNull(attributes) ? attributes : {};
+    editorConfig.attributes.style = {
+      minWidth: 0
+    };
     editorConfig.dataBinding = columnId;
     return editorConfig;
   };
@@ -112,9 +117,13 @@ const DataGridFilter = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
   const getFilterFormFieldSet = () => {
     let fieldSet = {};
     fieldSet.attributes = {};
-    fieldSet.attributes.width = '100%';
-    fieldSet.attributes.minWidth = 0;
-    fieldSet.attributes.padding = '0 0 0 0';
+    fieldSet.attributes.style = {
+      width: '100%',
+      minWidth: 0,
+      padding: '0 0 0 0',
+      margin: '0 0 0 -15px'
+    };
+    fieldSet.attributes.defaultVisibility = true;
     fieldSet.type = 'fieldSet';
     fieldSet.fields = [];
     return fieldSet;
@@ -130,7 +139,9 @@ const DataGridFilter = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     formConfig.sections = [];
     let section = {};
     section.attributes = {};
-    section.attributes.minWidth = 0;
+    section.attributes.style = {
+      minWidth: 0
+    };
     section.type = 'formSection';
     section.components = [];
     let fieldSets = [];
@@ -145,7 +156,9 @@ const DataGridFilter = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     let formConfig = {};
     formConfig.className = 'tableFilterForm';
     formConfig.attributes = {};
-    formConfig.attributes.overflow = 'hidden';
+    formConfig.attributes.style = {
+      overflow: 'hidden'
+    };
     formConfig.id = config.id + 'FilterForm';
     formConfig.sections = [];
     let section = {};
@@ -206,7 +219,54 @@ const DataGridFilter = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
       },
 
       getChildren: () => {
-        return formHandles;
+        let children = [];
+
+        var _iterator3 = _createForOfIteratorHelper(formHandles),
+            _step3;
+
+        try {
+          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+            const formHandle = _step3.value;
+            children.push(formHandle);
+          }
+        } catch (err) {
+          _iterator3.e(err);
+        } finally {
+          _iterator3.f();
+        }
+
+        var _iterator4 = _createForOfIteratorHelper(formHandles),
+            _step4;
+
+        try {
+          for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+            const formHandle = _step4.value;
+
+            if (formHandle.api) {
+              let formHandleChildren = formHandle.api.getChildren();
+
+              var _iterator5 = _createForOfIteratorHelper(formHandleChildren),
+                  _step5;
+
+              try {
+                for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+                  const formHandleChild = _step5.value;
+                  children.push(formHandleChild);
+                }
+              } catch (err) {
+                _iterator5.e(err);
+              } finally {
+                _iterator5.f();
+              }
+            }
+          }
+        } catch (err) {
+          _iterator4.e(err);
+        } finally {
+          _iterator4.f();
+        }
+
+        return children;
       },
       getParameters: () => {
         let parameters = [];
@@ -239,7 +299,24 @@ const DataGridFilter = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
         }
 
         return parameters;
+      },
+
+      refresh() {
+        var _iterator6 = _createForOfIteratorHelper(formHandles),
+            _step6;
+
+        try {
+          for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
+            const formHandle = _step6.value;
+            formHandle.api.refresh();
+          }
+        } catch (err) {
+          _iterator6.e(err);
+        } finally {
+          _iterator6.f();
+        }
       }
+
     };
   };