makula-schedule 1.1.9 → 2.0.1

package/README.md

@@ -1,13 +1,11 @@
 # Scheduler for React
 
-[![NPM version][npm-image]][npm-url] [![MIT License][mit-image]][mit-url] [![CodeQL][codeql-image]][codeql-url] [![CodeFactor][codeFactor-badge]][codeFactor-link]
+[![NPM version][npm-image]][npm-url] [![MIT License][mit-image]][mit-url] [![CodeFactor][codeFactor-badge]][codeFactor-link]
 
 [npm-image]: http://img.shields.io/npm/v/react-big-schedule.svg
 [npm-url]: http://npmjs.org/package/react-big-schedule
 [mit-image]: https://img.shields.io/badge/License-MIT-green.svg
 [mit-url]: https://github.com/ansulagrawal/react-big-schedule/blob/master/LICENSE
-[codeql-image]: https://github.com/ansulagrawal/react-big-schedule/actions/workflows/github-code-scanning/codeql/badge.svg?branch=master
-[codeql-url]: https://github.com/ansulagrawal/react-big-schedule/actions/workflows/github-code-scanning/codeql
 [codeFactor-badge]: https://www.codefactor.io/repository/github/ansulagrawal/react-big-schedule/badge
 [codeFactor-link]: https://www.codefactor.io/repository/github/ansulagrawal/react-big-schedule
 

package/dist/components/HeaderView.js

@@ -5,167 +5,174 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _default2 = require("../config/default");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-// eslint-disable-next-line no-unused-vars
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // eslint-disable-next-line no-unused-vars
+/**
+ * Render the table header rows for a scheduler view, including an optional week-number row and the main header cells.
+ * @param {Object} props.schedulerData - Scheduler configuration and utilities (headers array,
+ * cell unit, formatting, sizing, and locale/date functions).
+ * @param {Function} [props.nonAgendaCellHeaderTemplateResolver] - Optional resolver to customize
+ * rendering of individual header cells. Called with (schedulerData, headerItem, formattedList, style).
+ * @returns {JSX.Element} A <thead> element containing the optional week-number row and the
+ * main header row for the scheduler table.
+ */
 function HeaderView(_ref) {
   var schedulerData = _ref.schedulerData,
-    nonAgendaCellHeaderTemplateResolver = _ref.nonAgendaCellHeaderTemplateResolver,
-    showWeekNumber = _ref.showWeekNumber;
+    nonAgendaCellHeaderTemplateResolver = _ref.nonAgendaCellHeaderTemplateResolver;
   var headers = schedulerData.headers,
     cellUnit = schedulerData.cellUnit,
     config = schedulerData.config,
     localeDayjs = schedulerData.localeDayjs;
+  var showWeekNumber = config.showWeekNumber,
+    _config$weekNumberRow = config.weekNumberRowHeight,
+    weekNumberRowHeight = _config$weekNumberRow === void 0 ? 24 : _config$weekNumberRow;
   var headerHeight = schedulerData.getTableHeaderHeight();
   var cellWidth = schedulerData.getContentCellWidth();
   var minuteStepsInHour = schedulerData.getMinuteStepsInHour();
-  var headerList = [];
-  var weekNumberRow = [];
-  var style;
 
-  // Helper function to generate week number cells with merged columns
-  var generateWeekNumberRow = function generateWeekNumberRow() {
+  // Week number row generation
+  var weekNumberRow = (0, _react.useMemo)(function () {
     if (!showWeekNumber) return null;
     var weekGroups = [];
+    var currentWeekKey = null;
     var currentWeek = null;
+    var currentYear = null;
     var colspan = 0;
-    var startIndex = 0;
-    headers.forEach(function (item, index) {
-      var datetime = localeDayjs(new Date(item.time));
-      var weekNum = datetime.isoWeek();
-      if (currentWeek === null) {
-        currentWeek = weekNum;
-        colspan = 1;
-        startIndex = index;
-      } else if (currentWeek === weekNum) {
+    headers.forEach(function (item) {
+      var year = localeDayjs(new Date(item.time)).year();
+      var weekNum = localeDayjs(new Date(item.time)).isoWeek();
+      var weekKey = "".concat(year, "-").concat(weekNum);
+      if (currentWeekKey === weekKey) {
         colspan += 1;
       } else {
-        weekGroups.push({
-          week: currentWeek,
-          colspan: colspan,
-          startIndex: startIndex
-        });
+        if (currentWeekKey !== null) {
+          weekGroups.push({
+            week: currentWeek,
+            year: currentYear,
+            colspan: colspan
+          });
+        }
+        currentWeekKey = weekKey;
         currentWeek = weekNum;
+        currentYear = year;
         colspan = 1;
-        startIndex = index;
       }
     });
 
     // Push the last week group
-    if (currentWeek !== null) {
+    if (currentWeekKey !== null) {
       weekGroups.push({
         week: currentWeek,
-        colspan: colspan,
-        startIndex: startIndex
+        year: currentYear,
+        colspan: colspan
       });
     }
+    var cellStyle = {
+      fontSize: '0.85em',
+      opacity: 0.7,
+      borderBottom: "1px solid ".concat(config.headerBorderColor || '#e9e9e9'),
+      padding: '4px 8px',
+      textAlign: 'center'
+    };
     return weekGroups.map(function (group, idx) {
-      var cellStyle = {
-        fontSize: '0.85em',
-        opacity: 0.7,
-        borderBottom: '1px solid #e9e9e9',
-        padding: '4px 8px',
-        textAlign: 'center'
-      };
       return /*#__PURE__*/_react["default"].createElement("th", {
-        key: "week-".concat(group.week, "-").concat(idx),
+        key: "week-".concat(group.year, "-").concat(group.week, "-").concat(idx),
         colSpan: group.colspan,
         style: cellStyle
       }, "W", group.week);
     });
-  };
-  if (cellUnit === _default2.CellUnit.Hour) {
-    headers.forEach(function (item, index) {
-      if (index % minuteStepsInHour === 0) {
-        var datetime = localeDayjs(new Date(item.time));
-        style = item.nonWorkingTime ? {
-          width: cellWidth * minuteStepsInHour,
-          color: config.nonWorkingTimeHeadColor,
-          backgroundColor: config.nonWorkingTimeHeadBgColor
-        } : {
-          width: cellWidth * minuteStepsInHour
-        };
-        if (index === headers.length - minuteStepsInHour) {
-          style = item.nonWorkingTime ? {
-            color: config.nonWorkingTimeHeadColor,
-            backgroundColor: config.nonWorkingTimeHeadBgColor
-          } : {};
-        }
-        var pFormattedList = config.nonAgendaDayCellHeaderFormat.split('|').map(function (pitem) {
-          return datetime.format(pitem);
-        });
-        var element;
-        if (typeof nonAgendaCellHeaderTemplateResolver === 'function') {
-          element = nonAgendaCellHeaderTemplateResolver(schedulerData, item, pFormattedList, style);
-        } else {
-          var pList = pFormattedList.map(function (formattedItem, pIndex) {
-            return /*#__PURE__*/_react["default"].createElement("div", {
-              key: pIndex
-            }, formattedItem);
-          });
-          element = /*#__PURE__*/_react["default"].createElement("th", {
-            key: "header-".concat(item.time),
-            className: "header3-text",
-            style: style
-          }, /*#__PURE__*/_react["default"].createElement("div", null, pList));
-        }
-        headerList.push(element);
-      }
-    });
-  } else {
-    headerList = headers.map(function (item, index) {
-      var datetime = localeDayjs(new Date(item.time));
-      style = item.nonWorkingTime ? {
-        width: cellWidth,
-        color: config.nonWorkingTimeHeadColor,
-        backgroundColor: config.nonWorkingTimeHeadBgColor
-      } : {
-        width: cellWidth
-      };
-      if (index === headers.length - 1) style = item.nonWorkingTime ? {
+  }, [showWeekNumber, headers, localeDayjs]);
+
+  // Extract common style creation logic
+  var createCellStyle = (0, _react.useCallback)(function (item, width, isLastCell) {
+    if (isLastCell) {
+      return item.nonWorkingTime ? {
         color: config.nonWorkingTimeHeadColor,
         backgroundColor: config.nonWorkingTimeHeadBgColor
       } : {};
-      var cellFormat = cellUnit === _default2.CellUnit.Week ? config.nonAgendaWeekCellHeaderFormat : cellUnit === _default2.CellUnit.Month ? config.nonAgendaMonthCellHeaderFormat : cellUnit === _default2.CellUnit.Year ? config.nonAgendaYearCellHeaderFormat : config.nonAgendaOtherCellHeaderFormat;
-      var pFormattedList = cellFormat.split('|').map(function (dateFormatPart) {
-        return datetime.format(dateFormatPart);
+    }
+    return item.nonWorkingTime ? {
+      width: width,
+      color: config.nonWorkingTimeHeadColor,
+      backgroundColor: config.nonWorkingTimeHeadBgColor
+    } : {
+      width: width
+    };
+  }, [config]);
+
+  // Extract cell format selection logic
+  var getCellFormat = (0, _react.useCallback)(function (cellUnitParam) {
+    var formatMap = _defineProperty(_defineProperty(_defineProperty({}, _default2.CellUnit.Week, config.nonAgendaWeekCellHeaderFormat), _default2.CellUnit.Month, config.nonAgendaMonthCellHeaderFormat), _default2.CellUnit.Year, config.nonAgendaYearCellHeaderFormat);
+    return formatMap[cellUnitParam] || config.nonAgendaOtherCellHeaderFormat;
+  }, [config]);
+
+  // Render cell content helper
+  var renderCellContent = (0, _react.useCallback)(function (item, formattedList, style) {
+    if (typeof nonAgendaCellHeaderTemplateResolver === 'function') {
+      return nonAgendaCellHeaderTemplateResolver(schedulerData, item, formattedList, style);
+    }
+    var content = formattedList.map(function (text, idx) {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        key: "".concat(item.time, "-").concat(idx, "-").concat(text)
+      }, text);
+    });
+    return /*#__PURE__*/_react["default"].createElement("th", {
+      key: "header-".concat(item.time),
+      className: "header3-text",
+      style: style
+    }, /*#__PURE__*/_react["default"].createElement("div", null, content));
+  }, [nonAgendaCellHeaderTemplateResolver, schedulerData]);
+
+  // Memoize header list generation
+  var headerList = (0, _react.useMemo)(function () {
+    if (cellUnit === _default2.CellUnit.Hour) {
+      var result = [];
+      var _lastIndex = headers.length - minuteStepsInHour;
+      headers.forEach(function (item, index) {
+        if (index % minuteStepsInHour !== 0) return;
+        var datetime = localeDayjs(new Date(item.time));
+        var width = cellWidth * minuteStepsInHour;
+        var isLastCell = index === _lastIndex;
+        var style = createCellStyle(item, width, isLastCell);
+        var formattedList = config.nonAgendaDayCellHeaderFormat.split('|').map(function (format) {
+          return datetime.format(format);
+        });
+        result.push(renderCellContent(item, formattedList, style));
       });
-      if (typeof nonAgendaCellHeaderTemplateResolver === 'function') {
-        return nonAgendaCellHeaderTemplateResolver(schedulerData, item, pFormattedList, style);
-      }
-      var pList = pFormattedList.map(function (formattedItem, pIndex) {
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          key: pIndex
-        }, formattedItem);
+      return result;
+    }
+
+    // Non-hour cell units
+    var cellFormat = getCellFormat(cellUnit);
+    var lastIndex = headers.length - 1;
+    return headers.map(function (item, index) {
+      var datetime = localeDayjs(new Date(item.time));
+      var isLastCell = index === lastIndex;
+      var style = createCellStyle(item, cellWidth, isLastCell);
+      var formattedList = cellFormat.split('|').map(function (format) {
+        return datetime.format(format);
       });
-      return /*#__PURE__*/_react["default"].createElement("th", {
-        key: "header-".concat(item.time),
-        className: "header3-text",
-        style: style
-      }, /*#__PURE__*/_react["default"].createElement("div", null, pList));
+      return renderCellContent(item, formattedList, style);
     });
-  }
-  weekNumberRow = generateWeekNumberRow();
-  return /*#__PURE__*/_react["default"].createElement("thead", null, showWeekNumber && weekNumberRow && /*#__PURE__*/_react["default"].createElement("tr", {
+  }, [cellUnit, headers, minuteStepsInHour, cellWidth, config, localeDayjs, createCellStyle, getCellFormat, renderCellContent]);
+  return /*#__PURE__*/_react["default"].createElement("thead", null, weekNumberRow && /*#__PURE__*/_react["default"].createElement("tr", {
     style: {
-      height: 24
+      height: weekNumberRowHeight
     }
   }, weekNumberRow), /*#__PURE__*/_react["default"].createElement("tr", {
     style: {
       height: headerHeight
-    },
-    className: "no-scrollbar"
+    }
   }, headerList));
 }
 HeaderView.propTypes = {
   schedulerData: _propTypes["default"].object.isRequired,
-  nonAgendaCellHeaderTemplateResolver: _propTypes["default"].func,
-  showWeekNumber: _propTypes["default"].bool
+  nonAgendaCellHeaderTemplateResolver: _propTypes["default"].func
 };
-
-// HeaderView.defaultProps = {
-//   nonAgendaCellHeaderTemplateResolver: null,
-// };
 var _default = exports["default"] = HeaderView;

package/dist/components/ResourceEvents.js

@@ -334,9 +334,44 @@ var ResourceEvents = /*#__PURE__*/function (_Component) {
               var isEnd = eventEnd <= durationEnd;
               var _left = index * cellWidth + (index > 0 ? 2 : 3);
               var _width = evt.span * cellWidth - (index > 0 ? 5 : 6) > 0 ? evt.span * cellWidth - (index > 0 ? 5 : 6) : 0;
+              var dayStart = localeDayjs(new Date(headerItem.start)).startOf('day');
+              var dayDurationMinutes = 1440;
+              var baseCellWidth = cellWidth - (index > 0 ? 5 : 6);
+              if (cellUnit === _default2.CellUnit.Day) {
+                if (evt.span === 1) {
+                  var startOffsetMinutes = eventStart.diff(dayStart, 'minute');
+                  var eventDurationMinutes = eventEnd.diff(eventStart, 'minute');
+                  var startPercentage = startOffsetMinutes / dayDurationMinutes;
+                  var durationPercentage = eventDurationMinutes / dayDurationMinutes;
+                  var leftOffset = baseCellWidth * startPercentage;
+                  var eventWidth = baseCellWidth * durationPercentage;
+                  _left = index * cellWidth + (index > 0 ? 2 : 3) + leftOffset;
+                  _width = Math.max(1, eventWidth); // ensure minimum width of 1px
+                } else {
+                  var headerStart = localeDayjs(new Date(headerItem.start));
+                  var headerEnd = localeDayjs(new Date(headerItem.end));
+                  var isFirstDay = eventStart >= headerStart && eventStart < headerEnd;
+                  if (isFirstDay) {
+                    var eventStartDayStart = eventStart.startOf('day');
+                    var eventEndDayEnd = eventEnd.endOf('day');
+                    var totalSpanMinutes = eventEndDayEnd.diff(eventStartDayStart, 'minute');
+                    var eventStartOffsetMinutes = eventStart.diff(eventStartDayStart, 'minute');
+                    var _eventDurationMinutes = eventEnd.diff(eventStart, 'minute');
+                    var _startPercentage = eventStartOffsetMinutes / dayDurationMinutes;
+                    var _durationPercentage = totalSpanMinutes > 0 ? _eventDurationMinutes / totalSpanMinutes : 1;
+                    var totalWidth = evt.span * cellWidth - (index > 0 ? 5 : 6);
+                    var _leftOffset = cellWidth * _startPercentage;
+                    var _eventWidth = totalWidth * _durationPercentage;
+                    _left = index * cellWidth + (index > 0 ? 2 : 3) + _leftOffset;
+                    _width = Math.max(1, _eventWidth);
+                  }
+                }
+              } else {
+                _width = evt.span * cellWidth - (index > 0 ? 5 : 6) > 0 ? evt.span * cellWidth - (index > 0 ? 5 : 6) : 0;
+              }
               var top = marginTop + idx * config.eventItemLineHeight;
               var eventItem = /*#__PURE__*/_react["default"].createElement(_EventItem["default"], _extends({}, _this2.props, {
-                key: evt.eventItem.id,
+                key: "".concat(evt.eventItem.id, "_").concat(headerItem.time),
                 eventItem: evt.eventItem,
                 dndSource: dndSource,
                 isStart: isStart,

package/dist/components/ResourceView.js

@@ -9,6 +9,23 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } // eslint-disable-next-line no-unused-vars
+/**
+ * Render the scheduler's resource table with hierarchical indentation, optional expand/collapse controls,
+ * clickable slot names, and support for custom slot templates or an injected resource-cell renderer.
+ *
+ * @param {object} schedulerData - Scheduler state and helpers; must include `renderData`,
+ * `getResourceTableWidth`, and `config`.
+ * @param {number} contentScrollbarHeight - Height used to set the container's bottom padding.
+ * @param {Function} [slotClickedFunc] - Called as `slotClickedFunc(schedulerData, item)` when a slot name is clicked.
+ * @param {Function} [slotItemTemplateResolver] - Called as `slotItemTemplateResolver
+ * (schedulerData, item, slotClickedFunc, width, className)` to provide a custom slot cell element;
+ * if a value is returned it replaces the default slot cell.
+ * @param {Function} [toggleExpandFunc] - Called as `toggleExpandFunc(schedulerData, slotId)`
+ * to toggle expansion for items with children.
+ * @param {Function} [CustomResourceCell] - Optional React component rendered inside the resource
+ * `<td>` when provided; receives props `{ schedulerData, item, indents, slotClickedFunc, handleToggleExpand }`.
+ * @returns {JSX.Element} The rendered resource table element.
+ */
 function ResourceView(_ref) {
   var schedulerData = _ref.schedulerData,
     contentScrollbarHeight = _ref.contentScrollbarHeight,
@@ -45,6 +62,24 @@ function ResourceView(_ref) {
       }, iconProps));
     }
     indents.push(indent);
+    var tdStyle = {
+      height: item.rowHeight,
+      backgroundColor: item.groupOnly ? schedulerData.config.groupOnlySlotColor : undefined
+    };
+    if (CustomResourceCell) {
+      return /*#__PURE__*/_react["default"].createElement("tr", {
+        key: item.slotId
+      }, /*#__PURE__*/_react["default"].createElement("td", {
+        "data-resource-id": item.slotId,
+        style: tdStyle
+      }, /*#__PURE__*/_react["default"].createElement(CustomResourceCell, {
+        schedulerData: schedulerData,
+        item: item,
+        indents: indents,
+        slotClickedFunc: slotClickedFunc,
+        handleToggleExpand: handleToggleExpand
+      })));
+    }
     var slotCell = slotClickedFunc ? /*#__PURE__*/_react["default"].createElement("span", {
       className: "slot-cell"
     }, indents, /*#__PURE__*/_react["default"].createElement("button", {
@@ -78,26 +113,6 @@ function ResourceView(_ref) {
         slotItem = resolvedTemplate;
       }
     }
-    var tdStyle = {
-      height: item.rowHeight,
-      backgroundColor: item.groupOnly ? schedulerData.config.groupOnlySlotColor : undefined
-    };
-    if (CustomResourceCell) {
-      return /*#__PURE__*/_react["default"].createElement("tr", {
-        key: item.slotId
-      }, /*#__PURE__*/_react["default"].createElement("td", {
-        "data-resource-id": item.slotId,
-        style: tdStyle
-      }, /*#__PURE__*/_react["default"].createElement(CustomResourceCell, {
-        schedulerData: schedulerData,
-        item: item,
-        indents: indents,
-        slotClickedFunc: slotClickedFunc,
-        toggleExpandFunc: function toggleExpandFunc() {
-          return handleToggleExpand(item);
-        }
-      })));
-    }
     return /*#__PURE__*/_react["default"].createElement("tr", {
       key: item.slotId
     }, /*#__PURE__*/_react["default"].createElement("td", {

package/dist/components/SchedulerData.js

@@ -12,6 +12,7 @@ var _weekday = _interopRequireDefault(require("dayjs/plugin/weekday"));
 var _rrule = require("rrule");
 var _default = require("../config/default");
 var _scheduler = _interopRequireDefault(require("../config/scheduler"));
+var _i18n = require("../config/i18n");
 var _behaviors = _interopRequireDefault(require("../helper/behaviors"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
@@ -47,23 +48,46 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
     this.schedulerHeaderHeight = 0;
     this._shouldReloadViewType = false;
     this.calendarPopoverLocale = undefined;
-    _dayjs["default"].extend(_isoWeek["default"]);
     _dayjs["default"].extend(_quarterOfYear["default"]);
     _dayjs["default"].extend(_weekday["default"]);
     _dayjs["default"].extend(_utc["default"]);
+    _dayjs["default"].extend(_isoWeek["default"]);
     this.localeDayjs = _dayjs["default"];
     this.config = newConfig === undefined ? _scheduler["default"] : _objectSpread(_objectSpread({}, _scheduler["default"]), newConfig);
+    this._updateLabelsFromI18n();
     this._validateMinuteStep(this.config.minuteStep);
     this.behaviors = newBehaviors === undefined ? _behaviors["default"] : _objectSpread(_objectSpread({}, _behaviors["default"]), newBehaviors);
     this._resolveDate(0, date);
     this._createHeaders();
     this._createRenderData();
   }
+
+  /**
+   * Update user-facing labels from the i18n provider
+   * This allows apps to provide localized labels via setLabelsProvider()
+   * @private
+   */
   return _createClass(SchedulerData, [{
+    key: "_updateLabelsFromI18n",
+    value: function _updateLabelsFromI18n(locale) {
+      // Get labels from the i18n provider if available
+      var defaults = (0, _i18n.getDefaultLabels)();
+      var applyIfProvided = function applyIfProvided(key, current) {
+        var value = (0, _i18n.getLabel)(key, locale);
+        if (value === undefined || value === null) return current;
+        return value !== defaults[key] ? value : current;
+      };
+      this.config.resourceName = applyIfProvided('resourceName', this.config.resourceName);
+      this.config.taskName = applyIfProvided('taskName', this.config.taskName);
+      this.config.agendaViewHeader = applyIfProvided('agendaViewHeader', this.config.agendaViewHeader);
+      this.config.weekNumberLabel = applyIfProvided('weekNumberLabel', this.config.weekNumberLabel);
+    }
+  }, {
     key: "setSchedulerLocale",
     value: function setSchedulerLocale(preset) {
       if (!preset) return;
       this.localeDayjs.locale(preset);
+      this._updateLabelsFromI18n(preset);
       this._shouldReloadViewType = true;
       this.setViewType(this.viewType, this.showAgenda, this.isEventPerspective);
     }
@@ -702,11 +726,10 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
         case _default.ViewType.Week:
           if (date !== undefined) {
             this.startDate = this.selectDate.startOf('isoWeek');
-            this.endDate = this.startDate.endOf('isoWeek');
           } else {
             this.startDate = this.startDate.add(num, 'weeks');
-            this.endDate = this.startDate.endOf('isoWeek');
           }
+          this.endDate = this.startDate.endOf('isoWeek');
           break;
         case _default.ViewType.Day:
           this.startDate = date !== undefined ? this.selectDate : this.startDate.add(num, 'days');
@@ -823,54 +846,6 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
       }
       this.headers = headers;
     }
-
-    // Fix Optimited code
-    // _createHeaders() {
-    //   const headers = [];
-    //   const start = this.localeDayjs(new Date(this.startDate));
-    //   const end = this.localeDayjs(new Date(this.endDate));
-
-    //   const processHeader = (header, format, unit, incrementFn) => {
-    //     let head = header;
-    //     while (head >= start && head <= end) {
-    //       const time = head.format(format);
-    //       if (unit === CellUnit.Day) {
-    //         const dayOfWeek = head.weekday();
-    //         if (this.config.displayWeekend || (dayOfWeek !== 0 && dayOfWeek !== 6)) {
-    //           const nonWorkingTime = this.behaviors.isNonWorkingTimeFunc(this, time);
-    //           headers.push({ time, nonWorkingTime });
-    //         }
-    //       } else {
-    //         headers.push({ time });
-    //       }
-    //       head = head.add(1, incrementFn);
-    //     }
-    //   };
-
-    //   if (this.showAgenda) {
-    //     headers.push({ time: start.format(DATETIME_FORMAT), nonWorkingTime: false });
-    //   } else if (this.cellUnit === CellUnit.Hour) {
-    //     const hourIncrement = this.config.minuteStep < 60 ? 'minutes' : 'hours';
-    //     const minuteSteps = this.getMinuteStepsInHour();
-    //     let header = start.hour() === 0 ? start.add(this.config.dayStartFrom, 'hours') : start;
-    //     while (header <= end) {
-    //       const hour = header.hour();
-    //       if (hour >= this.config.dayStartFrom && hour <= this.config.dayStopTo) {
-    //         const time = header.format(DATETIME_FORMAT);
-    //         const nonWorkingTime = this.behaviors.isNonWorkingTimeFunc(this, time);
-    //         headers.push({ time, nonWorkingTime });
-    //       }
-    //       header = header.add(minuteSteps, hourIncrement);
-    //     }
-    //   } else {
-    //     const header = start;
-    //     const format = this.cellUnit === CellUnit.Day ? DATETIME_FORMAT : DATE_FORMAT;
-    //     const incrementFn = this.cellUnit === CellUnit.Day ? 'days' : `${this.cellUnit}s`;
-    //     processHeader(header, format, this.cellUnit, incrementFn);
-    //   }
-
-    //   this.headers = headers;
-    // }
   }, {
     key: "_createInitHeaderEvents",
     value: function _createInitHeaderEvents(header) {
@@ -954,7 +929,7 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
         var headerEvents = headers.map(function (header) {
           return _this5._createInitHeaderEvents(header);
         });
-        var slotRenderData = _objectSpread({
+        var slotRenderData = _objectSpread(_objectSpread({}, slot), {}, {
           slotId: slot.id,
           slotName: slot.name,
           slotTitle: slot.title,
@@ -1026,16 +1001,9 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
     key: "_getSpan",
     value: function _getSpan(startTime, endTime, headers) {
       if (this.showAgenda) return 1;
-
-      // function startOfWeek(date) {
-      //   const day = date.getDay();
-      //   const diff = date.getDate() - day;
-      //   return new Date(date.getFullYear(), date.getMonth(), diff);
-      // }
-
       var timeBetween = function timeBetween(date1, date2, timeIn) {
         if (timeIn === 'days' || timeIn === 'day') {
-          if (date1.getDate() === date2.getDate() && date1.getMonth() === date2.getMonth()) {
+          if (date1.getDate() === date2.getDate() && date1.getMonth() === date2.getMonth() && date1.getFullYear() === date2.getFullYear()) {
             return 1;
           }
         }
@@ -1081,6 +1049,8 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
       } else if (this.viewType === _default.ViewType.Week || this.viewType === _default.ViewType.Month || this.viewType === _default.ViewType.Quarter || this.viewType === _default.ViewType.Year) {
         var startDate = windowStart < eventStart ? eventStart : windowStart;
         var endDate = windowEnd > eventEnd ? eventEnd : windowEnd;
+        startDate.setHours(0, 0, 0, 0);
+        endDate.setHours(23, 59, 59);
         span = Math.ceil(timeBetween(startDate, endDate, 'days'));
       } else {
         if (this.cellUnit === _default.CellUnit.Day) {
@@ -1212,7 +1182,6 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
                 var previousHeaderEnd = new Date(previousHeader.end);
                 if (previousHeaderEnd <= eventStart || previousHeaderStart >= eventEnd) render = true;
               }
-              // console.log(`span: ${span}`)
               header.events[pos] = _this6._createHeaderEvent(render, span, item);
             }
           });

package/dist/components/index.js

@@ -104,6 +104,29 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
 function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } // eslint-disable-next-line no-unused-vars
+/**
+ * Render the scheduler UI with resource and agenda views, responsive sizing, and drag-and-drop support.
+ *
+ * @param {object} props - Component properties.
+ * @param {SchedulerData} props.schedulerData - Scheduler state and configuration used to drive rendering and behavior.
+ * @param {Array<DnDSource>} [props.dndSources] - Additional drag-and-drop sources to merge into the
+ * scheduler's DnD context.
+ * @param {React.RefObject<HTMLElement>} [props.parentRef] - Parent element ref used when sizing
+ * is driven by the parent container.
+ * @param {function(SchedulerData):void} props.prevClick - Callback invoked to navigate to the previous range.
+ * @param {function(SchedulerData):void} props.nextClick - Callback invoked to navigate to the next range.
+ * @param {function(SchedulerData, object):void} props.onViewChange - Callback invoked when the view type,
+ * agenda toggle, or perspective changes.
+ * @param {function(SchedulerData, string|Date):void} props.onSelectDate - Callback invoked when a date is selected.
+ * @param {React.ReactNode} [props.leftCustomHeader] - Optional custom content rendered on the left side of the header.
+ * @param {React.ReactNode} [props.rightCustomHeader] - Optional custom content rendered on the
+ * right side of the header.
+ * @param {function} [props.CustomResourceHeader] - Optional component used to render the resource header cell.
+ * @param {object} [props.configTableHeaderStyle] - Optional inline style object applied
+ * to the resource header container.
+ * @returns {JSX.Element} The scheduler root element tree to be rendered.
+ */
+
 function Scheduler(props) {
   var schedulerData = props.schedulerData,
     dndSources = props.dndSources,
@@ -116,7 +139,6 @@ function Scheduler(props) {
     rightCustomHeader = props.rightCustomHeader,
     ViewButtonRender = props.ViewButtonRender,
     CustomLoader = props.CustomLoader,
-    showWeekNumber = props.showWeekNumber,
     CustomResourceHeader = props.CustomResourceHeader,
     CustomResourceCell = props.CustomResourceCell,
     configTableHeaderStyle = props.configTableHeaderStyle;
@@ -417,10 +439,13 @@ function Scheduler(props) {
     contentScrollbarWidth = state.contentScrollbarWidth,
     resourceScrollbarHeight = state.resourceScrollbarHeight,
     resourceScrollbarWidth = state.resourceScrollbarWidth;
+  var showWeekNumber = config.showWeekNumber,
+    weekNumberRowHeight = config.weekNumberRowHeight;
   var tbodyContent = /*#__PURE__*/_react["default"].createElement("tr", null);
   if (showAgenda) {
     tbodyContent = /*#__PURE__*/_react["default"].createElement(_AgendaView["default"], props);
   } else {
+    var _config$headerBorderC, _config$headerBorderC2, _config$weekNumberLab, _config$headerBorderC3;
     var resourceTableWidth = schedulerData.getResourceTableWidth();
     var schedulerContainerWidth = width - (config.resourceViewEnabled ? resourceTableWidth : 0);
     var schedulerWidth = schedulerData.getContentTableWidth() - 1;
@@ -455,11 +480,12 @@ function Scheduler(props) {
       margin: "0px -".concat(contentScrollbarWidth, "px 0px 0px")
     };
     if (config.schedulerMaxHeight > 0) {
+      var totalHeaderHeight = config.tableHeaderHeight + (showWeekNumber ? weekNumberRowHeight : 0);
       schedulerContentStyle = _objectSpread(_objectSpread({}, schedulerContentStyle), {}, {
-        maxHeight: config.schedulerMaxHeight - config.tableHeaderHeight
+        maxHeight: config.schedulerMaxHeight - totalHeaderHeight
       });
       resourceContentStyle = _objectSpread(_objectSpread({}, resourceContentStyle), {}, {
-        maxHeight: config.schedulerMaxHeight - config.tableHeaderHeight
+        maxHeight: config.schedulerMaxHeight - totalHeaderHeight
       });
     } else if (config.responsiveByParent && schedulerData.documentHeight > 0) {
       // Responsive height minus SchedulerHeader
@@ -482,30 +508,29 @@ function Scheduler(props) {
       className: "resource-view"
     }, /*#__PURE__*/_react["default"].createElement("div", {
       style: _objectSpread({
-        borderBottom: '1px solid #e9e9e9',
-        height: showWeekNumber ? config.tableHeaderHeight + 24 : config.tableHeaderHeight
+        borderBottom: "1px solid ".concat((_config$headerBorderC = config.headerBorderColor) !== null && _config$headerBorderC !== void 0 ? _config$headerBorderC : '#e9e9e9'),
+        height: config.tableHeaderHeight + (showWeekNumber ? weekNumberRowHeight : 0)
       }, configTableHeaderStyle)
     }, /*#__PURE__*/_react["default"].createElement("div", {
       style: {
         overflowX: 'scroll',
         overflowY: 'hidden',
-        margin: "0px 0px -".concat(contentScrollbarHeight, "px"),
-        overflow: 'visible'
+        margin: "0px 0px -".concat(contentScrollbarHeight, "px")
       }
     }, /*#__PURE__*/_react["default"].createElement("table", {
       className: "resource-table"
     }, /*#__PURE__*/_react["default"].createElement("thead", null, showWeekNumber && /*#__PURE__*/_react["default"].createElement("tr", {
       style: {
-        height: 24
+        height: weekNumberRowHeight
       }
     }, /*#__PURE__*/_react["default"].createElement("th", {
       style: {
-        borderBottom: '1px solid #e9e9e9',
+        borderBottom: "1px solid ".concat((_config$headerBorderC2 = config.headerBorderColor) !== null && _config$headerBorderC2 !== void 0 ? _config$headerBorderC2 : '#e9e9e9'),
         fontSize: '0.85em',
         opacity: 0.7,
         padding: '4px 8px'
       }
-    }, "Week No.")), /*#__PURE__*/_react["default"].createElement("tr", {
+    }, (_config$weekNumberLab = config.weekNumberLabel) !== null && _config$weekNumberLab !== void 0 ? _config$weekNumberLab : 'Week No.')), /*#__PURE__*/_react["default"].createElement("tr", {
       style: {
         height: config.tableHeaderHeight
       }
@@ -531,8 +556,8 @@ function Scheduler(props) {
     }, /*#__PURE__*/_react["default"].createElement("div", {
       style: {
         overflow: 'hidden',
-        borderBottom: '1px solid #e9e9e9',
-        height: showWeekNumber ? config.tableHeaderHeight + 24 : config.tableHeaderHeight
+        borderBottom: "1px solid ".concat((_config$headerBorderC3 = config.headerBorderColor) !== null && _config$headerBorderC3 !== void 0 ? _config$headerBorderC3 : '#e9e9e9'),
+        height: config.tableHeaderHeight + (showWeekNumber ? weekNumberRowHeight : 0)
       }
     }, /*#__PURE__*/_react["default"].createElement("div", {
       style: {
@@ -555,9 +580,7 @@ function Scheduler(props) {
       }
     }, /*#__PURE__*/_react["default"].createElement("table", {
       className: "scheduler-bg-table"
-    }, /*#__PURE__*/_react["default"].createElement(_HeaderView["default"], _extends({}, props, {
-      showWeekNumber: showWeekNumber
-    })))))), /*#__PURE__*/_react["default"].createElement("div", {
+    }, /*#__PURE__*/_react["default"].createElement(_HeaderView["default"], props))))), /*#__PURE__*/_react["default"].createElement("div", {
       style: schedulerContentStyle,
       ref: schedulerContentRef,
       onMouseOver: onSchedulerContentMouseOver,
@@ -643,7 +666,6 @@ Scheduler.propTypes = {
   onScrollRight: _propTypes["default"].func,
   onScrollTop: _propTypes["default"].func,
   onScrollBottom: _propTypes["default"].func,
-  showWeekNumber: _propTypes["default"].bool,
   CustomResourceHeader: _propTypes["default"].func,
   CustomResourceCell: _propTypes["default"].func,
   configTableHeaderStyle: _propTypes["default"].object

package/dist/config/i18n.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDefaultLabels = getDefaultLabels;
+exports.getLabel = getLabel;
+exports.resetLabelsProvider = resetLabelsProvider;
+exports.setLabelsProvider = setLabelsProvider;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+/**
+ * i18n configuration and labels provider
+ *
+ * This module provides a centralized way to manage user-facing strings in the scheduler.
+ * Users can provide localized labels either through the config or by setting a custom
+ * labels provider function.
+ */
+
+// Default English labels
+var defaultLabels = {
+  resourceName: 'Resource Name',
+  taskName: 'Task Name',
+  agendaViewHeader: 'Agenda',
+  weekNumberLabel: 'Week No.'
+};
+
+// Current labels provider (can be a function or object)
+var labelsProvider = null;
+
+/**
+ * Get the current label for a given key
+ * @param {string} key - The label key (e.g., 'resourceName', 'taskName')
+ * @param {string} locale - Optional locale code for locale-specific translations
+ * @returns {string} The localized label or the default English label
+ */
+function getLabel(key) {
+  var locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
+  // If a custom provider function is set, use it
+  if (typeof labelsProvider === 'function') {
+    var label = labelsProvider(key, locale);
+    return label !== undefined && label !== null ? label : defaultLabels[key];
+  }
+
+  // If a labels object provider is set, use it with fallback
+  if (labelsProvider && _typeof(labelsProvider) === 'object') {
+    var _label = labelsProvider[key];
+    return _label !== undefined && _label !== null ? _label : defaultLabels[key];
+  }
+
+  // Fall back to default English labels
+  return defaultLabels[key];
+}
+
+/**
+ * Set a custom labels provider
+ * @param {Function|Object} provider - Either a function(key, locale) -> string or an object with label key-value pairs
+ */
+function setLabelsProvider(provider) {
+  labelsProvider = provider;
+}
+
+/**
+ * Get all default labels
+ * @returns {Object} Object with all default English labels
+ */
+function getDefaultLabels() {
+  return _objectSpread({}, defaultLabels);
+}
+
+/**
+ * Reset to default English labels
+ */
+function resetLabelsProvider() {
+  labelsProvider = null;
+}

package/dist/config/scheduler.js

@@ -5,6 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _default2 = require("./default");
+/**
+ * Default scheduler configuration
+ *
+ * User-facing strings (resourceName, taskName, agendaViewHeader, weekNumberLabel)
+ * are set to English defaults but can be overridden through:
+ * 1. Passing a custom config object when creating SchedulerData
+ * 2. Using setLabelsProvider() from the i18n module to set a custom labels provider
+ * 3. Directly modifying config properties after instantiation
+ */
 var _default = exports["default"] = {
   schedulerWidth: '100%',
   besidesWidth: 20,
@@ -49,6 +58,9 @@ var _default = exports["default"] = {
   summaryColor: '#666',
   summaryPos: _default2.SummaryPos.TopRight,
   groupOnlySlotColor: '#F8F8F8',
+  headerBorderColor: '#e9e9e9',
+  weekNumberRowHeight: 24,
+  showWeekNumber: false,
   startResizable: true,
   endResizable: true,
   movable: true,
@@ -72,6 +84,7 @@ var _default = exports["default"] = {
   resourceName: 'Resource Name',
   taskName: 'Task Name',
   agendaViewHeader: 'Agenda',
+  weekNumberLabel: 'Week No.',
   addMorePopoverHeaderFormat: 'MMM D, YYYY dddd',
   eventItemPopoverDateFormat: 'MMM D',
   nonAgendaDayCellHeaderFormat: 'ha',

package/dist/index.d.ts

@@ -137,7 +137,7 @@ export interface CustomResourceCellProps<EventType extends EventItem = EventItem
   item: ResourceEvent<EventType, ResourceType>;
   indents: React.ReactNode[];
   slotClickedFunc?: (schedulerData: SchedulerData<EventType>, slot: ResourceEvent<EventType, ResourceType>) => void;
-  toggleExpandFunc: () => void;
+  handleToggleExpand: (item: ResourceEvent<EventType, ResourceType>) => void;
 }
 
 export interface AddMorePopoverProps<EventType extends EventItem = EventItem> {
@@ -415,6 +415,10 @@ export interface SchedulerDataConfig {
   minuteStep?: number;
   views?: View[];
   responsiveByParent?: boolean;
+  showWeekNumber?: boolean;
+  weekNumberRowHeight?: number;
+  weekNumberLabel?: string;
+  headerBorderColor?: string;
 }
 
 export enum SummaryPos {

package/dist/index.js

@@ -69,6 +69,30 @@ Object.defineProperty(exports, "ViewType", {
     return _index.ViewType;
   }
 });
+Object.defineProperty(exports, "getDefaultLabels", {
+  enumerable: true,
+  get: function get() {
+    return _i18n.getDefaultLabels;
+  }
+});
+Object.defineProperty(exports, "getLabel", {
+  enumerable: true,
+  get: function get() {
+    return _i18n.getLabel;
+  }
+});
+Object.defineProperty(exports, "resetLabelsProvider", {
+  enumerable: true,
+  get: function get() {
+    return _i18n.resetLabelsProvider;
+  }
+});
+Object.defineProperty(exports, "setLabelsProvider", {
+  enumerable: true,
+  get: function get() {
+    return _i18n.setLabelsProvider;
+  }
+});
 Object.defineProperty(exports, "wrapperFun", {
   enumerable: true,
   get: function get() {
@@ -76,4 +100,5 @@ Object.defineProperty(exports, "wrapperFun", {
   }
 });
 require("./css/style.css");
-var _index = require("./components/index");
+var _index = require("./components/index");
+var _i18n = require("./config/i18n");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "makula-schedule",
-  "version": "1.1.9",
+  "version": "2.0.1",
   "description": "React Big Schedule  is a powerful and intuitive scheduler and resource planning solution built with React. Seamlessly integrate this modern browser-compatible component into your applications to effectively manage time, appointments, and resources. With drag-and-drop functionality, interactive UI, and granular views, react-big-schedule empowers users to effortlessly schedule and allocate resources with precision. Enhance productivity and streamline your workflow with this React-based solution, designed to optimize time management and simplify calendar-based operations. Perfect for applications requiring advanced scheduling capabilities, react-big-schedule offers a seamless and intuitive experience for managing appointments, resource allocation, and time slots. Unlock the potential of your React projects with react-big-schedule and revolutionize the way you handle scheduling and resource planning. It is the updated version of react-big-scheduler",
   "keywords": [
     "react-big-schedule",
@@ -49,6 +49,7 @@
     "url": "https://github.com/Makula-Technology-GmbH/makula-scheduler/issues"
   },
   "publishConfig": {
+    "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
   "scripts": {
@@ -69,43 +70,43 @@
     "antd": "^4.24.0",
     "dayjs": "^1.11.19",
     "prop-types": "^15.8.1",
-    "react-router-dom": "^6.30.3",
-    "rrule": "^2.8.1",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3"
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-router-dom": "^7.13.0",
+    "rrule": "^2.8.1"
   },
   "peerDependencies": {
     "react-dnd": ">=14.0.0",
     "react-dnd-html5-backend": ">=14.0.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.28.3",
+    "@babel/cli": "^7.28.6",
     "@babel/core": "^7.28.5",
-    "@babel/eslint-parser": "^7.28.5",
-    "@babel/preset-env": "^7.28.5",
+    "@babel/eslint-parser": "^7.28.6",
+    "@babel/preset-env": "^7.29.0",
     "@babel/preset-react": "^7.28.5",
     "babel-loader": "^10.0.0",
     "copy-webpack-plugin": "^13.0.1",
-    "css-loader": "^7.1.2",
+    "css-loader": "^7.1.3",
     "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-prettier": "^5.5.4",
+    "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-webpack-plugin": "^5.0.2",
     "fs-extra": "^11.3.3",
     "glob-all": "^3.3.1",
-    "html-webpack-plugin": "^5.6.5",
+    "html-webpack-plugin": "^5.6.6",
     "mini-css-extract-plugin": "^2.9.4",
     "postcss": "^8.5.6",
     "postcss-loader": "^8.2.0",
-    "prettier": "^3.7.4",
+    "prettier": "^3.8.0",
     "purgecss-webpack-plugin": "^8.0.0",
     "style-loader": "^4.0.0",
     "webpack": "^5.104.1",
     "webpack-cli": "^6.0.1",
-    "webpack-dev-server": "^5.2.2"
+    "webpack-dev-server": "^5.2.3"
   }
 }