ods-component-lib 1.20.2 → 1.20.4

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { Alert, AutoComplete, Badge, Table, Button, Calendar, Card as Card$1, Switch, Input, Select, Row, Col, Typography, Checkbox, Collapse, Tooltip as Tooltip$1, InputNumber, DatePicker, Divider, Dropdown, notification, Upload, Modal, Image, List, Space, Progress, Radio, TimePicker, Rate, Spin, Tabs, Tag, Timeline, Tree, ConfigProvider, TreeSelect, theme, Form, Popover, Transfer, Menu } from 'antd';
+import { Alert, AutoComplete, Badge, Table, Button, Calendar, Card as Card$1, Switch, Input, Select, Row, Col, Typography, Checkbox, Collapse, Tooltip as Tooltip$1, InputNumber, DatePicker, Divider, Dropdown, notification, Upload, Modal, Image as Image$1, List, Space, Progress, Radio, TimePicker, Rate, Spin, Tabs, Tag, Timeline, Tree, ConfigProvider, TreeSelect, theme, Form, Popover, Transfer, Menu } from 'antd';
 import styled, { ThemeProvider } from 'styled-components';
 import React, { useState, useCallback, useEffect, useMemo, useRef, Suspense, forwardRef, useImperativeHandle } from 'react';
 import Marquee from 'react-fast-marquee';
@@ -1094,25 +1094,50 @@ function OdsFileUpload(props) {
         var fileType = allowDocumentUpload ? ["image/png", "image/jpg", "image/jpeg", "image/svg+xml", "application/pdf", "application/vnd.ms-excel", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", "application/msword", "application/vnd.openxmlformats-officedocument.wordprocessingml.document"] : ["image/png", "image/jpg", "image/jpeg", "image/svg+xml"];
         var isFileSizeOk = skipSizeValidation ? true : file.size / (1024 * 1024) <= maxFileSizeMB;
         var checkType = fileType.includes(file.type);
-        if (!checkType) {
-          OdsNotification({
-            title: "",
-            content: customValidationMessages.typeValidationFailMessage,
-            type: "warning",
-            placement: "bottom"
-          });
-          return Promise.resolve(Upload.LIST_IGNORE);
-        }
-        if (!isFileSizeOk) {
-          OdsNotification({
-            title: "",
-            content: customValidationMessages.sizeValidationFailMessage,
-            type: "warning",
-            placement: "bottom"
+        var checkDimensions = function checkDimensions(file) {
+          return new Promise(function (resolve) {
+            if (file.type.startsWith("image/") && (props.minWidth || props.minHeight)) {
+              var img = new Image();
+              img.src = URL.createObjectURL(file);
+              img.onload = function () {
+                var isValid = (!props.minWidth || img.width >= props.minWidth) && (!props.minHeight || img.height >= props.minHeight);
+                resolve(isValid);
+              };
+            } else {
+              resolve(true);
+            }
           });
-          return Promise.resolve(Upload.LIST_IGNORE);
-        }
-        return Promise.resolve(false);
+        };
+        return Promise.resolve(checkDimensions(file)).then(function (isDimensionsOk) {
+          if (!isDimensionsOk) {
+            OdsNotification({
+              title: "",
+              content: customValidationMessages.dimensionValidationFailMessage || "Image dimensions are too small. Minimum size is " + (props.minWidth || 0) + "px width and " + (props.minHeight || 0) + "px height.",
+              type: "warning",
+              placement: "bottom"
+            });
+            return Upload.LIST_IGNORE;
+          }
+          if (!checkType) {
+            OdsNotification({
+              title: "",
+              content: customValidationMessages.typeValidationFailMessage,
+              type: "warning",
+              placement: "bottom"
+            });
+            return Upload.LIST_IGNORE;
+          }
+          if (!isFileSizeOk) {
+            OdsNotification({
+              title: "",
+              content: customValidationMessages.sizeValidationFailMessage,
+              type: "warning",
+              placement: "bottom"
+            });
+            return Upload.LIST_IGNORE;
+          }
+          return false;
+        });
       } catch (e) {
         return Promise.reject(e);
       }
@@ -1628,7 +1653,7 @@ function OdsFileUploadv2(props) {
 }
 
 function OdsImage(props) {
-  return React.createElement(Image, Object.assign({}, props));
+  return React.createElement(Image$1, Object.assign({}, props));
 }
 
 var _templateObject$g;
@@ -34082,6 +34107,70 @@ var ExportDataGridToExcel = function ExportDataGridToExcel(_ref) {
   });
 };
 
+var uniqueRecords = function uniqueRecords(value, index, array) {
+  return array.indexOf(value) === index;
+};
+var exportToExcel = function exportToExcel(props) {
+  var workbook = new Workbook();
+  var worksheet = workbook.addWorksheet('Main Sheet');
+  var lastProcessedRowData = null;
+  var rowCount = 0;
+  exportDataGrid({
+    component: props.gridComponent,
+    worksheet: worksheet,
+    selectedRowsOnly: props.selectedRowsOnly,
+    customizeCell: function customizeCell(options) {
+      var gridCell = options.gridCell,
+        excelCell = options.excelCell;
+      if (gridCell && excelCell) {
+        if (gridCell.rowType === 'data' && lastProcessedRowData !== gridCell.data) {
+          rowCount++;
+          lastProcessedRowData = gridCell.data;
+        }
+        if ((gridCell.column.dataType === "datetime" || gridCell.column.dataField === "CreateDate" || gridCell.column.dataField === "ModifyDate") && gridCell.value) {
+          excelCell.value = moment(gridCell.value).format("DD.MM.YYYY HH:mm");
+        } else if (gridCell.column.dataType === "date" && gridCell.value) {
+          excelCell.value = moment(gridCell.value).format("DD.MM.YYYY");
+        }
+        if (gridCell.rowType === 'data' && gridCell.column.dataField.toLowerCase() === "isactive") {
+          excelCell.value = gridCell.value === true ? "" + props.activeText : "" + props.passiveText;
+        }
+        excelCell.font = {
+          name: 'Arial',
+          size: 12
+        };
+        excelCell.alignment = {
+          horizontal: 'left'
+        };
+      }
+    }
+  }).then(function () {
+    var summaryResult = props.getSummary();
+    var summaryText = props.selectedRowsOnly ? summaryResult + " - " + rowCount + " " + props.selectedText : summaryResult;
+    var lastRow = worksheet.addRow([summaryText]);
+    lastRow.font = {
+      name: 'Arial',
+      size: 10,
+      bold: true
+    };
+    lastRow.alignment = {
+      horizontal: 'left'
+    };
+    workbook.xlsx.writeBuffer().then(function (buffer) {
+      var now = new Date();
+      var datePart = ('0' + now.getDate()).slice(-2) + "-" + ('0' + (now.getMonth() + 1)).slice(-2) + "-" + now.getFullYear();
+      var timePart = ('0' + now.getHours()).slice(-2) + ":" + ('0' + now.getMinutes()).slice(-2);
+      var fullFileName = props.baseFileName + "-" + datePart + "-" + timePart + ".xlsx";
+      saveAs(new Blob([buffer], {
+        type: 'application/octet-stream'
+      }), fullFileName);
+    });
+  });
+};
+var isTextEmpty = function isTextEmpty(text) {
+  return text === undefined || text === null || (text === null || text === void 0 ? void 0 : text.trim()) === '';
+};
+
 var useToken = theme.useToken;
 var OdsBatchEditDataGrid = function OdsBatchEditDataGrid(props) {
   var _props$columnResizing, _props$className, _props$selection, _props$selectOptions, _props$selectOptions$, _props$selectOptions2, _props$selectOptions$2, _props$selectOptions3;
@@ -34466,23 +34555,25 @@ var OdsBatchEditDataGrid = function OdsBatchEditDataGrid(props) {
         }
       });
     }
-    e.toolbarOptions.items.unshift({
-      location: "before",
-      cssClass: "toolbarTitleItem",
-      template: function template(_, __, container) {
-        var wrapper = document.createElement("div");
-        container.appendChild(wrapper);
-        reactDom.render(React.createElement(React.StrictMode, null, React.createElement(OdsTitle, {
-          level: 5,
-          style: {
-            display: "flex",
-            alignItems: "center",
-            alignSelf: "stretch",
-            margin: 0
-          }
-        }, props.pageTitle)), wrapper);
-      }
-    });
+    if (!isTextEmpty(props.pageTitle)) {
+      e.toolbarOptions.items.unshift({
+        location: "before",
+        cssClass: "toolbarTitleItem",
+        template: function template(_, __, container) {
+          var wrapper = document.createElement("div");
+          container.appendChild(wrapper);
+          reactDom.render(React.createElement(React.StrictMode, null, React.createElement(OdsTitle, {
+            level: 5,
+            style: {
+              display: "flex",
+              alignItems: "center",
+              alignSelf: "stretch",
+              margin: 0
+            }
+          }, props.pageTitle)), wrapper);
+        }
+      });
+    }
   };
   var checkIsPropArray = function checkIsPropArray(prop) {
     return prop && Array.isArray(prop);
@@ -35496,23 +35587,25 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
         }
       });
     }
-    e.toolbarOptions.items.unshift({
-      location: "before",
-      cssClass: "toolbarTitleItem",
-      template: function template(_, __, container) {
-        var wrapper = document.createElement("div");
-        container.appendChild(wrapper);
-        reactDom.render(React.createElement(React.StrictMode, null, React.createElement(OdsTitle, {
-          level: 5,
-          style: {
-            display: "flex",
-            alignItems: "center",
-            alignSelf: "stretch",
-            margin: 0
-          }
-        }, props.pageTitle)), wrapper);
-      }
-    });
+    if (!isTextEmpty(props.pageTitle)) {
+      e.toolbarOptions.items.unshift({
+        location: "before",
+        cssClass: "toolbarTitleItem",
+        template: function template(_, __, container) {
+          var wrapper = document.createElement("div");
+          container.appendChild(wrapper);
+          reactDom.render(React.createElement(React.StrictMode, null, React.createElement(OdsTitle, {
+            level: 5,
+            style: {
+              display: "flex",
+              alignItems: "center",
+              alignSelf: "stretch",
+              margin: 0
+            }
+          }, props.pageTitle)), wrapper);
+        }
+      });
+    }
   };
   var renderMasterDetailGrid = useCallback(function (_ref) {
     var _dataSource$data, _dataSource$data2;
@@ -54258,24 +54351,26 @@ var OdsMergeCellDataGrid = forwardRef(function (props, ref) {
         }
       });
     }
-    e.toolbarOptions.items.unshift({
-      location: "before",
-      cssClass: "toolbarTitleItem",
-      template: function template(_, __, container) {
-        var wrapper = document.createElement("div");
-        container.appendChild(wrapper);
-        var root = client_1(wrapper);
-        root.render(React.createElement(React.StrictMode, null, React.createElement(OdsTitle, {
-          level: 5,
-          style: {
-            display: "flex",
-            alignItems: "center",
-            alignSelf: "stretch",
-            margin: 0
-          }
-        }, props.pageTitle)));
-      }
-    });
+    if (!isTextEmpty(props.pageTitle)) {
+      e.toolbarOptions.items.unshift({
+        location: "before",
+        cssClass: "toolbarTitleItem",
+        template: function template(_, __, container) {
+          var wrapper = document.createElement("div");
+          container.appendChild(wrapper);
+          var root = client_1(wrapper);
+          root.render(React.createElement(React.StrictMode, null, React.createElement(OdsTitle, {
+            level: 5,
+            style: {
+              display: "flex",
+              alignItems: "center",
+              alignSelf: "stretch",
+              margin: 0
+            }
+          }, props.pageTitle)));
+        }
+      });
+    }
   };
   var handleSelectionChanged = function handleSelectionChanged(e) {
     var triggerEvent = true;
@@ -55666,23 +55761,25 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
         }
       });
     }
-    e.toolbarOptions.items.unshift({
-      location: 'before',
-      cssClass: 'toolbarTitleItem',
-      template: function template(_, __, container) {
-        var wrapper = document.createElement('div');
-        container.appendChild(wrapper);
-        reactDom.render(React.createElement(React.StrictMode, null, React.createElement(OdsTitle, {
-          level: 5,
-          style: {
-            display: "flex",
-            alignItems: "center",
-            alignSelf: "stretch",
-            margin: 0
-          }
-        }, props.pageTitle)), wrapper);
-      }
-    });
+    if (!isTextEmpty(props.pageTitle)) {
+      e.toolbarOptions.items.unshift({
+        location: 'before',
+        cssClass: 'toolbarTitleItem',
+        template: function template(_, __, container) {
+          var wrapper = document.createElement('div');
+          container.appendChild(wrapper);
+          reactDom.render(React.createElement(React.StrictMode, null, React.createElement(OdsTitle, {
+            level: 5,
+            style: {
+              display: "flex",
+              alignItems: "center",
+              alignSelf: "stretch",
+              margin: 0
+            }
+          }, props.pageTitle)), wrapper);
+        }
+      });
+    }
   };
   var detailGrid = function detailGrid(_ref) {
     var data = _ref.data;
@@ -56283,67 +56380,6 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
   }, React.createElement("p", null, renderTotal())));
 };
 
-var uniqueRecords = function uniqueRecords(value, index, array) {
-  return array.indexOf(value) === index;
-};
-var exportToExcel = function exportToExcel(props) {
-  var workbook = new Workbook();
-  var worksheet = workbook.addWorksheet('Main Sheet');
-  var lastProcessedRowData = null;
-  var rowCount = 0;
-  exportDataGrid({
-    component: props.gridComponent,
-    worksheet: worksheet,
-    selectedRowsOnly: props.selectedRowsOnly,
-    customizeCell: function customizeCell(options) {
-      var gridCell = options.gridCell,
-        excelCell = options.excelCell;
-      if (gridCell && excelCell) {
-        if (gridCell.rowType === 'data' && lastProcessedRowData !== gridCell.data) {
-          rowCount++;
-          lastProcessedRowData = gridCell.data;
-        }
-        if ((gridCell.column.dataType === "datetime" || gridCell.column.dataField === "CreateDate" || gridCell.column.dataField === "ModifyDate") && gridCell.value) {
-          excelCell.value = moment(gridCell.value).format("DD.MM.YYYY HH:mm");
-        } else if (gridCell.column.dataType === "date" && gridCell.value) {
-          excelCell.value = moment(gridCell.value).format("DD.MM.YYYY");
-        }
-        if (gridCell.rowType === 'data' && gridCell.column.dataField.toLowerCase() === "isactive") {
-          excelCell.value = gridCell.value === true ? "" + props.activeText : "" + props.passiveText;
-        }
-        excelCell.font = {
-          name: 'Arial',
-          size: 12
-        };
-        excelCell.alignment = {
-          horizontal: 'left'
-        };
-      }
-    }
-  }).then(function () {
-    var summaryResult = props.getSummary();
-    var summaryText = props.selectedRowsOnly ? summaryResult + " - " + rowCount + " " + props.selectedText : summaryResult;
-    var lastRow = worksheet.addRow([summaryText]);
-    lastRow.font = {
-      name: 'Arial',
-      size: 10,
-      bold: true
-    };
-    lastRow.alignment = {
-      horizontal: 'left'
-    };
-    workbook.xlsx.writeBuffer().then(function (buffer) {
-      var now = new Date();
-      var datePart = ('0' + now.getDate()).slice(-2) + "-" + ('0' + (now.getMonth() + 1)).slice(-2) + "-" + now.getFullYear();
-      var timePart = ('0' + now.getHours()).slice(-2) + ":" + ('0' + now.getMinutes()).slice(-2);
-      var fullFileName = props.baseFileName + "-" + datePart + "-" + timePart + ".xlsx";
-      saveAs(new Blob([buffer], {
-        type: 'application/octet-stream'
-      }), fullFileName);
-    });
-  });
-};
-
 var _templateObject$A, _templateObject2$8;
 var useStyles$a = createStyles(function (_ref) {
   var css = _ref.css;
@@ -57776,7 +57812,7 @@ var OdsTransfer = function OdsTransfer(props) {
         calculateSortValue: column.calculateSortValue,
         allowHeaderFiltering: props.showFilters
       });
-    }), props.displayPageTitle && React.createElement(Toolbar, null, React.createElement(Item, {
+    }), props.displayPageTitle && !isTextEmpty(props.pageTitle) && React.createElement(Toolbar, null, React.createElement(Item, {
       location: "before",
       cssClass: "toolbarTitleItem"
     }, React.createElement(OdsTitle, {
@@ -58039,7 +58075,7 @@ var OdsTransferV2 = function OdsTransferV2(_ref) {
         calculateSortValue: column.calculateSortValue,
         headerFilter: {}
       });
-    }), displayPageTitle && React.createElement(Toolbar, null, React.createElement(Item, {
+    }), displayPageTitle && !isTextEmpty(pageTitle) && React.createElement(Toolbar, null, React.createElement(Item, {
       location: "before",
       cssClass: "toolbarTitleItem"
     }, React.createElement(OdsTitle, {