ods-component-lib 1.18.16 → 1.18.18

package/dist/components/devextreme/OdsRemoteDataGrid.d.ts

@@ -1,6 +1,7 @@
-import React from 'react';
+import React, { MutableRefObject } from 'react';
 import { IDataGridOptions, IButtonProps, ISelectionProps, IEditingProps, ISummaryProps } from 'devextreme-react/data-grid';
 interface IOdsDataGridProps extends IDataGridOptions {
+    dataGridRef: MutableRefObject<any>;
     language: string;
     exportFileName: string;
     filterEnabledShow: boolean;
@@ -18,7 +19,6 @@ interface IOdsDataGridProps extends IDataGridOptions {
     isServerSide: boolean;
     axiosRequest?: IAxiosProps;
     customSummary?: ISummaryRowOptions;
-    onCancelEdit?: any;
 }
 interface ISummaryRowOptions {
     summaryLoadedDataLabel?: string;

package/dist/index.js

@@ -17129,7 +17129,6 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     isLoading = _useState2[0],
     setIsLoading = _useState2[1];
   var fileName = props.exportFileName ? props.exportFileName + moment().format("YYYYMMDD") : "DatagridExportFile" + moment().format("YYYYMMDD");
-  var gridRef = React.useRef(null);
   var _useState3 = React.useState(0),
     filteredRowCount = _useState3[0];
   var _useState4 = React.useState(props.columns),
@@ -17146,6 +17145,11 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     'Authorization': 'Bearer ' + (props.axiosRequest ? props.axiosRequest.token : ""),
     "Accept-Language": props.language != "" ? props.language : 'EN'
   });
+  React.useEffect(function () {
+    totalPageCount = 1;
+    loadedPageCount = 1;
+    totalRecordCount = 0;
+  }, [props.dataGridRef.current]);
   React.useEffect(function () {
     var _props$axiosRequest;
     if (props.axiosRequest !== undefined && Object.keys((_props$axiosRequest = props.axiosRequest) === null || _props$axiosRequest === void 0 ? void 0 : _props$axiosRequest.requestData).length > 0) {
@@ -17176,12 +17180,14 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       setColumns(newColumns);
     }
   }, [props.columns]);
+  React.useEffect(function () {
+    if (Array.isArray(props.dataSource) && props.dataSource.length > 0) {
+      setData(props.dataSource);
+    }
+  }, [props.dataSource]);
   React.useEffect(function () {
     localization.locale(localStorage.getItem("locale"));
     localization.loadMessages(JSON.parse(localStorage.getItem("localTranslation")));
-    if (gridRef.current) {
-      gridRef.current.instance.updateDimensions();
-    }
   }, []);
   var actionButtons = React.useMemo(function () {
     if (props.actionButtonGroup) {
@@ -17205,11 +17211,6 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       return [];
     }
   }, [props.actionButtonGroup]);
-  var handleRef = function handleRef(instance) {
-    if (instance) {
-      gridRef.current = instance;
-    }
-  };
   var fetchData = React.useCallback(function () {
     try {
       if (props.axiosRequest == undefined) return Promise.resolve();
@@ -17264,14 +17265,17 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     if (e.row !== undefined && e.parentType === 'dataRow') {
       if (props.isServerSide) {
         var disableScrolling = function disableScrolling() {
-          gridRef.current.instance.option('scrolling.mode', 'none');
+          props.dataGridRef.current.instance.option('scrolling.mode', 'none');
         };
         var enableScrolling = function enableScrolling() {
-          gridRef.current.instance.option('scrolling.mode', 'virtual');
+          props.dataGridRef.current.instance.option('scrolling.mode', 'virtual');
         };
         e.editorOptions.onFocusIn = disableScrolling;
         e.editorOptions.onFocusOut = enableScrolling;
       }
+      if (props.onEditorPreparing) {
+        props.onEditorPreparing(e);
+      }
     }
     if (e.editorOptions && e.rowType === 'data' && e.parentType === 'dataRow') {
       e.editorOptions.onValueChanged = function (args) {
@@ -17370,7 +17374,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   }, []);
   var renderTotal = React.useCallback(function () {
     var totalloaded = 0;
-    if (data.length < 50) {
+    if (data.length < 50 || !props.isServerSide || loadedPageCount == totalPageCount) {
       totalloaded = data.length;
     } else {
       totalloaded = loadedPageCount * props.pageSize;
@@ -17378,6 +17382,8 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     var result = "";
     if (filteredRowCount > 0) {
       result = "" + totalloaded + props.customSummary.summaryFilteredDataLabel + (totalRecordCount > 0 ? totalloaded + " " + props.customSummary.summaryLoadedDataLabel + ("- " + totalRecordCount) + props.customSummary.summaryTotalDataLabel : " ");
+    } else if (!props.isServerSide && totalloaded > 0) {
+      result = totalloaded + " " + props.customSummary.summaryLoadedDataLabel + ("- " + totalloaded) + props.customSummary.summaryTotalDataLabel;
     } else {
       result = totalRecordCount > 0 ? totalloaded + " " + props.customSummary.summaryLoadedDataLabel + ("- " + totalRecordCount) + props.customSummary.summaryTotalDataLabel : "";
     }
@@ -17437,11 +17443,11 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   }, [data.length]);
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(DataGrid__default, {
     keyExpr: props.keyExpr,
-    dataSource: props.isServerSide ? data : props.dataSource,
+    dataSource: data,
     showBorders: true,
     columnAutoWidth: false,
     onEditorPreparing: onEditorPreparing,
-    ref: handleRef,
+    ref: props.dataGridRef,
     onExporting: onExporting,
     height: props.height == undefined ? window.innerHeight - 164 : props.height,
     allowColumnResizing: true,
@@ -17466,7 +17472,9 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     },
     onSelectionChanged: props.onSelectionChanged,
     noDataText: props.noDataText,
-    onSaved: props.onSaved
+    onSaved: props.onSaved,
+    onSaving: props.onSaving,
+    onEditCanceling: props.onEditCanceling
   }, columns.map(function (col) {
     return React__default.createElement(DataGrid.Column, Object.assign({
       key: col.dataField