ods-component-lib 1.18.10 → 1.18.12

package/dist/index.modern.js

@@ -1,9 +1,9 @@
-import { Alert, AutoComplete, Button, Dropdown, Calendar, Card as Card$1, Checkbox, DatePicker, Divider, Input, Form, Image, InputNumber, List, Modal, notification, Radio, Rate, Select, Space, Spin, Switch, Tabs, Table, Tag, Timeline, TimePicker, Typography, theme } from 'antd';
+import { Alert, AutoComplete, Button, Dropdown, Calendar, Card as Card$1, Checkbox, DatePicker, Divider, Input, Form, Image, InputNumber, List, Modal, notification, Radio, Rate, Select, Space, Spin, Switch, Tabs, Table, Tag, Timeline, TimePicker, Typography, theme, Tooltip } from 'antd';
 import styled, { ThemeProvider } from 'styled-components';
 import React, { useState, useRef, useEffect, useMemo, useCallback } from 'react';
 import Marquee from 'react-fast-marquee';
 import Card from 'antd/es/card/Card';
-import { EyeTwoTone, EyeInvisibleOutlined, FrownOutlined, MehOutlined, SmileOutlined, HeartOutlined, UserOutlined, LockOutlined } from '@ant-design/icons';
+import { EyeTwoTone, EyeInvisibleOutlined, FrownOutlined, MehOutlined, SmileOutlined, HeartOutlined, UserOutlined, LockOutlined, InfoCircleOutlined } from '@ant-design/icons';
 import 'react-phone-input-2/lib/style.css';
 import PhoneInput from 'react-phone-input-2';
 import message from 'antd/es/message';
@@ -17127,6 +17127,9 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   var gridRef = useRef(null);
   var _useState3 = useState(0),
     filteredRowCount = _useState3[0];
+  var _useState4 = useState(props.columns),
+    columns = _useState4[0],
+    setColumns = _useState4[1];
   var headers = new Headers({
     'Content-Type': 'application/json',
     'Authorization': 'Bearer ' + (props.axiosRequest ? props.axiosRequest.token : ""),
@@ -17142,6 +17145,26 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       fetchData();
     }
   }, [(_props$axiosRequest2 = props.axiosRequest) === null || _props$axiosRequest2 === void 0 ? void 0 : _props$axiosRequest2.requestData]);
+  useEffect(function () {
+    if (columns !== undefined && columns.length > 0) {
+      var newColumns = columns.map(function (colItem) {
+        if (colItem.tooltip !== undefined && colItem.tooltip.enable) {
+          var headerCellRenderr = function headerCellRenderr() {
+            return React.createElement("div", null, React.createElement("span", null, colItem.caption), React.createElement(Tooltip, {
+              title: colItem.tooltip.title
+            }, React.createElement(InfoCircleOutlined, {
+              style: {
+                marginLeft: 5
+              }
+            })));
+          };
+          colItem.headerCellRender = headerCellRenderr;
+        }
+        return colItem;
+      });
+      setColumns(newColumns);
+    }
+  }, [props.columns]);
   useEffect(function () {
     locale(localStorage.getItem("locale"));
     loadMessages(JSON.parse(localStorage.getItem("localTranslation")));
@@ -17367,7 +17390,6 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       var scrollHeight = (_scrollable$scrollHei = scrollable === null || scrollable === void 0 ? void 0 : scrollable.scrollHeight) != null ? _scrollable$scrollHei : 0;
       var maxHeight = Math.max(top, height, scrollHeight) - 1;
       var reachedBottom = Math.ceil(top + height) >= maxHeight;
-      console.log("reachedBottom", Math.ceil(top + height), maxHeight, reachedBottom);
       var lastScrollTop = 0;
       if (top < lastScrollTop) {
         return;
@@ -17390,7 +17412,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       }
     };
   }, [data.length]);
-  return React.createElement(React.Fragment, null, React.createElement(DataGrid$1, {
+  return React.createElement(React.Fragment, null, React.createElement(DataGrid$1, Object.assign({
     keyExpr: props.keyExpr,
     dataSource: props.isServerSide ? data : props.dataSource,
     showBorders: true,
@@ -17420,7 +17442,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     columnFixing: {
       enabled: true
     }
-  }, props.columns.map(function (col) {
+  }, props), columns.map(function (col) {
     return React.createElement(Column, Object.assign({
       key: col.dataField
     }, col, {
@@ -17564,12 +17586,12 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     name: "exportButton",
     cssClass: 'toolbarPanelItems'
   })), React.createElement(Summary, null, React.createElement(TotalItem, {
-    column: props.columns[0].dataField,
+    column: columns[0].dataField,
     summaryType: "sum",
     displayFormat: "customizeText",
     customizeText: renderTotal
   }), React.createElement(TotalItem, {
-    column: props.columns[1].dataField,
+    column: columns[1].dataField,
     summaryType: "sum",
     displayFormat: "customizeText",
     customizeText: renderTotalPaging