ods-component-lib 1.17.19 → 1.17.21

package/dist/index.css

@@ -25,4 +25,52 @@ div._1veiV {
 
 tr:first-child {
   background-color:  #E6F4FF !important; /* Replace with your desired background color */
+}
+
+
+._q4jkZ > ._1UPzZ, ._q4jkZ > ._1XbNt {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+}
+
+._q4jkZ ._1UPzZ, ._1GEDH + ._1UPzZ, ._1UPzZ._4V16J {
+  border-top: 1px solid rgba(0, 0, 0, 0.06);
+}
+
+._q4jkZ > ._1GEDH, ._q4jkZ > ._1UPzZ, ._q4jkZ > ._1XbNt {
+  border-left: 1px solid rgba(0, 0, 0, 0.06);
+  border-right: 1px solid rgba(0, 0, 0, 0.06);
+  border-radius: 5px;
+}
+
+._q4jkZ > ._3mbXf, ._q4jkZ > ._1GEDH {
+  border-top: 1px solid rgba(0, 0, 0, 0.06);
+}
+
+._1GEDH ._2NiLf ._2CvVM > td {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+}
+
+._36VXO ._3udtX > td {
+  border-left: 1px solid rgba(0, 0, 0, 0.06);
+  border-right: 1px solid rgba(0, 0, 0, 0.06);
+}
+
+._1GEDH {
+  border-bottom: none; 
+}
+
+._1GEDH {
+  color: #000000E0;
+}
+
+._pljbP {
+  border-radius: 6px;
+}
+
+._3nKdN, ._23Fql {
+  background-color: #E6F4FF;
+}
+
+._1hTxK._3umXw {
+  background-color: #E6F4FF;
 }

package/dist/index.js

@@ -1191,33 +1191,11 @@ var renderMenuItem = function renderMenuItem() {
     formats: exportFormats
   });
 };
-var customizeBooleanColumnRender = function customizeBooleanColumnRender(e) {
-  if (e.column.dataField === 'IsActive' || e.column.dataField === 'Status') {
-    var tagColor = e.value ? 'green' : 'gold';
-    return React__default.createElement(antd.Tag, {
-      color: tagColor
-    }, e.value ? 'Active' : 'Passive');
-  }
-  if (e.column.dataType === 'datetime') {
-    if (e.value !== null) {
-      var date = moment(e.value);
-      var offsetMinutes = date.utcOffset();
-      var sign = offsetMinutes >= 0 ? '+' : '-';
-      var hours = Math.floor(Math.abs(offsetMinutes) / 60);
-      var minutes = Math.abs(offsetMinutes) % 60;
-      var formattedOffset = "(UTC" + sign + hours.toString().padStart(2, '0') + ":" + minutes.toString().padStart(2, '0') + ")";
-      var formatedDate = date.format('DD.MM.YYYY HH.mm') + " " + formattedOffset;
-      return formatedDate;
-    }
-  }
-  return e.column.dataType;
-};
 function OdsDataGrid(props) {
   var dataGridRef = React.useRef(null);
   return grid(props, dataGridRef);
 }
 function grid(props, dataGridRef) {
-  var _ref;
   var headerCellRender = function headerCellRender(colProperties) {
     return React__default.createElement("th", {
       className: "dx-datagrid-headers",
@@ -1283,7 +1261,9 @@ function grid(props, dataGridRef) {
     columnAutoWidth: false,
     onEditCanceling: props.onEditCanceling,
     onExporting: onExporting,
-    height: (_ref = props.height !== undefined) != null ? _ref : props.height,
+    height: window.innerHeight - 164,
+    repaintChangesOnly: true,
+    remoteOperations: props.remoteOperations !== undefined ? props.remoteOperations : false,
     ref: dataGridRef
   }, React__default.createElement(dataGrid.Paging, {
     enabled: true,
@@ -1298,6 +1278,15 @@ function grid(props, dataGridRef) {
     visible: true
   }), props.filterEnable && React__default.createElement(dataGrid.FilterRow, {
     visible: true
+  }), React__default.createElement(dataGrid.FilterPanel, {
+    visible: true
+  }), props.remoteOperations !== undefined && props.remoteOperations === true && React__default.createElement(dataGrid.RemoteOperations, {
+    filtering: true,
+    paging: false,
+    sorting: true,
+    summary: false,
+    grouping: false,
+    groupPaging: false
   }), props.headerFilterEnable && React__default.createElement(dataGrid.HeaderFilter, {
     visible: true
   }), React__default.createElement(dataGrid.ColumnChooser, {
@@ -1341,7 +1330,10 @@ function grid(props, dataGridRef) {
       });
     }));
   }))), React__default.createElement(dataGrid.Scrolling, {
-    mode: props.scrollingMode
+    mode: props.scroll.scrollingMode,
+    showScrollbar: props.scroll.showScrollbar,
+    scrollByContent: props.scroll.scrollByContent,
+    scrollByThumb: props.scroll.scrollByThumb
   }), props.exportEnable === true && React__default.createElement(dataGrid.Export, {
     enabled: true,
     allowExportSelectedData: true,
@@ -1350,8 +1342,7 @@ function grid(props, dataGridRef) {
     return React__default.createElement(dataGrid.Column, Object.assign({
       key: col.dataField
     }, col, {
-      headerCellRender: headerCellRender,
-      cellRender: customizeBooleanColumnRender
+      headerCellRender: headerCellRender
     }), col.required && React__default.createElement(dataGrid.RequiredRule, {
       message: col.requiredMessage
     }), col.dataField === 'IsActive' && React__default.createElement(dataGrid.HeaderFilter, {
@@ -1562,7 +1553,7 @@ var renderMenuItem$1 = function renderMenuItem() {
     formats: exportFormats$2
   });
 };
-var customizeBooleanColumnRender$1 = function customizeBooleanColumnRender(e) {
+var customizeBooleanColumnRender = function customizeBooleanColumnRender(e) {
   var tagColor = e.value ? 'green' : 'gold';
   return React__default.createElement(antd.Tag, {
     color: tagColor
@@ -1725,7 +1716,7 @@ function OdsProfDataGrid(props) {
       key: col.dataField
     }, col, {
       headerCellRender: headerCellRender,
-      cellRender: col.dataField === 'IsActive' || col.dataField === 'Status' ? customizeBooleanColumnRender$1 : ""
+      cellRender: col.dataField === 'IsActive' || col.dataField === 'Status' ? customizeBooleanColumnRender : ""
     }), col.required && React__default.createElement(dataGrid.RequiredRule, {
       message: col.requiredMessage
     }), col.dataField === 'IsActive' && React__default.createElement(dataGrid.HeaderFilter, {
@@ -1823,7 +1814,7 @@ var renderMenuItem$2 = function renderMenuItem() {
     formats: exportFormats$3
   });
 };
-var customizeBooleanColumnRender$2 = function customizeBooleanColumnRender(e) {
+var customizeBooleanColumnRender$1 = function customizeBooleanColumnRender(e) {
   if (e.column.dataField === 'IsActive' || e.column.dataField === 'Status') {
     var tagColor = e.value ? 'green' : 'gold';
     return React__default.createElement(antd.Tag, {
@@ -1973,7 +1964,7 @@ function grid$2(props) {
       key: col.dataField
     }, col, {
       headerCellRender: headerCellRender,
-      cellRender: customizeBooleanColumnRender$2
+      cellRender: customizeBooleanColumnRender$1
     }), col.required && React__default.createElement(dataGrid.RequiredRule, {
       message: col.requiredMessage
     }), col.dataField === 'IsActive' && React__default.createElement(dataGrid.HeaderFilter, {