ods-component-lib 1.18.9 → 1.18.11

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';
@@ -17114,7 +17114,7 @@ var loadedPageCount = 1;
 var totalRecordCount = 0;
 var useToken$1 = theme.useToken;
 var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
-  var _props$axiosRequest2, _props$axiosRequest4, _props$axiosRequest5, _props$axiosRequest6, _props$axiosRequest7, _props$axiosRequest8, _props$axiosRequest9, _props$selectOptions, _props$selectOptions$, _props$selectOptions2, _props$selectOptions$2, _props$selectOptions3;
+  var _props$axiosRequest2, _props$axiosRequest3, _props$axiosRequest4, _props$axiosRequest5, _props$axiosRequest6, _props$axiosRequest7, _props$axiosRequest8, _props$selectOptions, _props$selectOptions$, _props$selectOptions2, _props$selectOptions$2, _props$selectOptions3;
   var _useToken = useToken$1(),
     token = _useToken.token;
   var _useState = useState([]),
@@ -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 : ""),
@@ -17134,7 +17137,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   });
   useEffect(function () {
     var _props$axiosRequest;
-    if (Object.keys((_props$axiosRequest = props.axiosRequest) === null || _props$axiosRequest === void 0 ? void 0 : _props$axiosRequest.requestData).length > 0) {
+    if (props.axiosRequest !== undefined && Object.keys((_props$axiosRequest = props.axiosRequest) === null || _props$axiosRequest === void 0 ? void 0 : _props$axiosRequest.requestData).length > 0) {
       totalPageCount = 1;
       loadedPageCount = 1;
       totalRecordCount = 0;
@@ -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")));
@@ -17178,8 +17201,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   };
   var fetchData = useCallback(function () {
     try {
-      var _props$axiosRequest3;
-      if (Object.keys((_props$axiosRequest3 = props.axiosRequest) === null || _props$axiosRequest3 === void 0 ? void 0 : _props$axiosRequest3.requestData).length === 0) return Promise.resolve();
+      if (props.axiosRequest == undefined) return Promise.resolve();
       setIsLoading(true);
       var _temp2 = function () {
         if (props.isServerSide) {
@@ -17221,7 +17243,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     } catch (e) {
       return Promise.reject(e);
     }
-  }, [(_props$axiosRequest4 = props.axiosRequest) === null || _props$axiosRequest4 === void 0 ? void 0 : _props$axiosRequest4.requestData, (_props$axiosRequest5 = props.axiosRequest) === null || _props$axiosRequest5 === void 0 ? void 0 : _props$axiosRequest5.apiUrl, (_props$axiosRequest6 = props.axiosRequest) === null || _props$axiosRequest6 === void 0 ? void 0 : _props$axiosRequest6.environmentUrl, (_props$axiosRequest7 = props.axiosRequest) === null || _props$axiosRequest7 === void 0 ? void 0 : _props$axiosRequest7.requestQueryString, (_props$axiosRequest8 = props.axiosRequest) === null || _props$axiosRequest8 === void 0 ? void 0 : _props$axiosRequest8.requestType, props.pageSize, props.isServerSide]);
+  }, [(_props$axiosRequest3 = props.axiosRequest) === null || _props$axiosRequest3 === void 0 ? void 0 : _props$axiosRequest3.requestData, (_props$axiosRequest4 = props.axiosRequest) === null || _props$axiosRequest4 === void 0 ? void 0 : _props$axiosRequest4.apiUrl, (_props$axiosRequest5 = props.axiosRequest) === null || _props$axiosRequest5 === void 0 ? void 0 : _props$axiosRequest5.environmentUrl, (_props$axiosRequest6 = props.axiosRequest) === null || _props$axiosRequest6 === void 0 ? void 0 : _props$axiosRequest6.requestQueryString, (_props$axiosRequest7 = props.axiosRequest) === null || _props$axiosRequest7 === void 0 ? void 0 : _props$axiosRequest7.requestType, props.pageSize, props.isServerSide]);
   var onEditorPreparing = useCallback(function (e) {
     if (e.row !== undefined && e.parentType === 'dataRow') {
       if (props.isServerSide) {
@@ -17358,7 +17380,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   }, [kebabMenuButtons]);
   var onScrollEnd = useCallback(function () {
     getServerSide("reachedBottom");
-  }, [(_props$axiosRequest9 = props.axiosRequest) === null || _props$axiosRequest9 === void 0 ? void 0 : _props$axiosRequest9.requestData, getServerSide]);
+  }, [(_props$axiosRequest8 = props.axiosRequest) === null || _props$axiosRequest8 === void 0 ? void 0 : _props$axiosRequest8.requestData, getServerSide]);
   var handleScroll = function handleScroll(e) {
     var run = debounce_1(function (e) {
       var _scrollable$scrollTop, _scrollable$clientHei, _scrollable$scrollHei;
@@ -17421,7 +17443,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     columnFixing: {
       enabled: true
     }
-  }, props.columns.map(function (col) {
+  }, columns.map(function (col) {
     return React.createElement(Column, Object.assign({
       key: col.dataField
     }, col, {
@@ -17565,12 +17587,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