ods-component-lib 1.18.89 → 1.18.91

package/dist/index.modern.js

@@ -8,7 +8,7 @@ import 'react-phone-input-2/lib/style.css';
 import PhoneInput from 'react-phone-input-2';
 import Parser from 'html-react-parser';
 import { locale, loadMessages } from 'devextreme/localization';
-import DataGrid$1, { DataGrid, LoadPanel, Paging, Pager, SearchPanel, FilterRow, FilterPanel, HeaderFilter, ColumnChooser, Position, ColumnChooserSearch, ColumnChooserSelection, Selection, Editing, Popup, Form, Scrolling, Export, Column, RequiredRule, Button as Button$1, Toolbar, Item as Item$1, Summary, TotalItem, StateStoring, Sorting } from 'devextreme-react/data-grid';
+import DataGrid$1, { DataGrid, LoadPanel, Paging, Pager, SearchPanel, FilterRow, FilterPanel, HeaderFilter, ColumnChooser, Position, ColumnChooserSearch, ColumnChooserSelection, Selection, Editing, Popup, Form, Scrolling, Export, Column, RequiredRule, Button as Button$1, Toolbar, Item as Item$1, Summary, TotalItem, StateStoring, MasterDetail, Sorting } from 'devextreme-react/data-grid';
 import { Item } from 'devextreme-react/form';
 import { exportDataGrid as exportDataGrid$1 } from 'devextreme/pdf_exporter';
 import { exportDataGrid } from 'devextreme/excel_exporter';
@@ -34044,7 +34044,11 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   var handleContentReady = function handleContentReady(e) {
     var dataGridInstance = e.component;
     var filteredDataCount = dataGridInstance.totalCount();
-    if (filterApplied.current && filteredDataCount > 0) setFilteredRowCount(filteredDataCount);
+    if (filterApplied.current && filteredDataCount > 0) {
+      setFilteredRowCount(filteredDataCount);
+    } else {
+      setFilteredRowCount(0);
+    }
     if (!contentReady) setContentReady(true);
   };
   var onFilterValueChange = function onFilterValueChange(e) {
@@ -34182,6 +34186,14 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       }
     });
   };
+  var detailGrid = function detailGrid(_ref) {
+    var data = _ref.data;
+    return React.createElement(OdsRemoteDataGrid, Object.assign({}, props, {
+      showMasterDetail: false,
+      columns: props.detailGridColums,
+      dataSource: props.detailData[data.key.ID]
+    }));
+  };
   return React.createElement(React.Fragment, null, React.createElement(Modal, {
     title: fastUpdateModalTitle != null ? fastUpdateModalTitle : "Fast Update",
     open: isFastUpdateModalOpen,
@@ -34308,6 +34320,9 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     cellRender: function cellRender(cellData) {
       return actionCellRender(cellData, props);
     }
+  }), props.showMasterDetail && React.createElement(MasterDetail, {
+    enabled: true,
+    component: detailGrid
   }), props.edit && React.createElement(Editing, {
     mode: props.edit.mode,
     allowUpdating: props.edit.allowUpdating,