ods-component-lib 1.18.14 → 1.18.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { IDataGridOptions, IButtonProps, ISelectionProps, IEditingProps, ISummaryProps } from 'devextreme-react/data-grid';
|
|
3
3
|
interface IOdsDataGridProps extends IDataGridOptions {
|
|
4
|
-
isApplyButtonClicked?: boolean;
|
|
5
4
|
language: string;
|
|
6
5
|
exportFileName: string;
|
|
7
6
|
filterEnabledShow: boolean;
|
|
@@ -19,6 +18,7 @@ interface IOdsDataGridProps extends IDataGridOptions {
|
|
|
19
18
|
isServerSide: boolean;
|
|
20
19
|
axiosRequest?: IAxiosProps;
|
|
21
20
|
customSummary?: ISummaryRowOptions;
|
|
21
|
+
onCancelEdit?: any;
|
|
22
22
|
}
|
|
23
23
|
interface ISummaryRowOptions {
|
|
24
24
|
summaryLoadedDataLabel?: string;
|
package/dist/index.js
CHANGED
|
@@ -1276,7 +1276,7 @@ var renderMenuItem = function renderMenuItem() {
|
|
|
1276
1276
|
});
|
|
1277
1277
|
};
|
|
1278
1278
|
function OdsDataGrid(props) {
|
|
1279
|
-
var
|
|
1279
|
+
var _props$selectionMode, _props$selectionDefer;
|
|
1280
1280
|
var dataGridRef = React.useRef(null);
|
|
1281
1281
|
var _useToken = useToken(),
|
|
1282
1282
|
token = _useToken.token;
|
|
@@ -1384,8 +1384,7 @@ function OdsDataGrid(props) {
|
|
|
1384
1384
|
remoteOperations: false,
|
|
1385
1385
|
ref: dataGridRef,
|
|
1386
1386
|
selectedRowKeys: props.selectedRowKeys,
|
|
1387
|
-
onSelectionChanged: props.onSelectionChanged
|
|
1388
|
-
noDataText: (_ref2 = props.noDataText !== undefined) != null ? _ref2 : props.noDataText
|
|
1387
|
+
onSelectionChanged: props.onSelectionChanged
|
|
1389
1388
|
}, React__default.createElement(DataGrid.LoadPanel, {
|
|
1390
1389
|
enabled: true
|
|
1391
1390
|
}), React__default.createElement(DataGrid.Paging, {
|
|
@@ -17136,6 +17135,12 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
17136
17135
|
var _useState4 = React.useState(props.columns),
|
|
17137
17136
|
columns = _useState4[0],
|
|
17138
17137
|
setColumns = _useState4[1];
|
|
17138
|
+
var onCancelEditEvent = new CustomEvent('cancelEdit', {
|
|
17139
|
+
bubbles: true,
|
|
17140
|
+
detail: {
|
|
17141
|
+
rowData: null
|
|
17142
|
+
}
|
|
17143
|
+
});
|
|
17139
17144
|
var headers = new Headers({
|
|
17140
17145
|
'Content-Type': 'application/json',
|
|
17141
17146
|
'Authorization': 'Bearer ' + (props.axiosRequest ? props.axiosRequest.token : ""),
|
|
@@ -17228,9 +17233,14 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
17228
17233
|
return _catch(function () {
|
|
17229
17234
|
return Promise.resolve(fetch(apiUrl, requestOptions)).then(function (response) {
|
|
17230
17235
|
return Promise.resolve(response.json()).then(function (newData) {
|
|
17231
|
-
|
|
17232
|
-
|
|
17233
|
-
|
|
17236
|
+
if (loadedPageCount == 1) {
|
|
17237
|
+
setData(newData.Data);
|
|
17238
|
+
loadedPageCount = 1;
|
|
17239
|
+
} else if (totalPageCount >= loadedPageCount) {
|
|
17240
|
+
setData(function (prevData) {
|
|
17241
|
+
return [].concat(prevData, newData.Data);
|
|
17242
|
+
});
|
|
17243
|
+
}
|
|
17234
17244
|
totalPageCount = newData.PageCount;
|
|
17235
17245
|
totalRecordCount = newData.RowCount;
|
|
17236
17246
|
});
|
|
@@ -17263,6 +17273,13 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
17263
17273
|
e.editorOptions.onFocusOut = enableScrolling;
|
|
17264
17274
|
}
|
|
17265
17275
|
}
|
|
17276
|
+
if (e.editorOptions && e.rowType === 'data' && e.parentType === 'dataRow') {
|
|
17277
|
+
e.editorOptions.onValueChanged = function (args) {
|
|
17278
|
+
if (args.event && args.event.type === 'cancel') {
|
|
17279
|
+
e.cellElement.dispatchEvent(onCancelEditEvent);
|
|
17280
|
+
}
|
|
17281
|
+
};
|
|
17282
|
+
}
|
|
17266
17283
|
}, [props.isServerSide]);
|
|
17267
17284
|
var getServerSide = React.useCallback(function (type) {
|
|
17268
17285
|
try {
|
|
@@ -17424,7 +17441,6 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
17424
17441
|
showBorders: true,
|
|
17425
17442
|
columnAutoWidth: false,
|
|
17426
17443
|
onEditorPreparing: onEditorPreparing,
|
|
17427
|
-
onSaving: props.onSaving,
|
|
17428
17444
|
ref: handleRef,
|
|
17429
17445
|
onExporting: onExporting,
|
|
17430
17446
|
height: props.height == undefined ? window.innerHeight - 164 : props.height,
|
|
@@ -17448,7 +17464,6 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
17448
17464
|
columnFixing: {
|
|
17449
17465
|
enabled: true
|
|
17450
17466
|
},
|
|
17451
|
-
selectedRowKeys: props.selectedRowKeys,
|
|
17452
17467
|
onSelectionChanged: props.onSelectionChanged,
|
|
17453
17468
|
noDataText: props.noDataText,
|
|
17454
17469
|
onSaved: props.onSaved
|
|
@@ -17465,6 +17480,12 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
17465
17480
|
text: 'Passive',
|
|
17466
17481
|
value: false
|
|
17467
17482
|
}]
|
|
17483
|
+
}), col.multiLevelColumns && col.multiLevelColumns.map(function (multiLevelColItem) {
|
|
17484
|
+
return React__default.createElement(DataGrid.Column, {
|
|
17485
|
+
dataField: multiLevelColItem.dataField,
|
|
17486
|
+
caption: multiLevelColItem.caption,
|
|
17487
|
+
width: 80
|
|
17488
|
+
});
|
|
17468
17489
|
}));
|
|
17469
17490
|
}), props.actionColumnEnable !== undefined && props.actionColumnEnable === true && React__default.createElement(DataGrid.Column, {
|
|
17470
17491
|
dataField: "Actions",
|