ods-component-lib 1.18.1 → 1.18.3

package/dist/index.modern.js

@@ -16482,8 +16482,6 @@ function OdsDataGridNew(props) {
     }, buttonGroupItem.label));
   }), React.createElement(Item$1, {
     name: "searchPanel"
-  }), React.createElement(Item$1, {
-    name: "applyFilterButton"
   }), React.createElement(Item$1, {
     name: "columnChooserButton"
   }), React.createElement(Item$1, {
@@ -16539,7 +16537,7 @@ var totalPageCount = 1;
 var loadedPageCount = 1;
 var totalRecordCount = 0;
 var useToken$1 = theme.useToken;
-var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
+var DataGridEesCopy = function DataGridEesCopy(props) {
   var _props$selectOptions, _props$selectOptions$, _props$selectOptions2, _props$selectOptions$2, _props$selectOptions3;
   var _useToken = useToken$1(),
     token = _useToken.token;
@@ -16553,8 +16551,8 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   var gridRef = useRef(null);
   var headers = new Headers({
     'Content-Type': 'application/json',
-    'Authorization': 'Bearer ' + props.token,
-    "Accept-Language": props.language
+    'Authorization': 'Bearer ' + (props.axiosRequest ? props.axiosRequest.token : ""),
+    "Accept-Language": props.language != "" ? props.language : 'EN'
   });
   useEffect(function () {
     if (props.isApplyButtonClicked) {
@@ -16573,10 +16571,13 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       props.actionButtonGroup.push({
         icon: 'kebabMenu',
         visible: true,
-        disabled: false
+        disabled: false,
+        onclick: openActionKebab
       });
     }
+    console.log(props.actionButtonGroup);
   }, [props.actionButtonGroup]);
+  var openActionKebab = function openActionKebab() {};
   var handleRef = function handleRef(instance) {
     if (instance) {
       gridRef.current = instance;
@@ -16584,35 +16585,44 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   };
   var fetchData = function fetchData() {
     try {
-      var apiUrl = process.env.REACT_APP_API_MASTERDATA_URL + "" + props.apiUrl;
-      props.requestData.PaginatedRequest.PageNumber = loadedPageCount;
-      props.requestData.PaginatedRequest.PageSize = props.pageSize;
-      var requestOptions = {
-        method: 'POST',
-        headers: headers,
-        body: JSON.stringify(props.requestData)
-      };
-      var _temp = _finallyRethrows(function () {
-        return _catch(function () {
-          return Promise.resolve(fetch(apiUrl, requestOptions)).then(function (response) {
-            return Promise.resolve(response.json()).then(function (newData) {
-              setData(function (prevData) {
-                return [].concat(prevData, newData.Data);
+      setIsLoading(true);
+      var _temp2 = function () {
+        if (props.isServerSide) {
+          var apiUrl = props.axiosRequest.environmentUrl + "" + props.axiosRequest.apiUrl;
+          if (props.axiosRequest.requestData.PaginatedRequest !== undefined) {
+            props.axiosRequest.requestData.PaginatedRequest.PageNumber = loadedPageCount;
+            props.axiosRequest.requestData.PaginatedRequest.PageSize = props.pageSize;
+          }
+          if (props.axiosRequest.requestQueryString !== undefined) {
+            apiUrl = apiUrl + "?" + props.axiosRequest.requestQueryString;
+          }
+          var requestOptions = {
+            method: props.axiosRequest.requestType,
+            headers: headers,
+            body: JSON.stringify(props.axiosRequest.requestData)
+          };
+          var _temp = _finallyRethrows(function () {
+            return _catch(function () {
+              return Promise.resolve(fetch(apiUrl, requestOptions)).then(function (response) {
+                return Promise.resolve(response.json()).then(function (newData) {
+                  setData(function (prevData) {
+                    return [].concat(prevData, newData.Data);
+                  });
+                  totalPageCount = newData.PageCount;
+                  totalRecordCount = newData.RowCount;
+                });
               });
-              totalPageCount = newData.PageCount;
-              totalRecordCount = newData.RowCount;
-              setIsLoading(false);
+            }, function (error) {
+              console.error('Error fetching data:', error);
             });
+          }, function (_wasThrown, _result) {
+            if (_wasThrown) throw _result;
+            return _result;
           });
-        }, function (error) {
-          console.error('Error fetching data:', error);
-        });
-      }, function (_wasThrown, _result) {
-        setIsLoading(false);
-        if (_wasThrown) throw _result;
-        return _result;
-      });
-      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+          if (_temp && _temp.then) return _temp.then(function () {});
+        }
+      }();
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
@@ -16623,10 +16633,8 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       if (dxScrollable != null) {
         dxScrollable.off("scroll");
         dxScrollable.on("scroll", function (args) {
-          if (args.reachedBottom && !isLoading) {
-            if (!isLoading) {
-              getServerSide("reachedBottom");
-            }
+          if (args.reachedBottom) {
+            getServerSide("reachedBottom");
           }
         });
       }
@@ -16634,14 +16642,16 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   };
   var onEditorPreparing = function onEditorPreparing(e) {
     if (e.row !== undefined && e.parentType === 'dataRow') {
-      var disableScrolling = function disableScrolling() {
-        gridRef.current.instance.option('scrolling.mode', 'none');
-      };
-      var enableScrolling = function enableScrolling() {
-        gridRef.current.instance.option('scrolling.mode', 'virtual');
-      };
-      e.editorOptions.onFocusIn = disableScrolling;
-      e.editorOptions.onFocusOut = enableScrolling;
+      if (props.isServerSide) {
+        var disableScrolling = function disableScrolling() {
+          gridRef.current.instance.option('scrolling.mode', 'none');
+        };
+        var enableScrolling = function enableScrolling() {
+          gridRef.current.instance.option('scrolling.mode', 'virtual');
+        };
+        e.editorOptions.onFocusIn = disableScrolling;
+        e.editorOptions.onFocusOut = enableScrolling;
+      }
     }
   };
   var getServerSide = function getServerSide(type) {
@@ -16727,21 +16737,9 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     }
     return result;
   };
-  return React.createElement(React.Fragment, null, React.createElement("div", {
-    className: "odsDatagrid",
-    style: {
-      width: "100%",
-      overflowX: 'hidden',
-      overflowY: "hidden",
-      marginTop: "10px",
-      backgroundColor: token.colorBgContainer
-    }
-  }, React.createElement(DataGrid$1, {
-    style: {
-      borderRadius: token.borderRadiusLG * 2
-    },
+  return React.createElement(React.Fragment, null, React.createElement(DataGrid$1, {
     keyExpr: props.keyExpr,
-    dataSource: data,
+    dataSource: props.isServerSide ? data : props.dataSource,
     onContentReady: onContentReady,
     showBorders: true,
     columnAutoWidth: false,
@@ -16749,7 +16747,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     onSaving: props.onSaving,
     ref: handleRef,
     onExporting: onExporting,
-    height: window.innerHeight - 200,
+    height: props.height == undefined ? window.innerHeight - 164 : props.height,
     allowColumnResizing: true,
     columnResizingMode: "nextColumn",
     onRowClick: props.onRowClick,
@@ -16764,6 +16762,8 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       enabled: false
     },
     repaintChangesOnly: true,
+    focusedRowEnabled: false,
+    filterSyncEnabled: true,
     wordWrapEnabled: props.wordWrapEnabled ? props.wordWrapEnabled : false,
     columnFixing: {
       enabled: true
@@ -16788,7 +16788,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     dataField: "Actions",
     fixed: true,
     allowSorting: false,
-    caption: props.actionColumnCaption,
+    caption: "Actions",
     type: "buttons",
     showInColumnChooser: false
   }, props.actionButtonGroup && Array.isArray(props.actionButtonGroup) && props.actionButtonGroup.map(function (buttonItem) {
@@ -16823,7 +16823,15 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
         dataField: subItem.dataField
       });
     }));
-  })))), React.createElement(Scrolling, {
+  })))), React.createElement(Paging, {
+    defaultPageSize: props.pageSize
+  }), props.pagingEnable && React.createElement(Pager, {
+    visible: false,
+    displayMode: "full",
+    showPageSizeSelector: false,
+    showNavigationButtons: false,
+    showInfo: false
+  }), React.createElement(Scrolling, {
     showScrollbar: "always",
     scrollByContent: true,
     scrollByThumb: true,
@@ -16848,12 +16856,6 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   }), ((_props$selectOptions = props.selectOptions) === null || _props$selectOptions === void 0 ? void 0 : _props$selectOptions.selectEnable) && React.createElement(Selection, {
     mode: (_props$selectOptions$ = (_props$selectOptions2 = props.selectOptions) === null || _props$selectOptions2 === void 0 ? void 0 : _props$selectOptions2.mode) != null ? _props$selectOptions$ : "multiple",
     deferred: (_props$selectOptions$2 = (_props$selectOptions3 = props.selectOptions) === null || _props$selectOptions3 === void 0 ? void 0 : _props$selectOptions3.deferred) != null ? _props$selectOptions$2 : true
-  }), props.pagingEnable && React.createElement(Pager, {
-    visible: false,
-    displayMode: "full",
-    showPageSizeSelector: false,
-    showNavigationButtons: false,
-    showInfo: false
   }), React.createElement(ColumnChooser, {
     enabled: true,
     mode: "select"
@@ -16914,8 +16916,9 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     type: "custom",
     customLoad: customLoad,
     customSave: customSave
-  }))));
+  })));
 };
+var OdsRemoteDataGrid = React.memo(DataGridEesCopy);
 
 export { DxTreeList, DxTreeView, OdsAlert, OdsAutoComplete, OdsBannerAlert, OdsBasicForm, OdsBasicTable, OdsButton, OdsCalendar, OdsCard, OdsCheckbox, OdsCheckboxGroup, OdsCollapse, OdsCustomMultiSelect, OdsDataGrid, OdsDataGridNew, OdsDateRangePicker, OdsDateRangePicker as OdsDatepicker, OdsDisplayGrid, OdsDivider, OdsCollapse as OdsDropdown, OdsDropdownButton, OdsImage, OdsInput, OdsInputNumber, OdsLink, OdsList, OdsLogin, OdsMessage, OdsModal, OdsNotification, OdsParagraph, OdsPassword, OdsPhoneInput, OdsProfDataGrid, OdsRadio, OdsRadioGroup, OdsRangeTimepicker, OdsRate, OdsRemoteDataGrid, OdsSearch, OdsSelect, OdsSelectableTable, OdsSpin, OdsSwitch, OdsTab, OdsBasicTable as OdsTable, OdsTag, OdsText, OdsTextArea, OdsTimeline, OdsTimepicker, OdsTitle };
 //# sourceMappingURL=index.modern.js.map