react-big-schedule 5.2.0-beta.0 → 5.2.0

package/dist/components/AddMorePopover.js

@@ -69,12 +69,12 @@ function AddMorePopover(props) {
     return null;
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "add-more-popover-overlay",
+    className: "rbs-add-more-popover-overlay",
     style: {
       left: left,
       top: top,
       height: height,
-      width: '170px'
+      minWidth: '170px'
     },
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Row, {
       justify: "space-between",

package/dist/components/DnDContext.js

@@ -85,13 +85,10 @@ var DnDContext = exports["default"] = /*#__PURE__*/_createClass(function DnDCont
         var pos = (0, _utility.getPos)(component.eventContainer);
         var cellWidth = schedulerData.getContentCellWidth();
         var initialStart = null;
-        // let initialEnd = null;
         if (type === _default.DnDTypes.EVENT) {
-          // const { initialStart: iStart, initialEnd: iEnd } = this.extractInitialTimes(monitor, pos, cellWidth, resourceEvents, cellUnit, localeDayjs);
           var _this$extractInitialT2 = _this.extractInitialTimes(monitor, pos, cellWidth, resourceEvents, cellUnit, localeDayjs),
             iStart = _this$extractInitialT2.initialStart;
           initialStart = iStart;
-          // initialEnd = iEnd;
         }
         var point = monitor.getClientOffset();
         var leftIndex = Math.floor((point.x - pos.x) / cellWidth);

package/dist/components/ResourceEvents.js

@@ -41,7 +41,7 @@ function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new T
 function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, 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); } /* eslint-disable */
+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 ResourceEvents = /*#__PURE__*/function (_Component) {
   function ResourceEvents(props) {
     var _this;
@@ -299,9 +299,7 @@ var ResourceEvents = /*#__PURE__*/function (_Component) {
       var _this$props3 = this.props,
         resourceEvents = _this$props3.resourceEvents,
         schedulerData = _this$props3.schedulerData,
-        dndSource = _this$props3.dndSource,
-        dropRef = _this$props3.dropRef,
-        isOver = _this$props3.isOver;
+        dndSource = _this$props3.dndSource;
       var cellUnit = schedulerData.cellUnit,
         startDate = schedulerData.startDate,
         endDate = schedulerData.endDate,
@@ -424,7 +422,7 @@ _defineProperty(ResourceEvents, "propTypes", {
   newEvent: _propTypes.PropTypes.func,
   eventItemTemplateResolver: _propTypes.PropTypes.func
 });
-var ResourceEventsWithDnD = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
+var ResourceEventsWithDnD = function ResourceEventsWithDnD(props) {
   var schedulerData = props.schedulerData,
     dndContext = props.dndContext;
   var config = schedulerData.config;
@@ -477,6 +475,6 @@ var ResourceEventsWithDnD = /*#__PURE__*/_react["default"].forwardRef(function (
     isOver: isOver,
     canDrop: canDrop
   }));
-});
+};
 ResourceEventsWithDnD.displayName = 'ResourceEventsWithDnD';
 var _default = exports["default"] = ResourceEventsWithDnD;

package/dist/components/SchedulerData.js

@@ -342,7 +342,7 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
         return parseInt(validBaseHeight * Number(this.config.schedulerHeight.slice(0, -1)) / 100, 10);
       }
       // fallback to max height if set, else just use base height
-      return this.config.setSchedulerMaxHeight || validBaseHeight;
+      return this.config.schedulerMaxHeight || validBaseHeight;
     }
   }, {
     key: "getResourceTableWidth",
@@ -724,7 +724,7 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
               this.cellUnit = customDate.cellUnit;
             }
           } else {
-            throw new Error('This is a custom view type, set behaviors.getCustomDateFunc func to resolve the time window (startDate and endDate) yourself');
+            throw new Error('This is a custom view type, set behaviors.getCustomDateFunc func ' + 'to resolve the time window (startDate and endDate) yourself');
           }
           break;
         default:

package/dist/components/SchedulerHeader.js

@@ -57,25 +57,35 @@ var SchedulerHeader = /*#__PURE__*/_react["default"].forwardRef(function (_ref,
   var selectDate = schedulerData.getSelectedDate();
   var calendarLocale = (_schedulerData$getCal = schedulerData.getCalendarPopoverLocale()) === null || _schedulerData$getCal === void 0 || (_schedulerData$getCal = _schedulerData$getCal["default"]) === null || _schedulerData$getCal === void 0 ? void 0 : _schedulerData$getCal.Calendar;
   var defaultValue = "".concat(viewType).concat(showAgenda ? 1 : 0).concat(isEventPerspective ? 1 : 0);
-  var handleEvents = function handleEvents(func, isViewSpinning) {
-    var funcArg = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
-    if (isViewSpinning) {
-      if (config.viewChangeSpinEnabled) setViewSpinning(true);
-    } else if (config.dateChangeSpinEnabled) setDateSpinning(true);
+  var isMountedRef = (0, _react.useRef)(true);
+  (0, _react.useEffect)(function () {
+    return function () {
+      isMountedRef.current = false;
+    };
+  }, []);
+  var handleEvents = function handleEvents(func, isViewSpinning, funcArg) {
+    var isSpinEnabled = isViewSpinning ? config.viewChangeSpinEnabled : config.dateChangeSpinEnabled;
+    var setSpin = isViewSpinning ? setViewSpinning : setDateSpinning;
+    if (isSpinEnabled) {
+      setSpin(true);
+    }
     var coreFunc = function coreFunc() {
-      if (funcArg !== undefined) func(funcArg);else func();
-      if (isViewSpinning) {
-        if (config.viewChangeSpinEnabled) setViewSpinning(false);
-      } else if (config.dateChangeSpinEnabled) setDateSpinning(false);
+      try {
+        funcArg !== undefined ? func(funcArg) : func();
+      } finally {
+        if (isSpinEnabled && isMountedRef.current) {
+          setSpin(false);
+        }
+      }
     };
-    if (config.viewChangeSpinEnabled || config.dateChangeSpinEnabled) {
+    if (isSpinEnabled) {
       setTimeout(coreFunc, config.schedulerHeaderEventsFuncsTimeoutMs);
     } else {
       coreFunc();
     }
   };
   var popover = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "popover-calendar",
+    className: "rbs-popover-calendar",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Calendar, {
       locale: calendarLocale,
       defaultValue: (0, _dayjs["default"])(selectDate),
@@ -100,7 +110,6 @@ var SchedulerHeader = /*#__PURE__*/_react["default"].forwardRef(function (_ref,
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Row, {
     ref: ref,
     gutter: [10, 10],
-    type: "flex",
     align: "middle",
     justify: "space-between",
     style: _objectSpread({}, style),

package/dist/components/index.js

@@ -603,8 +603,8 @@ function Scheduler(props) {
     leftCustomHeader: leftCustomHeader
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("table", {
-    id: "RBS-Scheduler-root",
-    className: "react-big-schedule",
+    id: "rbs-root",
+    className: "rbs",
     style: {
       width: "".concat(width, "px")
     },

package/dist/css/style.css

@@ -1,65 +1,65 @@
-.react-big-schedule *,
-.react-big-schedule *::before,
-.react-big-schedule *::after {
+.rbs *,
+.rbs *::before,
+.rbs *::after {
   box-sizing: border-box;
 }
 
 /* Text Styles */
-.react-big-schedule .header1-text {
+.rbs .header1-text {
   font-size: 25px;
   color: #90cdf9;
   font-weight: 500;
 }
 
-.react-big-schedule .header2-text,
-.react-big-schedule .header3-text,
-.react-big-schedule .base-text,
-.react-big-schedule .help-text,
-.react-big-schedule .disabled-text {
+.rbs .header2-text,
+.rbs .header3-text,
+.rbs .base-text,
+.rbs .help-text,
+.rbs .disabled-text {
   font-size: 12px;
   font-weight: 500;
 }
 
-.react-big-schedule .header2-text {
+.rbs .header2-text {
   font-size: 14px;
 }
 
-.react-big-schedule .help-text {
+.rbs .help-text {
   color: #999;
 }
 
-.react-big-schedule .disabled-text {
+.rbs .disabled-text {
   color: #ccc;
 }
 
 /* Scheduler Components */
-.react-big-schedule {
+.rbs {
   margin: 20px auto;
   border-spacing: 0;
 }
 
-.react-big-schedule td {
+.rbs td {
   padding: 0;
 }
 
-.react-big-schedule .resource-view {
+.rbs .resource-view {
   border: 1px solid #e9e9e9;
   overflow: hidden;
 }
 
-.react-big-schedule .scheduler-view {
+.rbs .scheduler-view {
   border: 1px solid #e9e9e9;
   margin: 0 0 0 -1px;
   padding: 0;
 }
 
 /* Positioning */
-.react-big-schedule .scheduler-content {
+.rbs .scheduler-content {
   position: relative;
   z-index: 2;
 }
 
-.react-big-schedule .scheduler-bg {
+.rbs .scheduler-bg {
   position: absolute;
   top: 0;
   left: 0;
@@ -68,7 +68,7 @@
   z-index: 1;
 }
 
-.react-big-schedule .expander-space {
+.rbs .expander-space {
   overflow: hidden;
   display: inline-block;
   width: 1em;
@@ -80,80 +80,80 @@
 }
 
 /* Tables */
-.react-big-schedule table.resource-table,
-.react-big-schedule table.scheduler-bg-table,
-.react-big-schedule table.scheduler-table,
-.react-big-schedule table.scheduler-content-table {
+.rbs table.resource-table,
+.rbs table.scheduler-bg-table,
+.rbs table.scheduler-table,
+.rbs table.scheduler-content-table {
   width: 100%;
   margin: 0;
   padding: 0;
   border-spacing: 0;
 }
 
-.react-big-schedule table.resource-table,
-.react-big-schedule table.scheduler-bg-table,
-.react-big-schedule table.scheduler-table {
+.rbs table.resource-table,
+.rbs table.scheduler-bg-table,
+.rbs table.scheduler-table {
   text-align: center;
 }
 
-.react-big-schedule table.scheduler-table {
+.rbs table.scheduler-table {
   border: 1px solid #e9e9e9;
 }
 
-.react-big-schedule table.scheduler-content-table {
+.rbs table.scheduler-content-table {
   border: 0 solid #e9e9e9;
 }
 
 /* Table Borders */
-.react-big-schedule table.resource-table tr,
-.react-big-schedule table.scheduler-bg-table tr,
-.react-big-schedule table.scheduler-table tr {
+.rbs table.resource-table tr,
+.rbs table.scheduler-bg-table tr,
+.rbs table.scheduler-table tr {
   border-bottom: 1px solid #e9e9e9;
 }
 
-.react-big-schedule table.resource-table th,
-.react-big-schedule table.scheduler-table th,
-.react-big-schedule table.resource-table td,
-.react-big-schedule table.scheduler-bg-table td,
-.react-big-schedule table.scheduler-table td,
-.react-big-schedule table.scheduler-bg-table th {
+.rbs table.resource-table th,
+.rbs table.scheduler-table th,
+.rbs table.resource-table td,
+.rbs table.scheduler-bg-table td,
+.rbs table.scheduler-table td,
+.rbs table.scheduler-bg-table th {
   border-right: 1px solid #e9e9e9;
   border-bottom: 1px solid #e9e9e9;
 }
 
-.react-big-schedule table.resource-table tr th:last-child,
-.react-big-schedule table.scheduler-table tr th:last-child,
-.react-big-schedule table.resource-table tr td:last-child,
-.react-big-schedule table.scheduler-table tr td:last-child {
+.rbs table.resource-table tr th:last-child,
+.rbs table.scheduler-table tr th:last-child,
+.rbs table.resource-table tr td:last-child,
+.rbs table.scheduler-table tr td:last-child {
   border-right: 0;
 }
 
-.react-big-schedule table.scheduler-table tr:last-child td {
+.rbs table.scheduler-table tr:last-child td {
   border-bottom: 0;
 }
 
 /* Events */
-.react-big-schedule .timeline-event {
+.rbs .timeline-event {
   position: absolute;
   cursor: pointer;
 }
 
-.react-big-schedule .day-event {
+.rbs .day-event {
   position: relative;
   display: inline-block;
   margin: 0 5px;
 }
 
-.react-big-schedule .day-event-container {
+.rbs .day-event-container {
   text-align: left;
   padding: 5px 5px 0;
 }
 
-.react-big-schedule .event-container {
+.rbs .event-container {
   position: relative;
 }
 
-.react-big-schedule .event-item {
+.rbs .event-item {
   margin: 1px 0;
   width: 100%;
   overflow: hidden;
@@ -164,65 +164,65 @@
 }
 
 /* Rounded Borders */
-.react-big-schedule .round-all {
+.rbs .round-all {
   border-radius: 14px;
 }
 
-.react-big-schedule .round-head {
+.rbs .round-head {
   border-radius: 14px 0 0 14px;
 }
 
-.react-big-schedule .round-tail {
+.rbs .round-tail {
   border-radius: 0 14px 14px 0;
 }
 
-.react-big-schedule .round-none {
+.rbs .round-none {
   border-radius: 0;
 }
 
 /* Utilities */
-.react-big-schedule .overflow-text {
+.rbs .overflow-text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   padding-right: 5px !important;
 }
 
-.react-big-schedule .status-dot {
+.rbs .status-dot {
   width: 14px;
   height: 14px;
   border-radius: 7px;
 }
 
-.react-big-schedule .selected-area {
+.rbs .selected-area {
   position: absolute;
 }
 
 /* Slots and Cells */
-.react-big-schedule .slot-cell,
-.react-big-schedule .slot-text {
+.rbs .slot-cell,
+.rbs .slot-text {
   padding-left: 4px;
   padding-right: 4px;
 }
 
-.react-big-schedule .slot-text {
+.rbs .slot-text {
   display: inline-block;
 }
 
 /* ANT Design Components */
-.react-big-schedule .ant-radio-button-wrapper-checked {
+.rbs .ant-radio-button-wrapper-checked {
   background-color: #108ee9;
   color: #ffffff;
 }
 
-.react-big-schedule .icon-nav:hover {
+.rbs .icon-nav:hover {
   color: #1e90ff !important;
   box-shadow: 0 0 0 !important;
   cursor: pointer;
 }
 
 /* Popover and Overlay */
-.react-big-schedule .add-more-popover-overlay {
+.rbs-add-more-popover-overlay {
   position: absolute;
   z-index: 5;
   border: 1px solid #e5e5e5;
@@ -231,16 +231,12 @@
   padding: 10px;
 }
 
-.react-big-schedule .popover-calendar {
+.rbs-popover-calendar {
   width: 300px;
 }
 
-.react-big-schedule .popover-calendar .ant-calendar {
-  box-shadow: 0 1px 6px rgba(0, 0, 0, 0) !important;
-}
-
 /* Resizable Elements */
-.react-big-schedule .event-resizer {
+.rbs .event-resizer {
   position: absolute;
   z-index: 4;
   display: block;
@@ -249,18 +245,18 @@
   bottom: -1px;
 }
 
-.react-big-schedule .event-start-resizer {
+.rbs .event-start-resizer {
   cursor: w-resize;
   left: -1px;
 }
 
-.react-big-schedule .event-end-resizer {
+.rbs .event-end-resizer {
   cursor: e-resize;
   right: -1px;
 }
 
 /* Buttons */
-.react-big-schedule .txt-btn-dis {
+.rbs .txt-btn-dis {
   border: none;
   background-color: transparent;
 }

package/dist/helper/behaviors.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isNonWorkingTime = exports.getSummary = exports.getScrollSpecialDayjs = exports.getNonAgendaViewBodyCellBgColor = exports.getEventText = exports.getDateLabel = exports.getCustomDate = exports["default"] = void 0;
 var _default2 = require("../config/default");
-// getSummary func example
-// export const getSummary = (schedulerData, headerEvents, slotId, slotName, headerStart, headerEnd) => ({ text: 'Summary', color: 'red', fontSize: '1.2rem' });
 var getSummary = exports.getSummary = function getSummary() {
   return {
     text: 'Summary',
@@ -14,8 +12,6 @@ var getSummary = exports.getSummary = function getSummary() {
     fontSize: '1.2rem'
   };
 };
-
-// getCustomDate example
 var getCustomDate = exports.getCustomDate = function getCustomDate(schedulerData, num) {
   var date = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : schedulerData.startDate;
   var viewType = schedulerData.viewType,
@@ -44,13 +40,9 @@ var getCustomDate = exports.getCustomDate = function getCustomDate(schedulerData
     cellUnit: cellUnit
   };
 };
-
-// getNonAgendaViewBodyCellBgColor example
 var getNonAgendaViewBodyCellBgColor = exports.getNonAgendaViewBodyCellBgColor = function getNonAgendaViewBodyCellBgColor(schedulerData, slotId, header) {
   return header.nonWorkingTime ? undefined : '#87e8de';
 };
-
-// getDateLabel func example
 var getDateLabel = exports.getDateLabel = function getDateLabel(schedulerData, viewType, startDate, endDate) {
   var localeDayjs = schedulerData.localeDayjs;
   var start = localeDayjs(new Date(startDate));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-big-schedule",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.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",
@@ -57,18 +57,21 @@
     "build:lib": "node scripts/build.js",
     "clean": "npx rimraf dist",
     "lint": "eslint ./src",
-    "lint:fix": "eslint ./src/**/*.{js,jsx} --fix"
+    "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"
   },
   "dependencies": {
     "@ant-design/icons": "^6.1.0",
-    "antd": "^5.22.1",
+    "antd": "^5.29.3",
     "dayjs": "^1.11.19",
     "prop-types": "^15.8.1",
     "react": "^19.2.3",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
     "react-dom": "^19.2.3",
-    "react-router-dom": "^7.10.1",
+    "react-router-dom": "^7.11.0",
     "rrule": "^2.8.1"
   },
   "devDependencies": {
@@ -81,15 +84,18 @@
     "copy-webpack-plugin": "^13.0.1",
     "css-loader": "^7.1.2",
     "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-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-webpack-plugin": "^5.0.2",
-    "fs-extra": "^11.3.2",
+    "fs-extra": "^11.3.3",
     "html-webpack-plugin": "^5.6.5",
+    "prettier": "^3.7.4",
     "style-loader": "^4.0.0",
-    "webpack": "^5.104.0",
+    "webpack": "^5.104.1",
     "webpack-cli": "^6.0.1",
     "webpack-dev-server": "^5.2.2"
   }