ods-component-lib 1.18.257 → 1.18.259

package/dist/components/devextreme/OdsTimelineTable/OdsTimelineTable.Types.d.ts

@@ -128,10 +128,15 @@ export interface IOdsTimelineTableToolbarSettings {
         passiveText?: string;
         pdf?: {
             title?: string;
+            loadingText?: string;
             documentFormat?: ExportDocumentType;
         };
         excel?: {
             title?: string;
+            loadingText?: string;
+        };
+        messages?: {
+            noRecord?: string;
         };
     };
     columnChooser?: {

package/dist/index.js

@@ -56936,7 +56936,7 @@ var callAddFont = function callAddFont() {
 jsPDF.jsPDF.API.events.push(['addFonts', callAddFont]);
 
 var OdsTimelineTable = React.forwardRef(function (props, ref) {
-  var _toolbarSettings$sear, _toolbarSettings$sear5, _toolbarSettings$expo12, _toolbarSettings$expo13, _toolbarSettings$expo14, _toolbarSettings$expo15, _toolbarSettings$expo16, _toolbarSettings$expo17, _toolbarSettings$expo18, _toolbarSettings$colu;
+  var _toolbarSettings$sear, _toolbarSettings$sear5, _toolbarSettings$expo12, _toolbarSettings$expo13, _toolbarSettings$expo14, _toolbarSettings$expo15, _toolbarSettings$expo19, _toolbarSettings$expo20, _toolbarSettings$expo21, _toolbarSettings$colu, _props$toolbarSetting5, _props$toolbarSetting6, _props$toolbarSetting7, _props$toolbarSetting8;
   var customColumns = props.customColumns,
     customTasks = props.customTasks,
     customTaskKey = props.customTaskKey,
@@ -56988,6 +56988,12 @@ var OdsTimelineTable = React.forwardRef(function (props, ref) {
       return item.name;
     })),
     unvisibleColumnNames = _useState9[0];
+  var _useState10 = React.useState(false),
+    exportPdfModalOpen = _useState10[0],
+    setExportPdfModalOpen = _useState10[1];
+  var _useState11 = React.useState(false),
+    exporting = _useState11[0],
+    setExporting = _useState11[1];
   var originalSortingMode = sorting.mode === undefined || sorting.mode === "" ? "none" : sorting.mode;
   var sortingMode = sortingProcess == "ServerSideSorting" ? "none" : originalSortingMode;
   var showSortIndexes = sortingProcess == "ServerSideSorting" ? false : sorting.showSortIndexes;
@@ -57027,7 +57033,8 @@ var OdsTimelineTable = React.forwardRef(function (props, ref) {
     setExportableTasks(result);
   };
   var prepareTimelineTasks = function prepareTimelineTasks(tasks, selectedKeys) {
-    setTimelineTasks(mapSelectedKeys(tasks.map(mapCustomTask), customTaskKey, multiSelectionEnabled ? selectedKeys : selectedKeys.length > 0 ? selectedKeys[0] : []));
+    var _tasks = mapSelectedKeys(tasks.map(mapCustomTask), customTaskKey, multiSelectionEnabled ? selectedKeys : selectedKeys.length > 0 ? selectedKeys[0] : []);
+    setTimelineTasks(_tasks);
   };
   var getSelectedRowsData = function getSelectedRowsData() {
     return timelineTasks.filter(function (item) {
@@ -57267,7 +57274,8 @@ var OdsTimelineTable = React.forwardRef(function (props, ref) {
     }).then(function (doc) {
       return doc.save(getExportFileName());
     })["finally"](function () {
-      return exportableTimelineTable.repaint();
+      setExporting(false);
+      setExportPdfModalOpen(false);
     });
   };
   var getExportFileName = function getExportFileName() {
@@ -57294,6 +57302,7 @@ var OdsTimelineTable = React.forwardRef(function (props, ref) {
     };
     lodash.forEach(exportableColumns, function (item) {
       var col = _extends({}, item, {
+        dataType: item.dataType === "date" || item.dataType === "datetime" ? "string" : item.dataType,
         cssClass: "cellCenteredVertically",
         width: isResizableColumn(item) ? getNewWidth(item) : getStaticColumnWidth(item)
       });
@@ -57301,6 +57310,41 @@ var OdsTimelineTable = React.forwardRef(function (props, ref) {
     });
     return newExportedColumns;
   }, [exportableTasks, columnList]);
+  var exportableTimelineTable = React__default.createElement(React__default.Fragment, null, React__default.createElement(antd.Spin, {
+    size: "large",
+    spinning: exporting
+  }, React__default.createElement("div", {
+    style: {
+      overflowX: "auto",
+      overflowY: "auto",
+      paddingTop: 20
+    }
+  }, React__default.createElement(gantt.Gantt, Object.assign({
+    key: "OdsTimelineTableExportable",
+    width: "100%",
+    height: 500,
+    startDateRange: startDate,
+    endDateRange: endDate,
+    taskContentRender: function taskContentRender(params) {
+      return React__default.createElement(OdsTimelineTableTaskTemplate, Object.assign({}, params));
+    }
+  }, props, {
+    ref: refGanttExportable,
+    sorting: {
+      mode: "none",
+      showSortIndexes: false
+    }
+  }), React__default.createElement(gantt.ContextMenu, {
+    enabled: false
+  }), exportedColumns.map(function (columnProps, index) {
+    return React__default.createElement(gantt.Column, Object.assign({}, columnProps, {
+      key: "TimelineTable_ExportPdfColumn_" + index
+    }));
+  }), React__default.createElement(gantt.Tasks, {
+    dataSource: exportableTasks
+  }), children, React__default.createElement(gantt.Sorting, {
+    mode: "none"
+  })))));
   React.useImperativeHandle(ref, function () {
     return {
       getSelectedRowsData: getSelectedRowsData,
@@ -57366,9 +57410,22 @@ var OdsTimelineTable = React.forwardRef(function (props, ref) {
         items: [{
           text: (_toolbarSettings$expo13 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo14 = toolbarSettings["export"]) === null || _toolbarSettings$expo14 === void 0 ? void 0 : (_toolbarSettings$expo15 = _toolbarSettings$expo14.pdf) === null || _toolbarSettings$expo15 === void 0 ? void 0 : _toolbarSettings$expo15.title) != null ? _toolbarSettings$expo13 : "Export to Pdf",
           icon: "exportpdf",
-          onClick: exportPdf
+          onClick: function onClick() {
+            if (exportableTasks.length > 0) {
+              setExportPdfModalOpen(true);
+              setExporting(true);
+            } else {
+              var _toolbarSettings$expo16, _toolbarSettings$expo17, _toolbarSettings$expo18;
+              OdsNotification({
+                title: "",
+                content: (_toolbarSettings$expo16 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo17 = toolbarSettings["export"]) === null || _toolbarSettings$expo17 === void 0 ? void 0 : (_toolbarSettings$expo18 = _toolbarSettings$expo17.messages) === null || _toolbarSettings$expo18 === void 0 ? void 0 : _toolbarSettings$expo18.noRecord) != null ? _toolbarSettings$expo16 : "No record",
+                type: "warning",
+                placement: "bottom"
+              });
+            }
+          }
         }, {
-          text: (_toolbarSettings$expo16 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo17 = toolbarSettings["export"]) === null || _toolbarSettings$expo17 === void 0 ? void 0 : (_toolbarSettings$expo18 = _toolbarSettings$expo17.excel) === null || _toolbarSettings$expo18 === void 0 ? void 0 : _toolbarSettings$expo18.title) != null ? _toolbarSettings$expo16 : "Export to Excel",
+          text: (_toolbarSettings$expo19 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo20 = toolbarSettings["export"]) === null || _toolbarSettings$expo20 === void 0 ? void 0 : (_toolbarSettings$expo21 = _toolbarSettings$expo20.excel) === null || _toolbarSettings$expo21 === void 0 ? void 0 : _toolbarSettings$expo21.title) != null ? _toolbarSettings$expo19 : "Export to Excel",
           icon: "exportxlsx",
           onClick: exportExcel
         }]
@@ -57438,23 +57495,23 @@ var OdsTimelineTable = React.forwardRef(function (props, ref) {
   }), children, React__default.createElement(gantt.Sorting, {
     mode: sortingMode,
     showSortIndexes: showSortIndexes
-  })), React__default.createElement(gantt.Gantt, Object.assign({}, props, {
-    startDateRange: startDate,
-    endDateRange: endDate,
-    taskContentRender: function taskContentRender(params) {
-      return React__default.createElement(OdsTimelineTableTaskTemplate, Object.assign({}, params));
-    },
-    width: 0,
-    height: 0,
-    ref: refGanttExportable,
-    key: "OdsTimelineTable_Export"
-  }), exportedColumns.map(function (columnProps, index) {
-    return React__default.createElement(gantt.Column, Object.assign({}, columnProps, {
-      key: "TimelineTable_ExportPdfColumn_" + index
-    }));
-  }), React__default.createElement(gantt.Tasks, {
-    dataSource: exportableTasks
-  }), children), React__default.createElement(DataGrid__default, {
+  })), React__default.createElement(antd.Modal, {
+    title: (_props$toolbarSetting5 = (_props$toolbarSetting6 = props.toolbarSettings) === null || _props$toolbarSetting6 === void 0 ? void 0 : (_props$toolbarSetting7 = _props$toolbarSetting6["export"]) === null || _props$toolbarSetting7 === void 0 ? void 0 : (_props$toolbarSetting8 = _props$toolbarSetting7.pdf) === null || _props$toolbarSetting8 === void 0 ? void 0 : _props$toolbarSetting8.loadingText) != null ? _props$toolbarSetting5 : "Exporting to Pdf",
+    width: 1200,
+    open: exportPdfModalOpen,
+    closable: false,
+    footer: "",
+    afterOpenChange: function afterOpenChange(open) {
+      if (open) {
+        var _exportableTimelineTable = refGanttExportable.current.instance;
+        _exportableTimelineTable.refresh().then(function () {
+          setTimeout(function () {
+            return exportPdf();
+          }, 2000);
+        });
+      }
+    }
+  }, exportableTimelineTable), React__default.createElement(DataGrid__default, {
     key: "DataGrid_Export",
     ref: refDataGridExportable,
     className: "odsTimelineTable-ExportDataGrid",