react-big-schedule 5.5.1-beta.0 → 5.5.2-beta.0

package/dist/components/ResourceEvents.js

@@ -42,6 +42,7 @@ function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf
 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); }
+var DEFAULT_ROW_HEIGHT = 50;
 var ResourceEvents = /*#__PURE__*/function (_PureComponent) {
   function ResourceEvents(props) {
     var _this;
@@ -151,8 +152,24 @@ var ResourceEvents = /*#__PURE__*/function (_PureComponent) {
       }
       var currentY = clientY - pos.y;
       var displayRenderData = _this.getDisplayRenderData();
+      if (displayRenderData.length === 0) {
+        _this.setState({
+          leftIndex: leftIndex,
+          left: left,
+          rightIndex: rightIndex,
+          width: width,
+          isSelecting: true,
+          startRowIndex: -1,
+          endRowIndex: -1
+        });
+        _this.emitSelectionChange(true, [], {
+          left: left,
+          width: width
+        });
+        return;
+      }
       var rowHeights = displayRenderData.map(function (row) {
-        return (row === null || row === void 0 ? void 0 : row.rowHeight) || 50;
+        return (row === null || row === void 0 ? void 0 : row.rowHeight) || DEFAULT_ROW_HEIGHT;
       });
       var startRowTop = rowHeights.slice(0, Math.max(0, originalStartRowIndex)).reduce(function (sum, h) {
         return sum + h;
@@ -441,7 +458,10 @@ var ResourceEvents = /*#__PURE__*/function (_PureComponent) {
     value: function componentWillUnmount() {
       this.cleanupDragInteraction();
       this.supportTouchHelper('remove');
-      this.emitSelectionChange(false, []);
+      this.emitSelectionChange(false, [], {
+        left: 0,
+        width: 0
+      });
     }
   }, {
     key: "render",
@@ -644,7 +664,11 @@ _defineProperty(ResourceEvents, "propTypes", {
   eventItemTemplateResolver: _propTypes.PropTypes.func,
   onSelectionChange: _propTypes.PropTypes.func,
   isRowSelected: _propTypes.PropTypes.bool,
-  selectionPreview: _propTypes.PropTypes.object
+  selectionPreview: _propTypes.PropTypes.shape({
+    isSelecting: _propTypes.PropTypes.bool,
+    left: _propTypes.PropTypes.number,
+    width: _propTypes.PropTypes.number
+  })
 });
 var ResourceEventsWithDnD = function ResourceEventsWithDnD(props) {
   var schedulerData = props.schedulerData,

package/dist/components/ResourceView.js

@@ -72,7 +72,8 @@ function ResourceView(_ref) {
     var selectedBorderColor = schedulerData.config.selectedSlotBorderColor || '#1677ff';
     var selectedShadowColor = schedulerData.config.selectedSlotShadowColor || '#91caff';
     var selectedSlotColor = schedulerData.config.selectedSlotColor || '#e6f4ff';
-    var isRowSelected = isSelecting && Array.isArray(selectedResourceIds) && selectedResourceIds.includes(item.slotId);
+    var hasSelectedResourceId = selectedResourceIds instanceof Set ? selectedResourceIds.has(item.slotId) : Array.isArray(selectedResourceIds) && selectedResourceIds.includes(item.slotId);
+    var isRowSelected = isSelecting && hasSelectedResourceId;
     if (isRowSelected) {
       tdStyle.borderLeft = "3px solid ".concat(selectedBorderColor);
       tdStyle.boxShadow = "inset 0 0 0 1px ".concat(selectedShadowColor);
@@ -82,6 +83,7 @@ function ResourceView(_ref) {
     }
     if (CustomResourceCell) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+        "aria-selected": isRowSelected,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
           "data-resource-id": item.slotId,
           style: tdStyle,
@@ -134,6 +136,7 @@ function ResourceView(_ref) {
       }
     }
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+      "aria-selected": isRowSelected,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
         "data-resource-id": item.slotId,
         style: tdStyle,
@@ -156,6 +159,8 @@ function ResourceView(_ref) {
     },
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("table", {
       className: "resource-table",
+      role: "grid",
+      "aria-multiselectable": "true",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
         children: resourceList
       })
@@ -171,6 +176,6 @@ ResourceView.propTypes = {
   toggleExpandFunc: _propTypes["default"].func,
   CustomResourceCell: _propTypes["default"].func,
   isSelecting: _propTypes["default"].bool,
-  selectedResourceIds: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]))
+  selectedResourceIds: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])), _propTypes["default"].instanceOf(Set)])
 };
 var _default = exports["default"] = /*#__PURE__*/_react["default"].memo(ResourceView);

package/dist/components/SchedulerData.js

@@ -106,10 +106,11 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
       if (this._batchCount > 0) {
         this._batchCount -= 1;
         if (this._batchCount === 0 && this._pendingVersion !== undefined) {
+          var pendingVersion = this._pendingVersion;
+          this._pendingVersion = undefined;
           if (typeof this._versionChangeCallback === 'function') {
-            this._versionChangeCallback(this._pendingVersion);
+            this._versionChangeCallback(pendingVersion);
           }
-          this._pendingVersion = undefined;
         }
       }
     }
@@ -305,9 +306,7 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
       var isCustomView = viewType === _default.ViewType.Custom || viewType === _default.ViewType.Custom1 || viewType === _default.ViewType.Custom2;
 
       // Force built-in views only; custom views can provide their own cellUnit via custom date behavior.
-      if (viewType === _default.ViewType.Day) {
-        this.cellUnit = _default.CellUnit.Hour;
-      } else if (!isCustomView) {
+      if (!isCustomView && viewType !== _default.ViewType.Day) {
         this.cellUnit = _default.CellUnit.Day;
       }
 

package/dist/components/index.js

@@ -241,27 +241,16 @@ function Scheduler(props) {
   var _useState11 = (0, _react.useState)(0),
     _useState12 = _slicedToArray(_useState11, 2),
     setRenderTrigger = _useState12[1];
-
-  // Callback ref pattern for ResizeObserver to handle parent element reassignment
-  var _useState13 = (0, _react.useState)(null),
-    _useState14 = _slicedToArray(_useState13, 2),
-    parentEl = _useState14[0],
-    setParentEl = _useState14[1];
-  var setParentRef = (0, _react.useCallback)(function (el) {
-    if (parentRef) {
-      parentRef.current = el;
-    }
-    setParentEl(el);
-  }, [parentRef]);
+  var schedulerRootRef = (0, _react.useRef)(null);
 
   // Layout/header refs - declare before setSchedulerHeaderRef useCallback
   var schedulerHeaderRef = (0, _react.useRef)(null);
 
   // Callback ref pattern for ResizeObserver to handle schedulerHeader element reassignment
-  var _useState15 = (0, _react.useState)(null),
-    _useState16 = _slicedToArray(_useState15, 2),
-    schedulerHeaderEl = _useState16[0],
-    setSchedulerHeaderEl = _useState16[1];
+  var _useState13 = (0, _react.useState)(null),
+    _useState14 = _slicedToArray(_useState13, 2),
+    schedulerHeaderEl = _useState14[0],
+    setSchedulerHeaderEl = _useState14[1];
   var setSchedulerHeaderRef = (0, _react.useCallback)(function (el) {
     schedulerHeaderRef.current = el;
     setSchedulerHeaderEl(el);
@@ -297,13 +286,23 @@ function Scheduler(props) {
     return undefined;
   }, [schedulerData]);
   var onWindowResize = (0, _react.useCallback)(function () {
-    schedulerData._setDocumentWidth(document.documentElement.clientWidth);
-    schedulerData._setDocumentHeight(document.documentElement.clientHeight);
+    schedulerData.beginBatch();
+    try {
+      schedulerData._setDocumentWidth(document.documentElement.clientWidth);
+      schedulerData._setDocumentHeight(document.documentElement.clientHeight);
+    } finally {
+      schedulerData.endBatch();
+    }
   }, [schedulerData]);
   (0, _react.useEffect)(function () {
     if (schedulerData.isSchedulerResponsive() && !schedulerData.config.responsiveByParent || parentRef === undefined) {
-      schedulerData._setDocumentWidth(document.documentElement.clientWidth);
-      schedulerData._setDocumentHeight(document.documentElement.clientHeight);
+      schedulerData.beginBatch();
+      try {
+        schedulerData._setDocumentWidth(document.documentElement.clientWidth);
+        schedulerData._setDocumentHeight(document.documentElement.clientHeight);
+      } finally {
+        schedulerData.endBatch();
+      }
       window.addEventListener('resize', onWindowResize);
       return function () {
         return window.removeEventListener('resize', onWindowResize);
@@ -311,19 +310,24 @@ function Scheduler(props) {
     }
   }, [schedulerData, parentRef, onWindowResize]);
   (0, _react.useEffect)(function () {
+    var parentEl = parentRef === null || parentRef === void 0 ? void 0 : parentRef.current;
     if (parentRef !== undefined && schedulerData.config.responsiveByParent && !!parentEl) {
-      schedulerData._setDocumentWidth(parentEl.offsetWidth);
+      var updateParentSize = function updateParentSize() {
+        schedulerData.beginBatch();
+        try {
+          schedulerData._setDocumentWidth(parentEl.clientWidth);
+          schedulerData._setDocumentHeight(parentEl.clientHeight);
+        } finally {
+          schedulerData.endBatch();
+        }
+      };
+      updateParentSize();
 
       // Disconnect any previous observer to prevent memory leaks
       if (ulObserverRef.current) {
         ulObserverRef.current.disconnect();
       }
-      ulObserverRef.current = new ResizeObserver(function () {
-        if (parentEl) {
-          schedulerData._setDocumentWidth(parentEl.offsetWidth);
-          schedulerData._setDocumentHeight(parentEl.offsetHeight);
-        }
-      });
+      ulObserverRef.current = new ResizeObserver(updateParentSize);
       ulObserverRef.current.observe(parentEl);
       return function () {
         if (ulObserverRef.current) {
@@ -331,28 +335,29 @@ function Scheduler(props) {
         }
       };
     }
-  }, [parentEl, parentRef, schedulerData]);
+  }, [parentRef, schedulerData]);
   (0, _react.useEffect)(function () {
     if (schedulerData.config.responsiveByParent && !!schedulerHeaderEl) {
-      schedulerData._setDocumentWidth(schedulerHeaderEl.offsetWidth);
-      schedulerData._setDocumentHeight(schedulerHeaderEl.offsetHeight);
+      var updateHeaderHeight = function updateHeaderHeight(node) {
+        var rect = node.getBoundingClientRect();
+        var style = window.getComputedStyle(node);
+        var totalHeight = rect.height + (parseFloat(style.marginTop) || 0) + (parseFloat(style.marginBottom) || 0) + (schedulerData.config.showWeekNumber ? schedulerData.config.weekNumberRowHeight || 0 : 0);
+        schedulerData._setSchedulerHeaderHeight(totalHeight);
+      };
+      updateHeaderHeight(schedulerHeaderEl);
       headerObserverRef.current = new ResizeObserver(function (entries) {
         entries.forEach(function (entry) {
-          var node = entry.target;
-          var rect = node.getBoundingClientRect();
-          var style = window.getComputedStyle(node);
-          var totalHeight = rect.height + (parseFloat(style.marginTop) || 0) + (parseFloat(style.marginBottom) || 0);
-          schedulerData._setSchedulerHeaderHeight(totalHeight);
+          return updateHeaderHeight(entry.target);
         });
       });
       headerObserverRef.current.observe(schedulerHeaderEl);
       return function () {
-        if (headerObserverRef.current && schedulerHeaderEl) {
-          headerObserverRef.current.unobserve(schedulerHeaderEl);
+        if (headerObserverRef.current) {
+          headerObserverRef.current.disconnect();
         }
       };
     }
-  }, [schedulerHeaderEl, schedulerData]);
+  }, [schedulerHeaderEl, schedulerData, schedulerData.config.showWeekNumber, schedulerData.config.weekNumberRowHeight]);
   var resolveScrollbarSize = (0, _react.useCallback)(function () {
     var prev = scrollbarSizeRef.current;
     var newContentHeight = schedulerContentRef.current ? schedulerContentRef.current.offsetHeight - schedulerContentRef.current.clientHeight : 17;
@@ -795,7 +800,7 @@ function Scheduler(props) {
     id: "rbs-root",
     className: "rbs",
     style: rootTableStyle,
-    ref: setParentRef,
+    ref: schedulerRootRef,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {

package/dist/helper/utility.js

@@ -3,7 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getNextNumericEventId = getNextNumericEventId;
 exports.getPos = getPos;
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+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; }
 function getPos(element) {
   var x = 0;
   var y = 0;
@@ -17,4 +24,19 @@ function getPos(element) {
     x: x,
     y: y
   };
+}
+
+/**
+ * Generates the next numeric event ID by finding the maximum numeric ID in the events array
+ * and incrementing it by 1. Filters out non-numeric and non-finite IDs.
+ * @param {Array} events - Array of event objects with id properties
+ * @returns {number} The next available numeric ID
+ */
+function getNextNumericEventId(events) {
+  var numericIds = events.map(function (event) {
+    return event.id;
+  }).filter(function (id) {
+    return typeof id === 'number' && Number.isFinite(id);
+  });
+  return Math.max.apply(Math, _toConsumableArray(numericIds).concat([0])) + 1;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-big-schedule",
-  "version": "5.5.1-beta.0",
+  "version": "5.5.2-beta.0",
   "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",
@@ -72,7 +72,7 @@
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
     "react-dom": "^19.2.5",
-    "react-router-dom": "^7.14.2",
+    "react-router-dom": "^7.15.0",
     "rrule": "^2.8.1"
   },
   "devDependencies": {