ods-component-lib 1.17.145 → 1.17.147

package/dist/index.modern.js

@@ -9,7 +9,7 @@ import PhoneInput from 'react-phone-input-2';
 import message from 'antd/es/message';
 import Parser from 'html-react-parser';
 import { locale, loadMessages } from 'devextreme/localization';
-import { DataGrid, LoadPanel, Paging, Pager, SearchPanel, FilterRow, FilterPanel, HeaderFilter, ColumnChooser, Position, ColumnChooserSearch, ColumnChooserSelection, Selection, Editing, Popup, Form as Form$1, Scrolling, Export, Column, RequiredRule, Button as Button$1, Toolbar, Item as Item$1, Summary, TotalItem, StateStoring } from 'devextreme-react/data-grid';
+import { DataGrid, LoadPanel, Paging, Pager, SearchPanel, FilterRow, FilterPanel, HeaderFilter, ColumnChooser, Position, ColumnChooserSearch, ColumnChooserSelection, Selection, Editing, Popup, Form as Form$1, Scrolling, Export, Column, Button as Button$1, Toolbar, Item as Item$1, Summary, TotalItem, StateStoring, RequiredRule } 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';
@@ -1274,18 +1274,6 @@ function OdsDataGrid(props) {
   return grid(props, dataGridRef);
 }
 function grid(props, dataGridRef) {
-  var headerCellRender = function headerCellRender(colProperties) {
-    return React.createElement("th", {
-      className: "dx-datagrid-headers",
-      style: {
-        fontFamily: "Manrope",
-        fontSize: "14px",
-        fontStyle: "normal",
-        fontWeight: "600",
-        lineHeight: "22px"
-      }
-    }, colProperties.column.caption);
-  };
   var fileName = props.exportFileName ? props.exportFileName + moment().format("YYYYMMDD") : "DatagridExportFile" + moment().format("YYYYMMDD");
   var onExporting = function onExporting(e) {
     if (e.format === 'xlsx') {
@@ -1315,6 +1303,27 @@ function grid(props, dataGridRef) {
       });
     }
   };
+  var customLoad = function customLoad() {
+    var state = JSON.parse(localStorage.getItem(props.exportFileName + "Storage"));
+    if (localStorage.getItem(props.exportFileName + "Storage")) {
+      state.selectedRowKeys = [];
+      if (props.filterEnabledShow) state.filterPanel = {
+        filterEnabled: false
+      };else state.filterPanel = {
+        filterEnabled: true
+      };
+    }
+    return state;
+  };
+  var customSave = function customSave(state) {
+    state.selectedRowKeys = [];
+    if (props.filterEnabledShow) state.filterPanel = {
+      filterEnabled: false
+    };else state.filterPanel = {
+      filterEnabled: true
+    };
+    localStorage.setItem(props.exportFileName + "Storage", JSON.stringify(state));
+  };
   useEffect(function () {
     locale(localStorage.getItem("locale"));
     loadMessages(JSON.parse(localStorage.getItem("localTranslation")));
@@ -1420,24 +1429,11 @@ function grid(props, dataGridRef) {
     allowExportSelectedData: true,
     formats: exportFormats
   }), props.columns.map(function (col) {
-    return React.createElement(Column, Object.assign({
-      key: col.dataField
-    }, col, {
-      headerCellRender: headerCellRender
-    }), col.required && React.createElement(RequiredRule, {
-      message: col.requiredMessage
-    }), col.dataField === 'IsActive' && React.createElement(HeaderFilter, {
-      dataSource: [{
-        text: 'All',
-        value: null
-      }, {
-        text: 'Active',
-        value: true
-      }, {
-        text: 'Passive',
-        value: false
-      }]
-    }));
+    return React.createElement(Column, {
+      dataField: col.dataField,
+      dataType: col.dataType,
+      caption: col.caption
+    });
   }), function () {
     if (props.customPopup !== undefined) {
       return React.createElement(Column, {
@@ -1510,7 +1506,12 @@ function grid(props, dataGridRef) {
     column: props.totalColumunName == undefined ? "Id" : props.totalColumunName,
     summaryType: "count",
     displayFormat: props.TotaDatalLanguage + " : " + props.TotalDataCount == undefined ? "{0}" : props.TotalDataCount
-  })))));
+  })), React.createElement(StateStoring, {
+    enabled: true,
+    type: "custom",
+    customLoad: customLoad,
+    customSave: customSave
+  }))));
 }
 
 var exportFormats$1 = ['xlsx'];