ods-component-lib 1.18.99 → 1.18.102

package/dist/index.modern.js

@@ -1,9 +1,9 @@
-import { Alert, AutoComplete, Button, Dropdown, Calendar, Card as Card$1, Checkbox, DatePicker, Divider, Collapse, Image, Input, InputNumber, List, Modal, notification, Radio, Rate, Select, Space, Spin, Switch, Tabs, Table, Tag, Timeline, TimePicker, Typography, theme, Badge, Menu, Form as Form$1, Row, Col, Tooltip } from 'antd';
+import { Alert, AutoComplete, Button, Dropdown, Calendar, Card as Card$1, Checkbox, DatePicker, Divider, Collapse, Image, Input, InputNumber, List, Modal, notification, Radio, Rate, Select, Space, Spin, Switch, Tabs, Table, Tag, Timeline, TimePicker, Typography, theme, Badge, Menu, Form as Form$1, Row, Col, Upload, Tooltip } from 'antd';
 import styled, { ThemeProvider } from 'styled-components';
 import React, { useState, useRef, useEffect, Fragment, useMemo, useCallback } from 'react';
 import Marquee from 'react-fast-marquee';
 import Card from 'antd/es/card/Card';
-import { EyeTwoTone, EyeInvisibleOutlined, FrownOutlined, MehOutlined, SmileOutlined, HeartOutlined, InfoCircleOutlined } from '@ant-design/icons';
+import { EyeTwoTone, EyeInvisibleOutlined, FrownOutlined, MehOutlined, SmileOutlined, HeartOutlined, PlusOutlined, InfoCircleOutlined } from '@ant-design/icons';
 import 'react-phone-input-2/lib/style.css';
 import PhoneInput from 'react-phone-input-2';
 import Parser from 'html-react-parser';
@@ -1713,6 +1713,228 @@ var OdsFilter = function OdsFilter(props) {
   }, props.buttonApplyName))))));
 };
 
+var Title$1 = Typography.Title;
+function OdsFileUpload(props) {
+  var image = props.image,
+    removeFile = props.removeFile,
+    title = props.title,
+    sendDataToParent = props.sendDataToParent,
+    _props$allowDocumentU = props.allowDocumentUpload,
+    allowDocumentUpload = _props$allowDocumentU === void 0 ? false : _props$allowDocumentU,
+    _props$multipleDoc = props.multipleDoc,
+    multipleDoc = _props$multipleDoc === void 0 ? false : _props$multipleDoc;
+  var _useState = useState(false),
+    previewOpen = _useState[0],
+    setPreviewOpen = _useState[1];
+  var _useState2 = useState(null),
+    previewImage = _useState2[0],
+    setPreviewImage = _useState2[1];
+  var _useState3 = useState([]),
+    fileList = _useState3[0],
+    setFileList = _useState3[1];
+  var _useState4 = useState(""),
+    previewFileName = _useState4[0],
+    setPreviewFileName = _useState4[1];
+  var getBase64 = function getBase64(img, callback) {
+    var reader = new FileReader();
+    reader.addEventListener('load', function () {
+      return callback(reader.result);
+    });
+    if (img !== undefined) {
+      reader.readAsDataURL(img);
+      if (!multipleDoc) setPreviewFileName(img.name);
+    }
+  };
+  var uploadProps = {
+    name: 'file',
+    accept: 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",
+    multiple: multipleDoc,
+    maxCount: multipleDoc ? 10 : 1,
+    listType: 'picture-card',
+    type: "select",
+    onPreview: function onPreview(file) {
+      if (multipleDoc) {
+        var fileExtension = file.name != "" ? file.name.split('.').pop().toLowerCase() : file.url.split('.').pop().toLowerCase();
+        if (fileExtension === "docx" || fileExtension === "xlsx") {
+          downloadFile(file.url, file.thumbUrl, file.name);
+          setPreviewOpen(false);
+          return;
+        }
+        setPreviewFileName(file.name);
+      }
+      setPreviewImage(file.url || file.thumbUrl || '');
+      handlePreview();
+    },
+    showUploadList: {
+      showPreviewIcon: true,
+      showRemoveIcon: true,
+      showDownloadIcon: true
+    },
+    beforeUpload: function (file) {
+      try {
+        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 = file.size / (1024 * 1024) <= 1;
+        var checkType = fileType.includes(file.type);
+        if (!checkType) {
+          return Promise.resolve(Upload.LIST_IGNORE);
+        }
+        if (!isFileSizeOk) {
+          return Promise.resolve(Upload.LIST_IGNORE);
+        }
+        return Promise.resolve(false);
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    },
+    onChange: function onChange(info) {
+      if (info.fileList) {
+        var updatedFileList = info.fileList.map(function (file) {
+          if (file.originFileObj) {
+            getBase64(file.originFileObj, function (url) {
+              sendDataToParent({
+                base64: url,
+                fileName: file.name,
+                plainTextBase64: splitAtFirstComma(url)[1],
+                id: file.uid
+              });
+            });
+          }
+          return file;
+        });
+        setFileList(updatedFileList);
+      }
+    },
+    onRemove: function onRemove(file) {
+      if (!multipleDoc) {
+        setFileList(null);
+        sendDataToParent({
+          base64: null,
+          fileName: null,
+          plainTextBase64: null,
+          id: null
+        });
+        return;
+      }
+      var updatedFileList = fileList.filter(function (item) {
+        return item.uid !== file.uid;
+      });
+      setFileList(updatedFileList);
+      removeFile(updatedFileList.map(function (file) {
+        return file.uid;
+      }));
+    },
+    onDownload: function onDownload(file) {
+      downloadFile(file.url, file.thumbUrl, file.name);
+    },
+    fileList: fileList
+  };
+  function splitAtFirstComma(input) {
+    var index = input.indexOf(',');
+    if (index !== -1) {
+      var firstPart = input.substring(0, index).trim();
+      var secondPart = input.substring(index + 1).trim();
+      return [firstPart, secondPart];
+    } else {
+      return [input, ''];
+    }
+  }
+  var handleCancel = function handleCancel() {
+    return setPreviewOpen(false);
+  };
+  var handlePreview = function handlePreview() {
+    setPreviewOpen(true);
+  };
+  useEffect(function () {
+    if (image) {
+      var formattedFiles = multipleDoc ? image.map(function (file) {
+        return {
+          uid: file.uid,
+          name: file.filename,
+          status: 'done',
+          url: file.url
+        };
+      }) : [{
+        uid: "1",
+        name: "file",
+        status: 'done',
+        url: image
+      }];
+      setFileList(formattedFiles);
+    }
+  }, [image]);
+  var renderPreviewContent = function renderPreviewContent(fileName, previewSrc) {
+    if (previewSrc === null) {
+      return "";
+    }
+    if (!multipleDoc) {
+      return React.createElement("img", {
+        alt: fileName == "" ? "file" : fileName,
+        style: {
+          width: '100%'
+        },
+        src: previewSrc
+      });
+    } else {
+      var fileExtension = fileName != "" ? fileName.split('.').pop().toLowerCase() : previewSrc.split('.').pop().toLowerCase();
+      if (fileExtension === "png" || fileExtension === "jpg" || fileExtension === "jpeg" || fileExtension === "svg") {
+        return React.createElement("img", {
+          alt: fileName == "" ? "file" : fileName,
+          style: {
+            width: '100%'
+          },
+          src: previewSrc
+        });
+      } else if (fileExtension === "pdf") {
+        return React.createElement("embed", {
+          src: previewSrc,
+          type: "application/pdf",
+          width: "100%",
+          height: "800px"
+        });
+      } else {
+        setPreviewOpen(false);
+        return "";
+      }
+    }
+  };
+  function downloadFile(url, thumbUrl, name) {
+    var base64 = url || thumbUrl;
+    var extension = name ? name.split('.').pop() : url.split('.').pop();
+    var fileName = name || "download." + extension;
+    fetch(base64).then(function (res) {
+      return res.blob();
+    }).then(function (blob) {
+      var blobURL = window.URL.createObjectURL(blob);
+      var link = document.createElement('a');
+      link.href = blobURL;
+      link.setAttribute('download', fileName);
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      window.URL.revokeObjectURL(blobURL);
+    })["catch"](function (err) {
+      return console.error('Failed to download file:', err);
+    });
+  }
+  return React.createElement("div", null, React.createElement(Title$1, {
+    level: 5
+  }, title), React.createElement(Upload, Object.assign({}, uploadProps), (fileList === null || fileList === void 0 ? void 0 : fileList.length) < 10 && React.createElement("div", null, React.createElement(PlusOutlined, null), React.createElement("div", {
+    style: {
+      marginTop: 8
+    }
+  }, "Upload"))), React.createElement(Modal, {
+    open: previewOpen,
+    title: null,
+    footer: null,
+    onCancel: handleCancel,
+    width: "100%"
+  }, React.createElement("div", {
+    style: {
+      padding: '25px'
+    }
+  }, renderPreviewContent(previewFileName, previewImage))));
+}
+
 // A type of promise-like that resolves synchronously and supports only one observer
 
 const _iteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator"))) : "@@iterator";
@@ -33472,21 +33694,32 @@ var showSummaryItems = function showSummaryItems(props) {
   var _props$customSummary, _props$customSummary2, _props$customSummary3, _props$customSummary4, _props$customSummary5;
   return ((_props$customSummary = props.customSummary) === null || _props$customSummary === void 0 ? void 0 : _props$customSummary.showAvgInSummary) || ((_props$customSummary2 = props.customSummary) === null || _props$customSummary2 === void 0 ? void 0 : _props$customSummary2.showCountInSummary) || ((_props$customSummary3 = props.customSummary) === null || _props$customSummary3 === void 0 ? void 0 : _props$customSummary3.showMaxInSummary) || ((_props$customSummary4 = props.customSummary) === null || _props$customSummary4 === void 0 ? void 0 : _props$customSummary4.showMinInSummary) || ((_props$customSummary5 = props.customSummary) === null || _props$customSummary5 === void 0 ? void 0 : _props$customSummary5.showSumInSummary);
 };
-var getSummaryItems = function getSummaryItems(props, columns, grid) {
+var getSummaryItems = function getSummaryItems(props, columns, grid, isMultiLevelColumn) {
+  if (isMultiLevelColumn === void 0) {
+    isMultiLevelColumn = false;
+  }
   var totalItems = [];
   columns.map(function (col, _index) {
-    var _props$customSummary6, _props$customSummary7, _props$customSummary8, _props$customSummary9, _props$customSummary10, _props$customSummary11, _props$customSummary12, _props$customSummary13, _props$customSummary14, _props$customSummary15;
-    var colOption = grid.columnOption(col.dataField);
-    ((_props$customSummary6 = props.customSummary) === null || _props$customSummary6 === void 0 ? void 0 : _props$customSummary6.showAvgInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "avg", (_props$customSummary7 = props.customSummary) === null || _props$customSummary7 === void 0 ? void 0 : _props$customSummary7.summaryAvgLabel));
-    ((_props$customSummary8 = props.customSummary) === null || _props$customSummary8 === void 0 ? void 0 : _props$customSummary8.showCountInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "count", (_props$customSummary9 = props.customSummary) === null || _props$customSummary9 === void 0 ? void 0 : _props$customSummary9.summaryCountLabel));
-    ((_props$customSummary10 = props.customSummary) === null || _props$customSummary10 === void 0 ? void 0 : _props$customSummary10.showMaxInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "max", (_props$customSummary11 = props.customSummary) === null || _props$customSummary11 === void 0 ? void 0 : _props$customSummary11.summaryMaxLabel));
-    ((_props$customSummary12 = props.customSummary) === null || _props$customSummary12 === void 0 ? void 0 : _props$customSummary12.showMinInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "min", (_props$customSummary13 = props.customSummary) === null || _props$customSummary13 === void 0 ? void 0 : _props$customSummary13.summaryMinLabel));
-    ((_props$customSummary14 = props.customSummary) === null || _props$customSummary14 === void 0 ? void 0 : _props$customSummary14.showSumInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "sum", (_props$customSummary15 = props.customSummary) === null || _props$customSummary15 === void 0 ? void 0 : _props$customSummary15.summarySumLabel));
+    if (col.multiLevelColumns && col.multiLevelColumns.length > 0) {
+      totalItems = [].concat(totalItems, getSummaryItems(props, col.multiLevelColumns, grid, true));
+    } else {
+      var _props$customSummary6, _props$customSummary7, _props$customSummary8, _props$customSummary9, _props$customSummary10, _props$customSummary11, _props$customSummary12, _props$customSummary13, _props$customSummary14, _props$customSummary15;
+      var colOption = grid.columnOption(col.dataField);
+      if (!colOption) {
+        return col;
+      }
+      ((_props$customSummary6 = props.customSummary) === null || _props$customSummary6 === void 0 ? void 0 : _props$customSummary6.showAvgInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "avg", isMultiLevelColumn, (_props$customSummary7 = props.customSummary) === null || _props$customSummary7 === void 0 ? void 0 : _props$customSummary7.summaryAvgLabel));
+      ((_props$customSummary8 = props.customSummary) === null || _props$customSummary8 === void 0 ? void 0 : _props$customSummary8.showCountInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "count", isMultiLevelColumn, (_props$customSummary9 = props.customSummary) === null || _props$customSummary9 === void 0 ? void 0 : _props$customSummary9.summaryCountLabel));
+      ((_props$customSummary10 = props.customSummary) === null || _props$customSummary10 === void 0 ? void 0 : _props$customSummary10.showMaxInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "max", isMultiLevelColumn, (_props$customSummary11 = props.customSummary) === null || _props$customSummary11 === void 0 ? void 0 : _props$customSummary11.summaryMaxLabel));
+      ((_props$customSummary12 = props.customSummary) === null || _props$customSummary12 === void 0 ? void 0 : _props$customSummary12.showMinInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "min", isMultiLevelColumn, (_props$customSummary13 = props.customSummary) === null || _props$customSummary13 === void 0 ? void 0 : _props$customSummary13.summaryMinLabel));
+      ((_props$customSummary14 = props.customSummary) === null || _props$customSummary14 === void 0 ? void 0 : _props$customSummary14.showSumInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "sum", isMultiLevelColumn, (_props$customSummary15 = props.customSummary) === null || _props$customSummary15 === void 0 ? void 0 : _props$customSummary15.summarySumLabel));
+    }
+    return col;
   });
   return totalItems;
 };
-var getSummaryItem = function getSummaryItem(col, visibleIndex, summaryType, label) {
-  if (visibleIndex == 0) {
+var getSummaryItem = function getSummaryItem(col, visibleIndex, summaryType, isMultiLevelColumn, label) {
+  if (!isMultiLevelColumn && visibleIndex == 0) {
     return React.createElement(TotalItem, {
       column: col.dataField,
       summaryType: "custom",
@@ -33555,39 +33788,42 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   var filterApplied = useRef(false);
   var pkName = keyExpr && keyExpr.toString();
   var fileName = props.exportFileName ? props.exportFileName + moment().format("YYYYMMDD") : "DatagridExportFile" + moment().format("YYYYMMDD");
-  var _useState = useState(props.columns),
-    gridColumns = _useState[0],
-    setGridColumns = _useState[1];
-  var _useState2 = useState(false),
-    loading = _useState2[0],
-    setLoading = _useState2[1];
-  var _useState3 = useState([]),
-    data = _useState3[0],
-    setData = _useState3[1];
-  var _useState4 = useState(0),
-    filteredRowCount = _useState4[0],
-    setFilteredRowCount = _useState4[1];
-  var _useState5 = useState(false),
-    isFastUpdateModalOpen = _useState5[0],
-    setIsFastUpdateModalOpen = _useState5[1];
-  var _useState6 = useState([]),
-    selectedCells = _useState6[0],
-    setSelectedCells = _useState6[1];
+  var _useState = useState(false),
+    render = _useState[0],
+    rerender = _useState[1];
+  var _useState2 = useState(props.columns),
+    gridColumns = _useState2[0],
+    setGridColumns = _useState2[1];
+  var _useState3 = useState(false),
+    loading = _useState3[0],
+    setLoading = _useState3[1];
+  var _useState4 = useState([]),
+    data = _useState4[0],
+    setData = _useState4[1];
+  var _useState5 = useState(0),
+    filteredRowCount = _useState5[0],
+    setFilteredRowCount = _useState5[1];
+  var _useState6 = useState(false),
+    isFastUpdateModalOpen = _useState6[0],
+    setIsFastUpdateModalOpen = _useState6[1];
   var _useState7 = useState([]),
-    hoveredCells = _useState7[0],
-    setHoveredCells = _useState7[1];
+    selectedCells = _useState7[0],
+    setSelectedCells = _useState7[1];
   var _useState8 = useState([]),
-    ctrlSelectedCells = _useState8[0],
-    setCtrlSelectedCells = _useState8[1];
-  var _useState9 = useState(false),
-    ctrlSelection = _useState9[0],
-    setCtrlSelection = _useState9[1];
+    hoveredCells = _useState8[0],
+    setHoveredCells = _useState8[1];
+  var _useState9 = useState([]),
+    ctrlSelectedCells = _useState9[0],
+    setCtrlSelectedCells = _useState9[1];
   var _useState10 = useState(false),
-    contentReady = _useState10[0],
-    setContentReady = _useState10[1];
-  var _useState11 = useState(0),
-    scrollPosition = _useState11[0],
-    setScrollPosition = _useState11[1];
+    ctrlSelection = _useState10[0],
+    setCtrlSelection = _useState10[1];
+  var _useState11 = useState(false),
+    contentReady = _useState11[0],
+    setContentReady = _useState11[1];
+  var _useState12 = useState(0),
+    scrollPosition = _useState12[0],
+    setScrollPosition = _useState12[1];
   useEffect(function () {
     constants.totalPageCount = 1;
     constants.loadedPageCount = 1;
@@ -33624,6 +33860,9 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       setGridColumns(newColumns);
     }
   }, [props.columns]);
+  useEffect(function () {
+    rerender(!render);
+  }, [gridColumns]);
   useEffect(function () {
     if (Array.isArray(props.dataSource)) {
       setData(props.dataSource);
@@ -34562,5 +34801,5 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   })));
 };
 
-export { DxTreeList, OdsAlert, OdsAutoComplete, OdsBadge, OdsBadgeRibbon, OdsBannerAlert, OdsBasicTable, OdsButton, OdsCalendar, OdsCard, OdsCheckbox, OdsCheckboxGroup, OdsCollapse, OdsDataGrid, OdsDateRangePicker, OdsDatepicker, OdsDisplayGrid, OdsDivider, OdsDropdown, OdsDropdownButton, OdsFilter, OdsFilterTagView, OdsImage, OdsInput, OdsInputNumber, OdsLink, OdsList, OdsModal, OdsModalOld, OdsMultiSelect, OdsNotification, OdsParagraph, OdsPassword, OdsPhoneInput, OdsRadio, OdsRadioGroup, OdsRangeTimepicker, OdsRate, OdsRemoteDataGrid, OdsSearch, OdsSelect, OdsSelectableTable, OdsSpin, OdsSwitch, OdsTab, OdsBasicTable as OdsTable, OdsTag, OdsText, OdsTextArea, OdsTimeline, OdsTimepicker, OdsTitle };
+export { DxTreeList, OdsAlert, OdsAutoComplete, OdsBadge, OdsBadgeRibbon, OdsBannerAlert, OdsBasicTable, OdsButton, OdsCalendar, OdsCard, OdsCheckbox, OdsCheckboxGroup, OdsCollapse, OdsDataGrid, OdsDateRangePicker, OdsDatepicker, OdsDisplayGrid, OdsDivider, OdsDropdown, OdsDropdownButton, OdsFileUpload, OdsFilter, OdsFilterTagView, OdsImage, OdsInput, OdsInputNumber, OdsLink, OdsList, OdsModal, OdsModalOld, OdsMultiSelect, OdsNotification, OdsParagraph, OdsPassword, OdsPhoneInput, OdsRadio, OdsRadioGroup, OdsRangeTimepicker, OdsRate, OdsRemoteDataGrid, OdsSearch, OdsSelect, OdsSelectableTable, OdsSpin, OdsSwitch, OdsTab, OdsBasicTable as OdsTable, OdsTag, OdsText, OdsTextArea, OdsTimeline, OdsTimepicker, OdsTitle };
 //# sourceMappingURL=index.modern.js.map