ods-component-lib 1.18.3 → 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() {
@@ -16537,8 +16537,8 @@ var totalPageCount = 1;
 var loadedPageCount = 1;
 var totalRecordCount = 0;
 var useToken$1 = theme.useToken;
-var DataGridEesCopy = function DataGridEesCopy(props) {
-  var _props$selectOptions, _props$selectOptions$, _props$selectOptions2, _props$selectOptions$2, _props$selectOptions3;
+var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
+  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,35 +16549,39 @@ var DataGridEesCopy = function DataGridEesCopy(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.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;
@@ -16634,6 +16638,7 @@ var DataGridEesCopy = function DataGridEesCopy(props) {
         dxScrollable.off("scroll");
         dxScrollable.on("scroll", function (args) {
           if (args.reachedBottom) {
+            debugger;
             getServerSide("reachedBottom");
           }
         });
@@ -16728,7 +16733,13 @@ var DataGridEesCopy = function DataGridEesCopy(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 = "";
@@ -16737,6 +16748,17 @@ var DataGridEesCopy = function DataGridEesCopy(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,
@@ -16791,7 +16813,7 @@ var DataGridEesCopy = function DataGridEesCopy(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,
@@ -16801,7 +16823,15 @@ var DataGridEesCopy = function DataGridEesCopy(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,
@@ -16902,12 +16932,12 @@ var DataGridEesCopy = function DataGridEesCopy(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
@@ -16918,7 +16948,7 @@ var DataGridEesCopy = function DataGridEesCopy(props) {
     customSave: customSave
   })));
 };
-var OdsRemoteDataGrid = React.memo(DataGridEesCopy);
+var OdsRemoteDataGrid$1 = React.memo(OdsRemoteDataGrid);
 
-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 };
+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$1 as OdsRemoteDataGrid, OdsSearch, OdsSelect, OdsSelectableTable, OdsSpin, OdsSwitch, OdsTab, OdsBasicTable as OdsTable, OdsTag, OdsText, OdsTextArea, OdsTimeline, OdsTimepicker, OdsTitle };
 //# sourceMappingURL=index.modern.js.map