react-big-schedule 5.5.2-beta.2 → 5.5.2-beta.4

package/README.md

@@ -22,10 +22,20 @@ Unlock the potential of your React projects with react-big-schedule and revoluti
 
 ## Installation
 
-To install react-big-schedule, use npm:
+To install react-big-schedule, use your preferred package manager:
 
 ```bash
-  npm install react-big-schedule
+# npm
+npm install react-big-schedule
+
+# yarn
+yarn add react-big-schedule
+
+# pnpm
+pnpm add react-big-schedule
+
+# bun
+bun add react-big-schedule
 ```
 
 ## Tech Stack
@@ -36,6 +46,7 @@ To install react-big-schedule, use npm:
 - react-dnd-html5-backend
 - webpack
 - dayjs
+- Biome (Linting & Formatting)
 
 ## Features
 
@@ -98,17 +109,21 @@ We are continuously working on enhancing react-big-schedule and welcome your fee
 
 ## Use and Setup
 
-1.) Installation
-
-```
-  npm i react-big-schedule
-```
-
-or
-
-```
-  yarn add react-big-schedule
-```
+1.) To install react-big-schedule, use your preferred package manager:
+ 
+ ```bash
+ # npm
+ npm install react-big-schedule
+ 
+ # yarn
+ yarn add react-big-schedule
+ 
+ # pnpm
+ pnpm add react-big-schedule
+ 
+ # bun
+ bun add react-big-schedule
+ ```
 
 2.) Import dependencies
 
@@ -198,11 +213,12 @@ schedulerData.setEvents([
 ### Run examples locally
 
 - Clone this repository
-- Retrieve dependencies: `npm install` or `npm i`
-- Start: `npm run start`
+- Retrieve dependencies: `npm install` (or `yarn`, `pnpm`, `bun install`)
+- Check & Fix: `npm run fix`
+- Start: `npm run dev`
 - Open [http://localhost:8080](http://localhost:8080).
 
-If you fail to execute the `npm install` command, remove the package-lock.json file and try again.
+If you fail to execute the installation command, remove the lock file (e.g., `package-lock.json`, `bun.lockb`) and try again.
 
 # API
 

package/dist/components/BodyView.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function BodyView(_ref) {

package/dist/components/DnDContext.js

@@ -143,13 +143,13 @@ var DnDContext = exports["default"] = /*#__PURE__*/_createClass(function DnDCont
     var spec = _this.getDropSpec();
     return {
       accept: _toConsumableArray(_this.sourceMap.keys()),
-      drop: function drop(item, monitor) {
+      drop: function drop(_item, monitor) {
         return spec.drop(props, monitor, component);
       },
-      hover: function hover(item, monitor) {
+      hover: function hover(_item, monitor) {
         return spec.hover(props, monitor, component);
       },
-      canDrop: function canDrop(item, monitor) {
+      canDrop: function canDrop(_item, monitor) {
         return spec.canDrop(props, monitor);
       },
       collect: function collect(monitor) {

package/dist/components/DnDSource.js

@@ -106,7 +106,7 @@ var DnDSource = exports["default"] = /*#__PURE__*/_createClass(function DnDSourc
       item: function item() {
         return spec.beginDrag(props);
       },
-      end: function end(item, monitor) {
+      end: function end(_item, monitor) {
         return spec.endDrag(props, monitor);
       },
       canDrag: function canDrag() {

package/dist/components/EventItem.js

@@ -119,7 +119,7 @@ var EventItem = /*#__PURE__*/function (_Component) {
         eventItem = _this$props2.eventItem;
       var slotId = schedulerData._getEventSlotId(eventItem);
       var slot = schedulerData.getSlotById(slotId);
-      if (!!slot && !!slot.groupOnly) return;
+      if (slot !== null && slot !== void 0 && slot.groupOnly) return;
       if (schedulerData._isResizing()) return;
       ev.stopPropagation();
       var clientX = 0;
@@ -616,14 +616,21 @@ var EventItem = /*#__PURE__*/function (_Component) {
       if (eventItemTemplateResolver !== undefined) {
         eventItemTemplate = eventItemTemplateResolver(schedulerData, eventItem, bgColor, isStart, isEnd, 'event-item', config.eventItemHeight, undefined);
       }
-      var a = /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", {
+      var a = /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+        type: "button",
         className: "timeline-event",
         ref: this.eventItemRef,
         onMouseMove: isPopoverPlacementMousePosition ? this.handleMouseMove : undefined,
         style: {
           left: left,
           width: width,
-          top: top
+          top: top,
+          cursor: 'pointer',
+          background: 'none',
+          border: 'none',
+          padding: 0,
+          display: 'block',
+          textAlign: 'left'
         },
         onClick: function onClick() {
           if (eventItemClick) eventItemClick(schedulerData, eventItem);

package/dist/components/HeaderView.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
 var _default2 = require("../config/default");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 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 }; }
 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 + ""; }
@@ -80,12 +80,12 @@ function HeaderView(_ref) {
       padding: '4px 8px',
       textAlign: 'center'
     };
-    return weekGroups.map(function (group, idx) {
+    return weekGroups.map(function (group) {
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("th", {
         colSpan: group.colspan,
         style: cellStyle,
         children: ["W", group.week]
-      }, "week-".concat(group.year, "-").concat(group.week, "-").concat(idx));
+      }, "week-".concat(group.year, "-").concat(group.week));
     });
   }, [showWeekNumber, headers, localeDayjs, config.headerBorderColor]);
 
@@ -117,10 +117,10 @@ function HeaderView(_ref) {
     if (typeof nonAgendaCellHeaderTemplateResolver === 'function') {
       return nonAgendaCellHeaderTemplateResolver(schedulerData, item, formattedList, style);
     }
-    var content = formattedList.map(function (text, idx) {
+    var content = formattedList.map(function (text) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         children: text
-      }, "".concat(item.time, "-").concat(idx, "-").concat(text));
+      }, "".concat(item.time, "-").concat(text));
     });
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
       className: "header3-text",

package/dist/components/ResourceEvents.js

@@ -605,7 +605,7 @@ var ResourceEvents = /*#__PURE__*/function (_PureComponent) {
               width: _width2,
               top: top,
               clickAction: _this2.onAddMoreClick
-            });
+            }, "add-more-".concat(headerItem.time));
             eventList.push(addMoreItem);
           }
           if (headerItem.summary !== undefined) {
@@ -680,6 +680,7 @@ var ResourceEventsWithDnD = function ResourceEventsWithDnD(props) {
   // Keep propsRef up to date
   _react["default"].useEffect(function () {
     propsRef.current = props;
+    // biome-ignore lint/correctness/useExhaustiveDependencies: propsRef is intended to always hold the latest props
   }, [props]);
 
   // Always call useDrop unconditionally (Rules of Hooks)
@@ -700,13 +701,13 @@ var ResourceEventsWithDnD = function ResourceEventsWithDnD(props) {
       var spec = dndContext.getDropSpec();
       return {
         accept: _toConsumableArray(dndContext.sourceMap.keys()),
-        drop: function drop(item, monitor) {
+        drop: function drop(_item, monitor) {
           return spec.drop(propsRef.current, monitor, componentRef.current);
         },
-        hover: function hover(item, monitor) {
+        hover: function hover(_item, monitor) {
           return spec.hover(propsRef.current, monitor, componentRef.current);
         },
-        canDrop: function canDrop(item, monitor) {
+        canDrop: function canDrop(_item, monitor) {
           return spec.canDrop(propsRef.current, monitor);
         },
         collect: function collect(monitor) {

package/dist/components/ResourceView.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _icons = require("@ant-design/icons");
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 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); }
@@ -153,14 +153,12 @@ function ResourceView(_ref) {
     }
     return renderSlotItem(item, indents);
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("section", {
     style: {
       paddingBottom: paddingBottom
     },
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("table", {
       className: "resource-table",
-      role: "grid",
-      "aria-multiselectable": "true",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
         children: resourceList
       })

package/dist/components/SchedulerData.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _dayjs = _interopRequireDefault(require("dayjs"));
+var _isoWeek = _interopRequireDefault(require("dayjs/plugin/isoWeek"));
 var _quarterOfYear = _interopRequireDefault(require("dayjs/plugin/quarterOfYear"));
 var _utc = _interopRequireDefault(require("dayjs/plugin/utc"));
 var _weekday = _interopRequireDefault(require("dayjs/plugin/weekday"));
-var _isoWeek = _interopRequireDefault(require("dayjs/plugin/isoWeek"));
 var _rrule = require("rrule");
 var _default = require("../config/default");
-var _scheduler = _interopRequireDefault(require("../config/scheduler"));
 var _i18n = require("../config/i18n");
+var _scheduler = _interopRequireDefault(require("../config/scheduler"));
 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); }
@@ -451,11 +451,12 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "getSchedulerHeight",
     value: function getSchedulerHeight() {
+      var _this$config$schedule, _this$config$schedule2;
       // Use the header height tracked in SchedulerData (set via _setSchedulerHeaderHeight)
       var headerHeight = this.schedulerHeaderHeight || 0;
       var baseHeight = this.documentHeight - headerHeight - this.config.tableHeaderHeight - (this.config.underneathHeight || 0);
       var validBaseHeight = baseHeight > 0 ? baseHeight : 0;
-      if (this.isSchedulerResponsive() && this.config.schedulerHeight && this.config.schedulerHeight.endsWith && this.config.schedulerHeight.endsWith('%')) {
+      if (this.isSchedulerResponsive() && (_this$config$schedule = this.config.schedulerHeight) !== null && _this$config$schedule !== void 0 && (_this$config$schedule2 = _this$config$schedule.endsWith) !== null && _this$config$schedule2 !== void 0 && _this$config$schedule2.call(_this$config$schedule, '%')) {
         return parseInt(validBaseHeight * Number(this.config.schedulerHeight.slice(0, -1)) / 100, 10);
       }
       // fallback to max height if set, else just use base height
@@ -1347,10 +1348,10 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
             if (_this6.behaviors.getSummaryFunc !== undefined) {
               var events = [];
               headerItem.events.forEach(function (e) {
-                if (!!e && !!e.eventItem) events.push(e.eventItem);
+                if (e !== null && e !== void 0 && e.eventItem) events.push(e.eventItem);
               });
               headerItem.summary = _this6.behaviors.getSummaryFunc(_this6, events, resourceEvents.slotId, resourceEvents.slotName, headerItem.start, headerItem.end);
-              if (!!headerItem.summary && headerItem.summary.text !== undefined) hasSummary = true;
+              if (headerItem.summary && headerItem.summary.text !== undefined) hasSummary = true;
             }
           });
           resourceEvents.hasSummary = hasSummary;

package/dist/components/index.js

@@ -93,6 +93,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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 _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
@@ -311,7 +312,7 @@ 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) {
+    if (parentRef !== undefined && schedulerData.config.responsiveByParent && parentEl) {
       var updateParentSize = function updateParentSize() {
         schedulerData.beginBatch();
         try {
@@ -337,7 +338,7 @@ function Scheduler(props) {
     }
   }, [parentRef, schedulerData]);
   (0, _react.useEffect)(function () {
-    if (schedulerData.config.responsiveByParent && !!schedulerHeaderEl) {
+    if (schedulerData.config.responsiveByParent && schedulerHeaderEl) {
       var updateHeaderHeight = function updateHeaderHeight(node) {
         var rect = node.getBoundingClientRect();
         var style = window.getComputedStyle(node);
@@ -346,9 +347,18 @@ function Scheduler(props) {
       };
       updateHeaderHeight(schedulerHeaderEl);
       headerObserverRef.current = new ResizeObserver(function (entries) {
-        entries.forEach(function (entry) {
-          return updateHeaderHeight(entry.target);
-        });
+        var _iterator = _createForOfIteratorHelper(entries),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var entry = _step.value;
+            updateHeaderHeight(entry.target);
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
       });
       headerObserverRef.current.observe(schedulerHeaderEl);
       return function () {
@@ -385,8 +395,8 @@ function Scheduler(props) {
     resolveScrollbarSize();
     var localeDayjs = schedulerData.localeDayjs,
       behaviors = schedulerData.behaviors;
-    if (schedulerData.getScrollToSpecialDayjs() && !!behaviors.getScrollSpecialDayjsFunc) {
-      if (!!schedulerContentRef.current && schedulerContentRef.current.scrollWidth > schedulerContentRef.current.clientWidth) {
+    if (schedulerData.getScrollToSpecialDayjs() && behaviors.getScrollSpecialDayjsFunc) {
+      if (schedulerContentRef.current && schedulerContentRef.current.scrollWidth > schedulerContentRef.current.clientWidth) {
         var start = localeDayjs(new Date(schedulerData.startDate)).startOf('day');
         var end = localeDayjs(new Date(schedulerData.endDate)).endOf('day');
         var specialDayjs = behaviors.getScrollSpecialDayjsFunc(schedulerData, start, end);
@@ -688,7 +698,7 @@ function Scheduler(props) {
                 })
               })
             })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("section", {
             style: resourceContentStyle,
             ref: schedulerResourceRef,
             onMouseOver: onSchedulerResourceMouseOver,
@@ -696,6 +706,7 @@ function Scheduler(props) {
             onMouseOut: onSchedulerResourceMouseOut,
             onBlur: onSchedulerResourceMouseOut,
             onScroll: onSchedulerResourceScroll,
+            "aria-label": "Resource sidebar",
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ResourceView["default"], {
               schedulerData: schedulerData,
               schedulerDataVersion: schedulerDataVersion,
@@ -715,7 +726,7 @@ function Scheduler(props) {
           style: schedulerViewStyle,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             style: schedulerHeadWrapperStyle,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("section", {
               style: schedulerHeadScrollStyle,
               ref: schedulerHeadRef,
               onMouseOver: onSchedulerHeadMouseOver,
@@ -736,7 +747,7 @@ function Scheduler(props) {
                 })
               })
             })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("section", {
             style: schedulerContentStyle,
             ref: schedulerContentRef,
             onMouseOver: onSchedulerContentMouseOver,
@@ -744,6 +755,7 @@ function Scheduler(props) {
             onMouseOut: onSchedulerContentMouseOut,
             onBlur: onSchedulerContentMouseOut,
             onScroll: onSchedulerContentScroll,
+            "aria-label": "Scheduler content",
             children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
               style: schedulerInnerStyle,
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -790,7 +802,7 @@ function Scheduler(props) {
       rightCustomHeader: rightCustomHeader,
       leftCustomHeader: leftCustomHeader
     });
-  }, [schedulerHeaderStyle, handleViewChange, schedulerData, onSelect, goNext, goBack, rightCustomHeader, leftCustomHeader]);
+  }, [schedulerHeaderStyle, handleViewChange, schedulerData, onSelect, goNext, goBack, rightCustomHeader, leftCustomHeader, setSchedulerHeaderRef]);
   var rootTableStyle = (0, _react.useMemo)(function () {
     return {
       width: "".concat(width, "px")

package/dist/css/style.css

@@ -162,7 +162,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
   color: #fff;
-  padding-right: 20px !important;
+  padding-right: 20px;
 }
 
 /* Rounded Borders */
@@ -187,7 +187,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  padding-right: 5px !important;
+  padding-right: 5px;
 }
 
 .rbs .status-dot {
@@ -224,8 +224,8 @@
 }
 
 .rbs .icon-nav:hover {
-  color: #1e90ff !important;
-  box-shadow: 0 0 0 !important;
+  color: #1e90ff;
+  box-shadow: 0 0 0;
   cursor: pointer;
 }
 

package/dist/helper/behaviors.js

@@ -40,7 +40,7 @@ var getCustomDate = exports.getCustomDate = function getCustomDate(schedulerData
     cellUnit: cellUnit
   };
 };
-var getNonAgendaViewBodyCellBgColor = exports.getNonAgendaViewBodyCellBgColor = function getNonAgendaViewBodyCellBgColor(schedulerData, slotId, header) {
+var getNonAgendaViewBodyCellBgColor = exports.getNonAgendaViewBodyCellBgColor = function getNonAgendaViewBodyCellBgColor(_schedulerData, _slotId, header) {
   return header.nonWorkingTime ? undefined : '#87e8de';
 };
 var getDateLabel = exports.getDateLabel = function getDateLabel(schedulerData, viewType, startDate, endDate) {

package/dist/index.d.ts

@@ -1,14 +1,15 @@
-import { ConfigType, Dayjs, OptionType } from 'dayjs';
-import React, { CSSProperties } from 'react';
+import type { ConfigType, Dayjs, OptionType } from 'dayjs';
+import React, { type CSSProperties } from 'react';
 
 export class Scheduler<EventType extends EventItem = EventItem> extends React.Component<
   SchedulerProps<EventType>,
+  // biome-ignore lint/suspicious/noExplicitAny: legacy any usage
   any
 > {}
 
-export const AddMorePopover: <EventType extends EventItem = EventItem>(
-  props: AddMorePopoverProps<EventType>
-) => React.ReactElement;
+export function AddMorePopover<EventType extends EventItem = EventItem>(
+  props: AddMorePopoverProps<EventType>,
+): React.ReactElement;
 
 export interface SchedulerProps<EventType extends EventItem = EventItem> {
   schedulerData: SchedulerData<EventType>;
@@ -25,7 +26,7 @@ export interface SchedulerProps<EventType extends EventItem = EventItem> {
     isEnd: boolean,
     mustAddCssClass: string,
     mustBeHeight: number,
-    agendaMaxEventWidth: number
+    agendaMaxEventWidth: number,
   ) => void;
   eventItemPopoverTemplateResolver?: (
     schedulerData: SchedulerData<EventType>,
@@ -33,7 +34,7 @@ export interface SchedulerProps<EventType extends EventItem = EventItem> {
     title: string,
     start: Dayjs,
     end: Dayjs,
-    statusColor: string
+    statusColor: string,
   ) => void;
   toggleExpandFunc?: (schedulerData: SchedulerData<EventType>, slotId: string) => void;
   viewEventClick?: (schedulerData: SchedulerData<EventType>, event: EventType) => void;
@@ -48,7 +49,7 @@ export interface SchedulerProps<EventType extends EventItem = EventItem> {
     slotId: string,
     slotName: string,
     start: string,
-    end: string
+    end: string,
   ) => void;
   newEvent?: (
     schedulerData: SchedulerData<EventType>,
@@ -57,27 +58,27 @@ export interface SchedulerProps<EventType extends EventItem = EventItem> {
     start: string,
     end: string,
     type: string,
-    item: EventType
+    item: EventType,
   ) => void;
   onScrollLeft?: (
     schedulerData: SchedulerData<EventType>,
     schedulerContent: React.ReactNode,
-    maxScrollLeft: number
+    maxScrollLeft: number,
   ) => void;
   onScrollRight?: (
     schedulerData: SchedulerData<EventType>,
     schedulerContent: React.ReactNode,
-    maxScrollLeft: number
+    maxScrollLeft: number,
   ) => void;
   onScrollTop?: (
     schedulerData: SchedulerData<EventType>,
     schedulerContent: React.ReactNode,
-    maxScrollTop: number
+    maxScrollTop: number,
   ) => void;
   onScrollBottom?: (
     schedulerData: SchedulerData<EventType>,
     schedulerContent: React.ReactNode,
-    maxScrollTop: number
+    maxScrollTop: number,
   ) => void;
   onSetAddMoreState?: (newState: State<EventType>) => void;
   conflictOccurred?: (
@@ -88,13 +89,13 @@ export interface SchedulerProps<EventType extends EventItem = EventItem> {
     slotId: string,
     slotName: string,
     newStart: string,
-    newEnd: string
+    newEnd: string,
   ) => void;
   nonAgendaCellHeaderTemplateResolver?: (
     schedulerData: SchedulerData<EventType>,
     item: { time: string; nonWorkingTime: boolean },
     formattedDateItems: string[],
-    style: CSSProperties
+    style: CSSProperties,
   ) => void;
   subtitleGetter?: (schedulerData: SchedulerData<EventType>, event: EventType) => void;
   movingEvent?: (
@@ -105,7 +106,7 @@ export interface SchedulerProps<EventType extends EventItem = EventItem> {
     newEnd: string,
     action: string,
     type: string,
-    item: EventType
+    item: EventType,
   ) => void;
   slotClickedFunc?: (schedulerData: SchedulerData<EventType>, slot: ResourceEvent<EventType>) => void;
   slotItemTemplateResolver?: (
@@ -113,12 +114,14 @@ export interface SchedulerProps<EventType extends EventItem = EventItem> {
     slot: ResourceEvent<EventType>,
     slotClickedFunc: (schedulerData: SchedulerData<EventType>, slot: ResourceEvent<EventType>) => void,
     width: number,
-    clsName: string
+    clsName: string,
   ) => void;
   leftCustomHeader?: React.ReactNode;
   rightCustomHeader?: React.ReactNode;
   dndSources?: DnDSource[];
+  // biome-ignore lint/suspicious/noExplicitAny: legacy any usage
   parentRef?: React.RefObject<any>;
+  // biome-ignore lint/suspicious/noExplicitAny: legacy any usage
   CustomResourceHeader?: React.ComponentType<any>;
   CustomResourceCell?: React.ComponentType<CustomResourceCellProps<EventType>>;
   configTableHeaderStyle?: CSSProperties;
@@ -175,7 +178,7 @@ export class SchedulerData<EventType extends EventItem = EventItem> {
     showAgenda?: boolean,
     isEventPerspective?: boolean,
     newConfig?: SchedulerDataConfig,
-    newBehaviours?: SchedulerDataBehaviors<EventType>
+    newBehaviours?: SchedulerDataBehaviors<EventType>,
   );
 
   setSchedulerLocale(preset: string | ILocale, object?: Partial<ILocale>): void;
@@ -204,7 +207,7 @@ export class SchedulerData<EventType extends EventItem = EventItem> {
     eventStart: Date | Dayjs,
     eventEnd: Date | Dayjs,
     windowStart: Date | Dayjs,
-    windowEnd: Date | Dayjs
+    windowEnd: Date | Dayjs,
   ): boolean;
   addEvent(newEvent: EventType): void;
   getResourceById(resourceId: string): ResourceEvent<EventType>;
@@ -218,6 +221,8 @@ export class DnDContext {
 }
 
 export class DnDSource {
+  // biome-ignore lint/complexity/noBannedTypes: legacy {} usage
+  // biome-ignore lint/suspicious/noExplicitAny: legacy any usage
   constructor(resolveDragObjFunc: (props: {}) => any, dragAnDropEnabled: boolean, dndType?: string);
 }
 
@@ -427,14 +432,14 @@ export interface SchedulerDataBehaviors<EventType extends EventItem = EventItem>
   getCustomDateFunc?: (
     schedulerData: SchedulerData<EventType>,
     num: number,
-    date?: string | Dayjs
+    date?: string | Dayjs,
   ) => { startDate: string | Dayjs; endDate: string | Dayjs; cellUnit: CellUnit };
   getEventTextFunc?: (schedulerData: SchedulerData<EventType>, event: EventType) => string;
   getDateLabel?: (
     schedulerData: SchedulerData<EventType>,
     viewType: ViewType,
     startDate: string | Date,
-    endDate: string | Date
+    endDate: string | Date,
   ) => string;
   getScrollSpecialDayjs?: (schedulerData: SchedulerData<EventType>, startDayjs: Dayjs, endDays: Dayjs) => Dayjs;
   getSummaryFunc?: (
@@ -443,12 +448,12 @@ export interface SchedulerDataBehaviors<EventType extends EventItem = EventItem>
     slotId: string,
     slotName: string,
     headerStart: string,
-    headerEnd: string
+    headerEnd: string,
   ) => { text: string; color: string; fontSize: string };
   getNonAgendaViewBodyCellBgColorFunc?: (
     schedulerData: SchedulerData<EventType>,
     slotId: string,
-    header: { nonWorkingTime: boolean; time: string }
+    header: { nonWorkingTime: boolean; time: string },
   ) => string;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-big-schedule",
-  "version": "5.5.2-beta.2",
+  "version": "5.5.2-beta.4",
   "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",
@@ -57,15 +57,12 @@
     "build": "webpack --mode production",
     "build:lib": "node scripts/build.js",
     "clean": "npx rimraf dist",
-    "lint": "eslint ./src",
-    "lint:fix": "eslint ./src --fix",
-    "prettier": "prettier --check \"src/**/*.{js,jsx,json,css}\"",
-    "prettier:fix": "prettier --write \"src/**/*.{js,jsx,json,css}\"",
-    "format": "npm run prettier:fix && npm run lint:fix"
+    "check": "biome check .",
+    "fix": "biome check --write ."
   },
   "dependencies": {
     "@ant-design/icons": "^6.2.2",
-    "antd": "^6.3.7",
+    "antd": "^6.4.2",
     "dayjs": "^1.11.20",
     "prop-types": "^15.8.1",
     "react": "^19.2.6",
@@ -78,23 +75,14 @@
   "devDependencies": {
     "@babel/cli": "^7.28.6",
     "@babel/core": "^7.29.0",
-    "@babel/eslint-parser": "^7.28.6",
     "@babel/preset-env": "^7.29.5",
     "@babel/preset-react": "^7.28.5",
+    "@biomejs/biome": "^2.4.15",
     "babel-loader": "^10.1.1",
     "copy-webpack-plugin": "^14.0.0",
     "css-loader": "^7.1.4",
-    "eslint": "^9.39.4",
-    "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-prettier": "^5.5.5",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^7.1.1",
-    "eslint-webpack-plugin": "^6.0.0",
     "fs-extra": "^11.3.5",
     "html-webpack-plugin": "^5.6.7",
-    "prettier": "^3.8.1",
     "style-loader": "^4.0.0",
     "webpack": "^5.106.2",
     "webpack-cli": "^7.0.2",