@levelcaptech/gantt-task-react-custom 0.4.1 → 0.4.2

package/dist/index.modern.js

@@ -1786,6 +1786,157 @@ var VerticalScroll = function VerticalScroll(_ref) {
   }));
 };
 
+var JP_HOLIDAYS = {
+  2024: ["2024-01-01", "2024-01-08", "2024-02-11", "2024-02-12", "2024-02-23", "2024-03-20", "2024-04-29", "2024-05-03", "2024-05-04", "2024-05-05", "2024-05-06", "2024-07-15", "2024-08-11", "2024-08-12", "2024-09-16", "2024-09-22", "2024-09-23", "2024-10-14", "2024-11-03", "2024-11-04", "2024-11-23"],
+  2025: ["2025-01-01", "2025-01-13", "2025-02-11", "2025-02-23", "2025-02-24", "2025-03-20", "2025-04-29", "2025-05-03", "2025-05-04", "2025-05-05", "2025-05-06", "2025-07-21", "2025-08-11", "2025-09-15", "2025-09-23", "2025-10-13", "2025-11-03", "2025-11-23", "2025-11-24"],
+  2026: ["2026-01-01", "2026-01-12", "2026-02-11", "2026-02-23", "2026-03-20", "2026-04-29", "2026-05-03", "2026-05-04", "2026-05-05", "2026-05-06", "2026-07-20", "2026-08-11", "2026-09-21", "2026-09-22", "2026-10-12", "2026-11-03", "2026-11-23"]
+};
+var getJPHolidaySet = function getJPHolidaySet() {
+  var holidays = new Set();
+  Object.values(JP_HOLIDAYS).forEach(function (yearHolidays) {
+    yearHolidays.forEach(function (holiday) {
+      return holidays.add(holiday);
+    });
+  });
+  return holidays;
+};
+var JP_HOLIDAYS_SET = getJPHolidaySet();
+
+var emittedWarnings = new Set();
+var warnOnce = function warnOnce(key, message) {
+  if (!emittedWarnings.has(key) && typeof console !== "undefined") {
+    console.warn(message);
+    emittedWarnings.add(key);
+  }
+};
+var normalizeCalendarConfig = function normalizeCalendarConfig(config) {
+  var _config$locale, _config$enableJPHolid, _config$highlightNonW;
+  var rawLocale = ((_config$locale = config.locale) === null || _config$locale === void 0 ? void 0 : _config$locale.trim()) || "";
+  var locale = rawLocale || "ja";
+  var dateFormat = config.dateFormat || "MM/dd(EEE)";
+  var enableJPHoliday = (_config$enableJPHolid = config.enableJPHoliday) != null ? _config$enableJPHolid : true;
+  var highlightNonWorkingDays = (_config$highlightNonW = config.highlightNonWorkingDays) != null ? _config$highlightNonW : true;
+  var workOnSaturday = config.workOnSaturday === true;
+  var extraHolidays = new Set();
+  if (config.extraHolidays) {
+    config.extraHolidays.forEach(function (dateStr) {
+      var normalized = normalizeISODate(dateStr);
+      if (normalized) {
+        extraHolidays.add(normalized);
+      }
+    });
+  }
+  var extraWorkingDays = new Set();
+  if (config.extraWorkingDays) {
+    config.extraWorkingDays.forEach(function (dateStr) {
+      var normalized = normalizeISODate(dateStr);
+      if (normalized) {
+        extraWorkingDays.add(normalized);
+      }
+    });
+  }
+  if (!locale.toLowerCase().startsWith("ja")) {
+    var localeKey = locale.trim().toLowerCase();
+    warnOnce("gantt-calendar-locale-" + localeKey, "[Gantt Calendar] Non-Japanese locale \"" + locale + "\" specified. " + "Holiday definitions (including Japanese public holidays) are still based on the Japanese calendar.");
+  }
+  if (dateFormat !== "MM/dd(EEE)") {
+    var dateFormatKey = dateFormat.trim().toLowerCase();
+    warnOnce("gantt-calendar-dateFormat-" + dateFormatKey, "[Gantt Calendar] Custom dateFormat \"" + dateFormat + "\" specified. " + "Note: dateFormat is currently a legacy field and does not affect date rendering. " + "The format \"MM/dd(EEE)\" is used internally regardless of this setting.");
+  }
+  return {
+    locale: locale,
+    dateFormat: dateFormat,
+    enableJPHoliday: enableJPHoliday,
+    highlightNonWorkingDays: highlightNonWorkingDays,
+    workOnSaturday: workOnSaturday,
+    extraHolidays: extraHolidays,
+    extraWorkingDays: extraWorkingDays
+  };
+};
+var normalizeISODate = function normalizeISODate(dateStr) {
+  try {
+    var trimmed = dateStr.trim();
+    if (!/^\d{4}-\d{1,2}-\d{1,2}$/.test(trimmed)) {
+      return null;
+    }
+    var parts = trimmed.split("-");
+    if (parts.length !== 3) return null;
+    var year = Number(parts[0]);
+    var month = Number(parts[1]);
+    var day = Number(parts[2]);
+    if (isNaN(year) || isNaN(month) || isNaN(day) || month < 1 || month > 12 || day < 1 || day > 31) {
+      return null;
+    }
+    var date = new Date(year, month - 1, day);
+    if (date.getFullYear() !== year || date.getMonth() !== month - 1 || date.getDate() !== day) {
+      return null;
+    }
+    var paddedMonth = String(month).padStart(2, "0");
+    var paddedDay = String(day).padStart(2, "0");
+    return year + "-" + paddedMonth + "-" + paddedDay;
+  } catch (e) {
+    if (typeof console !== "undefined") {
+      console.warn("[Gantt Calendar] Invalid date string: " + dateStr);
+    }
+    return null;
+  }
+};
+var toISODateString = function toISODateString(date) {
+  var year = date.getFullYear();
+  var month = String(date.getMonth() + 1).padStart(2, "0");
+  var day = String(date.getDate()).padStart(2, "0");
+  return year + "-" + month + "-" + day;
+};
+var isWorkingDay = function isWorkingDay(date, config) {
+  var dateStr = toISODateString(date);
+  if (config.extraWorkingDays.has(dateStr)) {
+    return true;
+  }
+  if (config.extraHolidays.has(dateStr)) {
+    return false;
+  }
+  var dayOfWeek = date.getDay();
+  if (dayOfWeek === 0) {
+    return false;
+  }
+  if (dayOfWeek === 6 && !config.workOnSaturday) {
+    return false;
+  }
+  if (config.enableJPHoliday) {
+    if (JP_HOLIDAYS_SET.has(dateStr)) {
+      return false;
+    }
+  }
+  return true;
+};
+var formatJapaneseDate = function formatJapaneseDate(date) {
+  try {
+    var formatter = new Intl.DateTimeFormat("ja", {
+      month: "2-digit",
+      day: "2-digit",
+      weekday: "short"
+    });
+    var parts = formatter.formatToParts(date);
+    var month = "";
+    var day = "";
+    var weekday = "";
+    parts.forEach(function (part) {
+      if (part.type === "month") {
+        month = part.value;
+      } else if (part.type === "day") {
+        day = part.value;
+      } else if (part.type === "weekday") {
+        weekday = part.value;
+      }
+    });
+    return month + "/" + day + "(" + weekday + ")";
+  } catch (e) {
+    var _month = String(date.getMonth() + 1).padStart(2, "0");
+    var _day = String(date.getDate()).padStart(2, "0");
+    return _month + "/" + _day;
+  }
+};
+
 var styles$4 = {"gridRow":"_2dZTy","gridRowLine":"_3rUKi","gridTick":"_RuwuK"};
 
 var GridBody = function GridBody(_ref) {
@@ -1795,7 +1946,8 @@ var GridBody = function GridBody(_ref) {
     svgWidth = _ref.svgWidth,
     columnWidth = _ref.columnWidth,
     todayColor = _ref.todayColor,
-    rtl = _ref.rtl;
+    rtl = _ref.rtl,
+    calendarConfig = _ref.calendarConfig;
   var y = 0;
   var gridRows = [];
   var rowLines = [React.createElement("line", {
@@ -1829,6 +1981,7 @@ var GridBody = function GridBody(_ref) {
   var now = new Date();
   var tickX = 0;
   var ticks = [];
+  var nonWorkingDays = [];
   var today = React.createElement("rect", null);
   for (var i = 0; i < dates.length; i++) {
     var date = dates[i];
@@ -1840,6 +1993,16 @@ var GridBody = function GridBody(_ref) {
       y2: y,
       className: styles$4.gridTick
     }));
+    if (calendarConfig && calendarConfig.highlightNonWorkingDays && !isWorkingDay(date, calendarConfig)) {
+      nonWorkingDays.push(React.createElement("rect", {
+        key: "non-working-" + date.getTime(),
+        x: tickX,
+        y: 0,
+        width: columnWidth,
+        height: y,
+        fill: "rgba(0, 0, 0, 0.05)"
+      }));
+    }
     if (i + 1 !== dates.length && date.getTime() < now.getTime() && dates[i + 1].getTime() >= now.getTime() || i !== 0 && i + 1 === dates.length && date.getTime() < now.getTime() && addToDate(date, date.getTime() - dates[i - 1].getTime(), "millisecond").getTime() >= now.getTime()) {
       today = React.createElement("rect", {
         x: tickX,
@@ -1865,6 +2028,8 @@ var GridBody = function GridBody(_ref) {
   }, React.createElement("g", {
     className: "rows"
   }, gridRows), React.createElement("g", {
+    className: "nonWorkingDays"
+  }, nonWorkingDays), React.createElement("g", {
     className: "rowLines"
   }, rowLines), React.createElement("g", {
     className: "ticks"
@@ -1913,7 +2078,9 @@ var Calendar = function Calendar(_ref) {
     headerHeight = _ref.headerHeight,
     columnWidth = _ref.columnWidth,
     fontFamily = _ref.fontFamily,
-    fontSize = _ref.fontSize;
+    fontSize = _ref.fontSize,
+    calendarConfig = _ref.calendarConfig;
+  var effectiveLocale = (calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.locale) || locale;
   var getCalendarValuesForYear = function getCalendarValuesForYear() {
     var topValues = [];
     var bottomValues = [];
@@ -1988,7 +2155,7 @@ var Calendar = function Calendar(_ref) {
     var topDefaultHeight = headerHeight * 0.5;
     for (var i = 0; i < dateSetup.dates.length; i++) {
       var date = dateSetup.dates[i];
-      var bottomValue = getLocaleMonth(date, locale);
+      var bottomValue = getLocaleMonth(date, effectiveLocale);
       bottomValues.push(React.createElement("text", {
         key: bottomValue + date.getFullYear(),
         y: headerHeight * 0.8,
@@ -2026,7 +2193,7 @@ var Calendar = function Calendar(_ref) {
       var date = dates[i];
       var topValue = "";
       if (i === 0 || date.getMonth() !== dates[i - 1].getMonth()) {
-        topValue = getLocaleMonth(date, locale) + ", " + date.getFullYear();
+        topValue = getLocaleMonth(date, effectiveLocale) + ", " + date.getFullYear();
       }
       var bottomValue = "W" + getWeekNumberISO8601(date);
       bottomValues.push(React.createElement("text", {
@@ -2060,7 +2227,8 @@ var Calendar = function Calendar(_ref) {
     var dates = dateSetup.dates;
     for (var i = 0; i < dates.length; i++) {
       var date = dates[i];
-      var bottomValue = getLocalDayOfWeek(date, locale, "short") + ", " + date.getDate().toString();
+      var useJapaneseFormat = !!calendarConfig && typeof calendarConfig.locale === "string" && calendarConfig.locale.toLowerCase().startsWith("ja");
+      var bottomValue = useJapaneseFormat ? formatJapaneseDate(date) : getLocalDayOfWeek(date, effectiveLocale, "short") + ", " + date.getDate().toString();
       bottomValues.push(React.createElement("text", {
         key: date.getTime(),
         y: headerHeight * 0.8,
@@ -2068,7 +2236,7 @@ var Calendar = function Calendar(_ref) {
         className: styles$5.calendarBottomText
       }, bottomValue));
       if (i + 1 !== dates.length && date.getMonth() !== dates[i + 1].getMonth()) {
-        var topValue = getLocaleMonth(date, locale);
+        var topValue = getLocaleMonth(date, effectiveLocale);
         topValues.push(React.createElement(TopPartOfCalendar, {
           key: topValue + date.getFullYear(),
           value: topValue,
@@ -2090,7 +2258,7 @@ var Calendar = function Calendar(_ref) {
     var dates = dateSetup.dates;
     for (var i = 0; i < dates.length; i++) {
       var date = dates[i];
-      var bottomValue = getCachedDateTimeFormat(locale, {
+      var bottomValue = getCachedDateTimeFormat(effectiveLocale, {
         hour: "numeric"
       }).format(date);
       bottomValues.push(React.createElement("text", {
@@ -2101,7 +2269,7 @@ var Calendar = function Calendar(_ref) {
         fontFamily: fontFamily
       }, bottomValue));
       if (i === 0 || date.getDate() !== dates[i - 1].getDate()) {
-        var topValue = getLocalDayOfWeek(date, locale, "short") + ", " + date.getDate() + " " + getLocaleMonth(date, locale);
+        var topValue = getLocalDayOfWeek(date, effectiveLocale, "short") + ", " + date.getDate() + " " + getLocaleMonth(date, effectiveLocale);
         topValues.push(React.createElement(TopPartOfCalendar, {
           key: topValue + date.getFullYear(),
           value: topValue,
@@ -2122,7 +2290,7 @@ var Calendar = function Calendar(_ref) {
     var dates = dateSetup.dates;
     for (var i = 0; i < dates.length; i++) {
       var date = dates[i];
-      var bottomValue = getCachedDateTimeFormat(locale, {
+      var bottomValue = getCachedDateTimeFormat(effectiveLocale, {
         hour: "numeric"
       }).format(date);
       bottomValues.push(React.createElement("text", {
@@ -2134,7 +2302,7 @@ var Calendar = function Calendar(_ref) {
       }, bottomValue));
       if (i !== 0 && date.getDate() !== dates[i - 1].getDate()) {
         var displayDate = dates[i - 1];
-        var topValue = getLocalDayOfWeek(displayDate, locale, "long") + ", " + displayDate.getDate() + " " + getLocaleMonth(displayDate, locale);
+        var topValue = getLocalDayOfWeek(displayDate, effectiveLocale, "long") + ", " + displayDate.getDate() + " " + getLocaleMonth(displayDate, effectiveLocale);
         var topPosition = (date.getHours() - 24) / 2;
         topValues.push(React.createElement(TopPartOfCalendar, {
           key: topValue + displayDate.getFullYear(),
@@ -3304,6 +3472,7 @@ var Gantt = function Gantt(_ref) {
     preStepsCount = _ref$preStepsCount === void 0 ? 1 : _ref$preStepsCount,
     _ref$locale = _ref.locale,
     locale = _ref$locale === void 0 ? "en-GB" : _ref$locale,
+    calendar = _ref.calendar,
     _ref$barFill = _ref.barFill,
     barFill = _ref$barFill === void 0 ? 60 : _ref$barFill,
     _ref$barCornerRadius = _ref.barCornerRadius,
@@ -3365,6 +3534,9 @@ var Gantt = function Gantt(_ref) {
     onExpanderClick = _ref.onExpanderClick,
     onTaskUpdate = _ref.onTaskUpdate,
     onCellCommit = _ref.onCellCommit;
+  var calendarConfig = useMemo(function () {
+    return calendar ? normalizeCalendarConfig(calendar) : undefined;
+  }, [calendar]);
   var wrapperRef = useRef(null);
   var taskListRef = useRef(null);
   var taskListHeaderRef = useRef(null);
@@ -3778,7 +3950,8 @@ var Gantt = function Gantt(_ref) {
     rowHeight: rowHeight,
     dates: dateSetup.dates,
     todayColor: todayColor,
-    rtl: rtl
+    rtl: rtl,
+    calendarConfig: calendarConfig
   };
   var calendarProps = {
     dateSetup: dateSetup,
@@ -3788,7 +3961,8 @@ var Gantt = function Gantt(_ref) {
     columnWidth: columnWidth,
     fontFamily: fontFamily,
     fontSize: fontSize,
-    rtl: rtl
+    rtl: rtl,
+    calendarConfig: calendarConfig
   };
   var barProps = {
     tasks: barTasks,