gantt-task-react-powern 0.4.48 → 0.4.50

package/dist/helpers/date-helper.d.ts

@@ -1,7 +1,7 @@
 import { Task, ViewMode } from "../types/public-types";
 import DateTimeFormatOptions = Intl.DateTimeFormatOptions;
 import DateTimeFormat = Intl.DateTimeFormat;
-declare type DateHelperScales = "year" | "month" | "day" | "hour" | "minute" | "second" | "millisecond";
+declare type DateHelperScales = "year" | "quarter" | "month" | "day" | "hour" | "minute" | "second" | "millisecond";
 export declare const getCachedDateTimeFormat: (locString: string | string[], opts?: DateTimeFormatOptions) => DateTimeFormat;
 export declare const addToDate: (date: Date, quantity: number, scale: DateHelperScales) => Date;
 export declare const startOfDate: (date: Date, scale: DateHelperScales) => Date;

package/dist/index.js

@@ -70,6 +70,7 @@ function _createForOfIteratorHelperLoose(o, allowArrayLike) {
   ViewMode["Day"] = "Day";
   ViewMode["Week"] = "Week";
   ViewMode["Month"] = "Month";
+  ViewMode["Quarter"] = "Quarter";
   ViewMode["Year"] = "Year";
 })(exports.ViewMode || (exports.ViewMode = {}));
 
@@ -94,7 +95,7 @@ var addToDate = function addToDate(date, quantity, scale) {
   return newDate;
 };
 var startOfDate = function startOfDate(date, scale) {
-  var scores = ["millisecond", "second", "minute", "hour", "day", "month", "year"];
+  var scores = ["millisecond", "second", "minute", "hour", "day", "month", "quarter", "year"];
 
   var shouldReset = function shouldReset(_scale) {
     var maxScore = scores.indexOf(scale);
@@ -105,8 +106,10 @@ var startOfDate = function startOfDate(date, scale) {
   return newDate;
 };
 var ganttDateRange = function ganttDateRange(tasks, viewMode, preStepsCount) {
-  var newStartDate = tasks[0].start;
-  var newEndDate = tasks[0].start;
+  var _tasks$, _tasks$2;
+
+  var newStartDate = ((_tasks$ = tasks[0]) === null || _tasks$ === void 0 ? void 0 : _tasks$.start) || new Date();
+  var newEndDate = ((_tasks$2 = tasks[0]) === null || _tasks$2 === void 0 ? void 0 : _tasks$2.start) || new Date();
 
   for (var _iterator = _createForOfIteratorHelperLoose(tasks), _step; !(_step = _iterator()).done;) {
     var task = _step.value;
@@ -136,6 +139,13 @@ var ganttDateRange = function ganttDateRange(tasks, viewMode, preStepsCount) {
       newEndDate = startOfDate(newEndDate, "year");
       break;
 
+    case exports.ViewMode.Quarter:
+      newStartDate = addToDate(newStartDate, -1 * preStepsCount, "year");
+      newStartDate = startOfDate(newStartDate, "year");
+      newEndDate = addToDate(newEndDate, 1, "year");
+      newEndDate = startOfDate(newEndDate, "quarter");
+      break;
+
     case exports.ViewMode.Month:
       newStartDate = addToDate(newStartDate, -1 * preStepsCount, "month");
       newStartDate = startOfDate(newStartDate, "month");
@@ -191,6 +201,10 @@ var seedDates = function seedDates(startDate, endDate, viewMode) {
         currentDate = addToDate(currentDate, 1, "year");
         break;
 
+      case exports.ViewMode.Quarter:
+        currentDate = addToDate(currentDate, 3, "month");
+        break;
+
       case exports.ViewMode.Month:
         currentDate = addToDate(currentDate, 1, "month");
         break;
@@ -835,6 +849,47 @@ var Calendar = function Calendar(_ref) {
     return [topValues, bottomValues];
   };
 
+  var getCalendarValuesForQuarter = function getCalendarValuesForQuarter() {
+    var topValues = [];
+    var bottomValues = [];
+    var topDefaultHeight = headerHeight * 0.5;
+
+    for (var i = 0; i < dateSetup.dates.length; i++) {
+      var date = dateSetup.dates[i];
+      var quarter = Math.floor(date.getMonth() / 3) + 1;
+      var bottomValue = "Q" + quarter;
+      bottomValues.push(React__default.createElement("text", {
+        key: bottomValue + "-" + date.getFullYear(),
+        y: headerHeight * 0.8,
+        x: columnWidth * i + columnWidth * 0.5,
+        className: styles$5.calendarBottomText
+      }, bottomValue));
+
+      if (i === 0 || date.getFullYear() !== dateSetup.dates[i - 1].getFullYear()) {
+        var topValue = date.getFullYear().toString();
+        var xText = void 0;
+
+        if (rtl) {
+          xText = (3 + i + quarter) * columnWidth;
+        } else {
+          xText = (3 + i - quarter) * columnWidth;
+        }
+
+        topValues.push(React__default.createElement(TopPartOfCalendar, {
+          key: topValue,
+          value: topValue,
+          x1Line: columnWidth * i,
+          y1Line: 0,
+          y2Line: headerHeight,
+          xText: xText,
+          yText: topDefaultHeight * 0.9
+        }));
+      }
+    }
+
+    return [topValues, bottomValues];
+  };
+
   var getCalendarValuesForMonth = function getCalendarValuesForMonth() {
     var topValues = [];
     var bottomValues = [];
@@ -1044,40 +1099,47 @@ var Calendar = function Calendar(_ref) {
       bottomValues = _getCalendarValuesFor[1];
       break;
 
-    case exports.ViewMode.Month:
-      var _getCalendarValuesFor2 = getCalendarValuesForMonth();
+    case exports.ViewMode.Quarter:
+      var _getCalendarValuesFor2 = getCalendarValuesForQuarter();
 
       topValues = _getCalendarValuesFor2[0];
       bottomValues = _getCalendarValuesFor2[1];
       break;
 
-    case exports.ViewMode.Week:
-      var _getCalendarValuesFor3 = getCalendarValuesForWeek();
+    case exports.ViewMode.Month:
+      var _getCalendarValuesFor3 = getCalendarValuesForMonth();
 
       topValues = _getCalendarValuesFor3[0];
       bottomValues = _getCalendarValuesFor3[1];
       break;
 
-    case exports.ViewMode.Day:
-      var _getCalendarValuesFor4 = getCalendarValuesForDay();
+    case exports.ViewMode.Week:
+      var _getCalendarValuesFor4 = getCalendarValuesForWeek();
 
       topValues = _getCalendarValuesFor4[0];
       bottomValues = _getCalendarValuesFor4[1];
       break;
 
-    case exports.ViewMode.QuarterDay:
-    case exports.ViewMode.HalfDay:
-      var _getCalendarValuesFor5 = getCalendarValuesForPartOfDay();
+    case exports.ViewMode.Day:
+      var _getCalendarValuesFor5 = getCalendarValuesForDay();
 
       topValues = _getCalendarValuesFor5[0];
       bottomValues = _getCalendarValuesFor5[1];
       break;
 
-    case exports.ViewMode.Hour:
-      var _getCalendarValuesFor6 = getCalendarValuesForHour();
+    case exports.ViewMode.QuarterDay:
+    case exports.ViewMode.HalfDay:
+      var _getCalendarValuesFor6 = getCalendarValuesForPartOfDay();
 
       topValues = _getCalendarValuesFor6[0];
       bottomValues = _getCalendarValuesFor6[1];
+      break;
+
+    case exports.ViewMode.Hour:
+      var _getCalendarValuesFor7 = getCalendarValuesForHour();
+
+      topValues = _getCalendarValuesFor7[0];
+      bottomValues = _getCalendarValuesFor7[1];
   }
 
   return React__default.createElement("g", {