ods-component-lib 1.18.41 → 1.18.42

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

@@ -0,0 +1,2 @@
+export interface OdsDatagridProps {
+}

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

@@ -28,6 +28,7 @@ interface ISummaryRowOptions {
     summaryTotalDataLabel?: string;
     summaryFilteredDataLabel?: string;
     summaryItems?: ISummaryProps[];
+    summaryTotalCount?: number;
 }
 interface IAxiosProps {
     token: string;

package/dist/components/devextreme/datagridUtils/DxDataPopupForm.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const _default: React.MemoExoticComponent<(props: any) => React.JSX.Element>;
+export default _default;

package/dist/components/devextreme/datagridUtils/DynamicIcon.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const DynamicIcon: ({ iconName }: {
+    iconName: any;
+}) => React.JSX.Element;
+export default DynamicIcon;

package/dist/components/devextreme/treeview/DxTreeList.d.ts

@@ -1,3 +1,4 @@
+import { ITreeListOptions } from "devextreme-react/tree-list";
 import React from "react";
-declare const DxTreeList: (props: any) => React.JSX.Element;
+declare const DxTreeList: (props: ITreeListOptions<any, any>) => React.JSX.Element;
 export default DxTreeList;

package/dist/index.js

@@ -1578,57 +1578,7 @@ function grid(props) {
 }
 
 var DxTreeList = function DxTreeList(props) {
-  var _useState = React.useState(props.dataSource),
-    dataSource = _useState[0];
-  var renderReadButtons = function renderReadButtons(data) {
-    return React__default.createElement("div", null, React__default.createElement(OdsSwitch, {
-      onChange: function onChange(checked) {
-        return onchangeRead(checked, data);
-      },
-      checked: data.ReadPermission
-    }));
-  };
-  var renderModifyButtons = function renderModifyButtons(data) {
-    return React__default.createElement("div", null, React__default.createElement(OdsSwitch, {
-      onChange: function onChange(checked) {
-        return onchangeModify(checked, data);
-      },
-      checked: data.ModifyPermission
-    }));
-  };
-  var onchangeModify = function onchangeModify(checked, data) {
-    data.ModifyPermission = checked;
-    props.onDataChange(dataSource);
-  };
-  var onchangeRead = function onchangeRead(checked, data) {
-    data.ReadPermission = checked;
-    props.onDataChange(dataSource);
-  };
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(devextremeReact.TreeList, {
-    id: "Id",
-    dataSource: dataSource,
-    showRowLines: true,
-    showBorders: true,
-    columnAutoWidth: true,
-    itemsExpr: props.itemsExpr,
-    wordWrapEnabled: true,
-    dataStructure: "tree"
-  }, React__default.createElement(DataGrid.Column, {
-    dataField: "Name",
-    caption: "Name"
-  }), React__default.createElement(DataGrid.Column, {
-    caption: "Read",
-    cellRender: function cellRender(_ref) {
-      var data = _ref.data;
-      return renderReadButtons(data);
-    }
-  }), React__default.createElement(DataGrid.Column, {
-    caption: "Modify",
-    cellRender: function cellRender(_ref2) {
-      var data = _ref2.data;
-      return renderModifyButtons(data);
-    }
-  })));
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(devextremeReact.TreeList, Object.assign({}, props), props.children));
 };
 
 var DxTreeView = function DxTreeView(props) {
@@ -16505,7 +16455,8 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     setIsLoading = _useState2[1];
   var fileName = props.exportFileName ? props.exportFileName + moment().format("YYYYMMDD") : "DatagridExportFile" + moment().format("YYYYMMDD");
   var _useState3 = React.useState(0),
-    filteredRowCount = _useState3[0];
+    filteredRowCount = _useState3[0],
+    setFilteredRowCount = _useState3[1];
   var _useState4 = React.useState(props.columns),
     columns = _useState4[0],
     setColumns = _useState4[1];
@@ -16779,7 +16730,24 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     }
   }, []);
   var renderTotal = React.useCallback(function () {
-    return totalRecordCount > 0 ? props.customSummary.summaryTotalDataLabel + " : " + totalRecordCount : "";
+    var result = "";
+    var totalloaded = 0;
+    if (data.length < 50 || !props.isServerSide || loadedPageCount == totalPageCount) {
+      totalloaded = data.length;
+    } else {
+      totalloaded = loadedPageCount * props.pageSize;
+    }
+    if (props.isServerSide) {
+      result = totalRecordCount > 0 ? totalloaded + " " + props.customSummary.summaryLoadedDataLabel + ("- " + totalRecordCount) + props.customSummary.summaryTotalDataLabel : "";
+      if (filteredRowCount > 0 && totalloaded !== filteredRowCount) {
+        var filteredLabel = filteredRowCount + " " + props.customSummary.summaryFilteredDataLabel + "- ";
+        result = filteredLabel + " " + result;
+      }
+    }
+    if (props.customSummary.summaryTotalCount !== undefined && !props.isServerSide) {
+      result = props.customSummary.summaryTotalDataLabel + " : " + props.customSummary.summaryTotalCount;
+    }
+    return result;
   }, [data, filteredRowCount, loadedPageCount, props.pageSize, totalRecordCount]);
   var renderTotalPaging = React.useCallback(function () {
     var result = "";
@@ -16835,6 +16803,11 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       });
     };
   }, [data.length]);
+  var handleContentReady = function handleContentReady(e) {
+    var dataGridInstance = e.component;
+    var filteredDataCount = dataGridInstance.totalCount();
+    setFilteredRowCount(filteredDataCount);
+  };
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(DataGrid__default, {
     keyExpr: props.keyExpr,
     dataSource: data,
@@ -16868,7 +16841,8 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     noDataText: props.noDataText,
     onSaved: props.onSaved,
     onSaving: props.onSaving,
-    onEditCanceling: props.onEditCanceling
+    onEditCanceling: props.onEditCanceling,
+    onContentReady: handleContentReady
   }, columns.map(function (col) {
     return React__default.createElement(DataGrid.Column, Object.assign({
       key: col.dataField