ods-component-lib 1.18.4 → 1.18.5

package/dist/index.modern.js

@@ -18,7 +18,7 @@ import { Workbook } from 'exceljs';
 import { saveAs } from 'file-saver-es';
 import moment from 'moment';
 import { GridIcon, EditIcon, Trash1Icon, CopyIcon, DiscountIcon, KebabMenuIcon, RefreshIcon } from 'ods-icon/react/24/outline';
-import { CheckBox, Lookup, TreeList } from 'devextreme-react';
+import { CheckBox, Lookup, TreeList, DropDownButton } from 'devextreme-react';
 import { TreeView } from 'devextreme-react/tree-view';
 
 function _extends() {
@@ -16538,7 +16538,7 @@ var loadedPageCount = 1;
 var totalRecordCount = 0;
 var useToken$1 = theme.useToken;
 var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
-  var _props$selectOptions, _props$selectOptions$, _props$selectOptions2, _props$selectOptions$2, _props$selectOptions3;
+  var _props$axiosRequest2, _props$selectOptions, _props$selectOptions$, _props$selectOptions2, _props$selectOptions$2, _props$selectOptions3;
   var _useToken = useToken$1(),
     token = _useToken.token;
   var _useState = useState([]),
@@ -16549,36 +16549,39 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     setIsLoading = _useState2[1];
   var fileName = props.exportFileName ? props.exportFileName + moment().format("YYYYMMDD") : "DatagridExportFile" + moment().format("YYYYMMDD");
   var gridRef = useRef(null);
+  var _useState3 = useState(0),
+    filteredRowCount = _useState3[0];
+  var _useState4 = useState([]),
+    kebabMenuButtons = _useState4[0],
+    setKebabMenuButtons = _useState4[1];
+  var _useState5 = useState([]),
+    actionButtons = _useState5[0],
+    setActionButtons = _useState5[1];
   var headers = new Headers({
     'Content-Type': 'application/json',
     'Authorization': 'Bearer ' + (props.axiosRequest ? props.axiosRequest.token : ""),
     "Accept-Language": props.language != "" ? props.language : 'EN'
   });
   useEffect(function () {
-    if (props.isApplyButtonClicked) {
+    var _props$axiosRequest;
+    if (props.isApplyButtonClicked && (_props$axiosRequest = props.axiosRequest) !== null && _props$axiosRequest !== void 0 && _props$axiosRequest.requestData) {
       totalPageCount = 1;
       loadedPageCount = 1;
       totalRecordCount = 0;
       setData([]);
       fetchData();
     }
-  }, [props.isApplyButtonClicked, props.axiosRequest.requestData]);
+  }, [props.isApplyButtonClicked, (_props$axiosRequest2 = props.axiosRequest) === null || _props$axiosRequest2 === void 0 ? void 0 : _props$axiosRequest2.requestData]);
   useEffect(function () {
     locale(localStorage.getItem("locale"));
     loadMessages(JSON.parse(localStorage.getItem("localTranslation")));
   }, []);
   useEffect(function () {
-    if (props.actionButtonGroup.length > 2) {
-      props.actionButtonGroup.push({
-        icon: 'kebabMenu',
-        visible: true,
-        disabled: false,
-        onclick: openActionKebab
-      });
+    if (props.actionButtonGroup.length >= 2) {
+      setActionButtons(props.actionButtonGroup.slice(0, 2));
+      setKebabMenuButtons(props.actionButtonGroup.slice(2, props.actionButtonGroup.length));
     }
-    console.log(props.actionButtonGroup);
   }, [props.actionButtonGroup]);
-  var openActionKebab = function openActionKebab() {};
   var handleRef = function handleRef(instance) {
     if (instance) {
       gridRef.current = instance;
@@ -16635,6 +16638,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
         dxScrollable.off("scroll");
         dxScrollable.on("scroll", function (args) {
           if (args.reachedBottom) {
+            debugger;
             getServerSide("reachedBottom");
           }
         });
@@ -16729,7 +16733,13 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   };
   var renderTotal = function renderTotal() {
     var totalloaded = loadedPageCount * props.pageSize;
-    return totalRecordCount > 0 ? totalloaded + " Loaded - " + totalRecordCount + " Total" : "";
+    var result = "";
+    if (filteredRowCount > 0) {
+      result = totalloaded + " Filtered" + (totalRecordCount > 0 ? totalloaded + " Loaded - " + totalRecordCount + " Total" : "");
+    } else {
+      result = totalRecordCount > 0 ? totalloaded + " Loaded - " + totalRecordCount + " Total" : "";
+    }
+    return result;
   };
   var renderTotalPaging = function renderTotalPaging() {
     var result = "";
@@ -16738,6 +16748,17 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     }
     return result;
   };
+  var actionCellRender = function actionCellRender() {
+    return React.createElement(DropDownButton, {
+      icon: server_browser.renderToString(React.createElement(DynamicIcon, {
+        iconName: 'kebabMenu'
+      })),
+      dataSource: kebabMenuButtons,
+      onItemClick: function onItemClick(e) {
+        return e.itemData.onClick();
+      }
+    });
+  };
   return React.createElement(React.Fragment, null, React.createElement(DataGrid$1, {
     keyExpr: props.keyExpr,
     dataSource: props.isServerSide ? data : props.dataSource,
@@ -16792,7 +16813,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     caption: "Actions",
     type: "buttons",
     showInColumnChooser: false
-  }, props.actionButtonGroup && Array.isArray(props.actionButtonGroup) && props.actionButtonGroup.map(function (buttonItem) {
+  }, actionButtons.map(function (buttonItem) {
     return React.createElement(Button$1, {
       hint: buttonItem.hint,
       visible: buttonItem.visible,
@@ -16802,7 +16823,15 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       })),
       onClick: buttonItem.onClick
     });
-  })), props.edit && React.createElement(Editing, {
+  })), kebabMenuButtons.length > 0 && React.createElement(Column, {
+    dataField: "Actionss",
+    fixed: true,
+    allowSorting: false,
+    caption: "",
+    type: "buttons",
+    showInColumnChooser: false,
+    cellRender: actionCellRender
+  }), props.edit && React.createElement(Editing, {
     mode: props.edit.mode,
     allowUpdating: props.edit.allowUpdating,
     allowDeleting: props.edit.allowDeleting,
@@ -16903,12 +16932,12 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     name: "exportButton",
     cssClass: 'toolbarPanelItems'
   })), React.createElement(Summary, null, React.createElement(TotalItem, {
-    column: "Id",
-    summaryType: "custom",
+    column: props.columns[0].dataField,
+    summaryType: "sum",
     displayFormat: "customizeText",
     customizeText: renderTotal
   }), React.createElement(TotalItem, {
-    column: "Id",
+    column: props.columns[1].dataField,
     summaryType: "sum",
     displayFormat: "customizeText",
     customizeText: renderTotalPaging