ods-component-lib 1.18.13 → 1.18.15

package/dist/index.modern.js

@@ -1271,7 +1271,7 @@ var renderMenuItem = function renderMenuItem() {
   });
 };
 function OdsDataGrid(props) {
-  var _ref2, _props$selectionMode, _props$selectionDefer;
+  var _props$selectionMode, _props$selectionDefer;
   var dataGridRef = useRef(null);
   var _useToken = useToken(),
     token = _useToken.token;
@@ -1379,8 +1379,7 @@ function OdsDataGrid(props) {
     remoteOperations: false,
     ref: dataGridRef,
     selectedRowKeys: props.selectedRowKeys,
-    onSelectionChanged: props.onSelectionChanged,
-    noDataText: (_ref2 = props.noDataText !== undefined) != null ? _ref2 : props.noDataText
+    onSelectionChanged: props.onSelectionChanged
   }, React.createElement(LoadPanel, {
     enabled: true
   }), React.createElement(Paging, {
@@ -17131,6 +17130,12 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   var _useState4 = useState(props.columns),
     columns = _useState4[0],
     setColumns = _useState4[1];
+  var onCancelEditEvent = new CustomEvent('cancelEdit', {
+    bubbles: true,
+    detail: {
+      rowData: null
+    }
+  });
   var headers = new Headers({
     'Content-Type': 'application/json',
     'Authorization': 'Bearer ' + (props.axiosRequest ? props.axiosRequest.token : ""),
@@ -17258,6 +17263,13 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
         e.editorOptions.onFocusOut = enableScrolling;
       }
     }
+    if (e.editorOptions && e.rowType === 'data' && e.parentType === 'dataRow') {
+      e.editorOptions.onValueChanged = function (args) {
+        if (args.event && args.event.type === 'cancel') {
+          e.cellElement.dispatchEvent(onCancelEditEvent);
+        }
+      };
+    }
   }, [props.isServerSide]);
   var getServerSide = useCallback(function (type) {
     try {
@@ -17413,13 +17425,12 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       }
     };
   }, [data.length]);
-  return React.createElement(React.Fragment, null, React.createElement(DataGrid$1, Object.assign({
+  return React.createElement(React.Fragment, null, React.createElement(DataGrid$1, {
     keyExpr: props.keyExpr,
     dataSource: props.isServerSide ? data : props.dataSource,
     showBorders: true,
     columnAutoWidth: false,
     onEditorPreparing: onEditorPreparing,
-    onSaving: props.onSaving,
     ref: handleRef,
     onExporting: onExporting,
     height: props.height == undefined ? window.innerHeight - 164 : props.height,
@@ -17442,8 +17453,11 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     wordWrapEnabled: props.wordWrapEnabled ? props.wordWrapEnabled : false,
     columnFixing: {
       enabled: true
-    }
-  }, props), columns.map(function (col) {
+    },
+    onSelectionChanged: props.onSelectionChanged,
+    noDataText: props.noDataText,
+    onSaved: props.onSaved
+  }, columns.map(function (col) {
     return React.createElement(Column, Object.assign({
       key: col.dataField
     }, col, {
@@ -17456,6 +17470,12 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
         text: 'Passive',
         value: false
       }]
+    }), col.multiLevelColumns && col.multiLevelColumns.map(function (multiLevelColItem) {
+      return React.createElement(Column, {
+        dataField: multiLevelColItem.dataField,
+        caption: multiLevelColItem.caption,
+        width: 80
+      });
     }));
   }), props.actionColumnEnable !== undefined && props.actionColumnEnable === true && React.createElement(Column, {
     dataField: "Actions",