react-big-schedule 4.4.3 → 4.4.4-beta.2

package/dist/components/AddMorePopover.js

@@ -9,8 +9,8 @@ import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { Col, Row } from 'antd';
 import { CloseOutlined } from '@ant-design/icons';
-import EventItem from './EventItem';
-import DnDSource from './DnDSource';
+import EventItem from './EventItem.jsx';
+import DnDSource from './DnDSource.js';
 function AddMorePopover(props) {
   var schedulerData = props.schedulerData,
     headerItem = props.headerItem,

package/dist/components/AgendaEventItem.js

@@ -2,7 +2,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Popover } from 'antd';
-import EventItemPopover from './EventItemPopover';
+import EventItemPopover from './EventItemPopover.jsx';
 function AgendaEventItem(props) {
   var eventItem = props.eventItem,
     isStart = props.isStart,

package/dist/components/AgendaResourceEvents.js

@@ -1,7 +1,7 @@
 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); }
 import React from 'react';
 import PropTypes from 'prop-types';
-import AgendaEventItem from './AgendaEventItem';
+import AgendaEventItem from './AgendaEventItem.jsx';
 function AgendaResourceEvents(props) {
   var schedulerData = props.schedulerData,
     resourceEvents = props.resourceEvents,

package/dist/components/AgendaView.js

@@ -1,7 +1,7 @@
 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); }
 import React from 'react';
 import PropTypes from 'prop-types';
-import AgendaResourceEvents from './AgendaResourceEvents';
+import AgendaResourceEvents from './AgendaResourceEvents.jsx';
 function AgendaView(props) {
   var schedulerData = props.schedulerData;
   var config = schedulerData.config,

package/dist/components/EventItem.js

@@ -16,12 +16,13 @@ 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); }
-/* eslint-disable no-return-assign */
+/* eslint-disable */
+
 import React, { Component } from 'react';
 import { PropTypes } from 'prop-types';
 import { Popover } from 'antd';
-import EventItemPopover from './EventItemPopover';
-import { DnDTypes, CellUnit, DATETIME_FORMAT } from '../config/default';
+import { DnDTypes, CellUnit, DATETIME_FORMAT } from '../config/default.js';
+import EventItemPopover from './EventItemPopover.jsx';
 var stopDragHelper = function stopDragHelper(_ref) {
   var count = _ref.count,
     cellUnit = _ref.cellUnit,
@@ -39,7 +40,7 @@ var stopDragHelper = function stopDragHelper(_ref) {
       while (whileTrue) {
         i = count > 0 ? i + 1 : i - 1;
         var date = localeDayjs(new Date(eventItem[dragType])).add(i, 'days');
-        var dayOfWeek = date.weekday();
+        var dayOfWeek = date.day();
         if (dayOfWeek !== 0 && dayOfWeek !== 6) {
           tCount = count > 0 ? tCount + 1 : tCount - 1;
           if (tCount === count) {

package/dist/components/ResourceEvents.js

@@ -21,11 +21,11 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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); }
 import React, { Component } from 'react';
 import { PropTypes } from 'prop-types';
-import AddMore from './AddMore';
-import Summary from './Summary';
-import SelectedArea from './SelectedArea';
 import { CellUnit, DATETIME_FORMAT, SummaryPos, DnDTypes } from '../config/default';
-import { getPos } from '../helper/utility';
+import { getPos } from '../helper/utility.js';
+import AddMore from './AddMore.jsx';
+import Summary from './Summary.jsx';
+import SelectedArea from './SelectedArea.jsx';
 var ResourceEvents = /*#__PURE__*/function (_Component) {
   function ResourceEvents(props) {
     var _this;

package/dist/components/SchedulerData.js

@@ -736,7 +736,7 @@ var SchedulerData = /*#__PURE__*/function () {
       } else if (this.cellUnit === CellUnit.Day) {
         while (header >= start && header <= end) {
           var _time = header.format(DATETIME_FORMAT);
-          var dayOfWeek = header.weekday();
+          var dayOfWeek = header.day();
           if (this.config.displayWeekend || dayOfWeek !== 0 && dayOfWeek !== 6) {
             var _nonWorkingTime = this.behaviors.isNonWorkingTimeFunc(this, _time);
             headers.push({

package/dist/components/index.js

@@ -21,9 +21,6 @@ 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); }
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-
 // Col, Row and Icon do not have their own less files for styling. They use
 // rules declared in antd's global css. If these styles are imported directly
 // from within antd, they'll include, for instance, reset rules. These will
@@ -41,27 +38,28 @@ import PropTypes from 'prop-types';
 // The next components have their own specific stylesheets which we import
 // separately here to avoid importing from files which have required the global
 // antd styles.
-
-import EventItem from './EventItem';
-import DnDSource from './DnDSource';
-import DnDContext from './DnDContext';
-import ResourceView from './ResourceView';
-import HeaderView from './HeaderView';
-import BodyView from './BodyView';
-import ResourceEvents from './ResourceEvents';
-import AgendaView from './AgendaView';
-import AddMorePopover from './AddMorePopover';
-import SchedulerData from './SchedulerData';
-import DemoData from '../sample-data/sample1';
-import SchedulerHeader from './SchedulerHeader';
-import { ViewType, CellUnit, DATETIME_FORMAT, DATE_FORMAT, SummaryPos } from '../config/default';
-import wrapperFun from './WrapperFun';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import DemoData from '../sample-data/sample1.js';
+import { ViewType, CellUnit, DATETIME_FORMAT, DATE_FORMAT, SummaryPos } from '../config/default.js';
+import EventItem from './EventItem.jsx';
+import DnDSource from './DnDSource.js';
+import DnDContext from './DnDContext.js';
+import ResourceView from './ResourceView.jsx';
+import HeaderView from './HeaderView.jsx';
+import BodyView from './BodyView.jsx';
+import ResourceEvents from './ResourceEvents.jsx';
+import AgendaView from './AgendaView.jsx';
+import AddMorePopover from './AddMorePopover.jsx';
+import SchedulerData from './SchedulerData.js';
+import SchedulerHeader from './SchedulerHeader.jsx';
+import wrapperFun from './WrapperFun.jsx';
 var Scheduler = /*#__PURE__*/function (_Component) {
   function Scheduler(props) {
     var _this;
     _classCallCheck(this, Scheduler);
     _this = _callSuper(this, Scheduler, [props]);
-    _defineProperty(_this, "onWindowResize", function (e) {
+    _defineProperty(_this, "onWindowResize", function (_e) {
       var schedulerData = _this.props.schedulerData;
       schedulerData._setDocumentWidth(document.documentElement.clientWidth);
       _this.setState({
@@ -70,7 +68,6 @@ var Scheduler = /*#__PURE__*/function (_Component) {
       });
     });
     _defineProperty(_this, "resolveScrollbarSize", function () {
-      var schedulerData = _this.props.schedulerData;
       var contentScrollbarHeight = 17;
       var contentScrollbarWidth = 17;
       var resourceScrollbarHeight = 17;
@@ -120,7 +117,7 @@ var Scheduler = /*#__PURE__*/function (_Component) {
     _defineProperty(_this, "onSchedulerHeadMouseOut", function () {
       _this.currentArea = -1;
     });
-    _defineProperty(_this, "onSchedulerHeadScroll", function (proxy, event) {
+    _defineProperty(_this, "onSchedulerHeadScroll", function (_proxy, _event) {
       if ((_this.currentArea === 2 || _this.currentArea === -1) && _this.schedulerContent.scrollLeft !== _this.schedulerHead.scrollLeft) {
         _this.schedulerContent.scrollLeft = _this.schedulerHead.scrollLeft;
       }
@@ -134,7 +131,7 @@ var Scheduler = /*#__PURE__*/function (_Component) {
     _defineProperty(_this, "onSchedulerResourceMouseOut", function () {
       _this.currentArea = -1;
     });
-    _defineProperty(_this, "onSchedulerResourceScroll", function (proxy, event) {
+    _defineProperty(_this, "onSchedulerResourceScroll", function (_proxy, _event) {
       if (_this.schedulerResource) {
         if ((_this.currentArea === 1 || _this.currentArea === -1) && _this.schedulerContent.scrollTop !== _this.schedulerResource.scrollTop) {
           _this.schedulerContent.scrollTop = _this.schedulerResource.scrollTop;
@@ -153,7 +150,7 @@ var Scheduler = /*#__PURE__*/function (_Component) {
     _defineProperty(_this, "onSchedulerContentMouseOut", function () {
       _this.currentArea = -1;
     });
-    _defineProperty(_this, "onSchedulerContentScroll", function (proxy, event) {
+    _defineProperty(_this, "onSchedulerContentScroll", function (_proxy, _event) {
       if (_this.schedulerResource) {
         if (_this.currentArea === 0 || _this.currentArea === -1) {
           if (_this.schedulerHead.scrollLeft !== _this.schedulerContent.scrollLeft) _this.schedulerHead.scrollLeft = _this.schedulerContent.scrollLeft;
@@ -250,7 +247,7 @@ var Scheduler = /*#__PURE__*/function (_Component) {
   _inherits(Scheduler, _Component);
   return _createClass(Scheduler, [{
     key: "componentDidMount",
-    value: function componentDidMount(props, state) {
+    value: function componentDidMount(_props, _state) {
       var _this2 = this;
       var _this$props6 = this.props,
         schedulerData = _this$props6.schedulerData,
@@ -259,7 +256,7 @@ var Scheduler = /*#__PURE__*/function (_Component) {
       if (parentRef !== undefined) {
         if (schedulerData.config.responsiveByParent && !!parentRef.current) {
           schedulerData._setDocumentWidth(parentRef.current.offsetWidth);
-          this.ulObserver = new ResizeObserver(function (entries, observer) {
+          this.ulObserver = new ResizeObserver(function (_entries, _observer) {
             if (parentRef.current) {
               var width = parentRef.current.offsetWidth;
               var height = parentRef.current.offsetHeight;
@@ -276,7 +273,7 @@ var Scheduler = /*#__PURE__*/function (_Component) {
     }
   }, {
     key: "componentDidUpdate",
-    value: function componentDidUpdate(props, state) {
+    value: function componentDidUpdate(_props, _state) {
       this.resolveScrollbarSize();
       var schedulerData = this.props.schedulerData;
       var localeDayjs = schedulerData.localeDayjs,
@@ -393,7 +390,9 @@ var Scheduler = /*#__PURE__*/function (_Component) {
           style: resourceContentStyle,
           ref: this.schedulerResourceRef,
           onMouseOver: this.onSchedulerResourceMouseOver,
+          onFocus: this.onSchedulerResourceMouseOver,
           onMouseOut: this.onSchedulerResourceMouseOut,
+          onBlur: this.onSchedulerResourceMouseOut,
           onScroll: this.onSchedulerResourceScroll
         }, /*#__PURE__*/React.createElement(ResourceView, _extends({}, this.props, {
           contentScrollbarHeight: resourcePaddingBottom
@@ -417,7 +416,9 @@ var Scheduler = /*#__PURE__*/function (_Component) {
           },
           ref: this.schedulerHeadRef,
           onMouseOver: this.onSchedulerHeadMouseOver,
+          onFocus: this.onSchedulerHeadMouseOver,
           onMouseOut: this.onSchedulerHeadMouseOut,
+          onBlur: this.onSchedulerHeadMouseOut,
           onScroll: this.onSchedulerHeadScroll
         }, /*#__PURE__*/React.createElement("div", {
           style: {
@@ -430,7 +431,9 @@ var Scheduler = /*#__PURE__*/function (_Component) {
           style: schedulerContentStyle,
           ref: this.schedulerContentRef,
           onMouseOver: this.onSchedulerContentMouseOver,
+          onFocus: this.onSchedulerContentMouseOver,
           onMouseOut: this.onSchedulerContentMouseOut,
+          onBlur: this.onSchedulerContentMouseOut,
           onScroll: this.onSchedulerContentScroll
         }, /*#__PURE__*/React.createElement("div", {
           style: {

package/dist/helper/behaviors.js

@@ -83,7 +83,7 @@ export var isNonWorkingTime = function isNonWorkingTime(schedulerData, time) {
     var hour = localeDayjs(new Date(time)).hour();
     return hour < 9 || hour > 18;
   }
-  var dayOfWeek = localeDayjs(new Date(time)).weekday();
+  var dayOfWeek = localeDayjs(new Date(time)).day();
   return dayOfWeek === 0 || dayOfWeek === 6;
 };
 export default {

package/dist/index.js

@@ -1 +1 @@
-export { AddMorePopover, CellUnit, DATE_FORMAT, DATETIME_FORMAT, DnDContext, DnDSource, DemoData, Scheduler, SchedulerData, SummaryPos, ViewType, wrapperFun } from './components/index';
+export { AddMorePopover, CellUnit, DATE_FORMAT, DATETIME_FORMAT, DnDContext, DnDSource, DemoData, Scheduler, SchedulerData, SummaryPos, ViewType, wrapperFun } from './components/index.jsx';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-big-schedule",
-  "version": "4.4.3",
+  "version": "4.4.4-beta.2",
   "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",
@@ -39,7 +39,6 @@
     "README.md",
     "License"
   ],
-  "type": "module",
   "main": "dist/index.js",
   "homepage": "https://react-big-schedule.vercel.app",
   "repository": {
@@ -53,17 +52,18 @@
     "registry": "https://registry.npmjs.org/"
   },
   "scripts": {
-    "start": "vite",
-    "build": "vite build",
-    "build-lib": "node scripts/build.js",
-    "clean": "rimraf ./dist && mkdir dist",
-    "lint": "eslint ./src"
+    "dev": "webpack serve --open",
+    "build": "webpack --mode production",
+    "build:lib": "node scripts/build.js",
+    "clean": "npx rimraf dist",
+    "lint": "eslint ./src",
+    "lint:fix": "eslint ./src/**/*.{js,jsx} --fix"
   },
   "dependencies": {
     "@ant-design/icons": "^5.5.1",
-    "@babel/cli": "^7.25.7",
     "antd": "^5.21.3",
     "dayjs": "^1.11.13",
+    "fs-extra": "^11.2.0",
     "prop-types": "^15.8.1",
     "react": "^18.3.1",
     "react-dnd": "^14.0.5",
@@ -73,22 +73,23 @@
     "rrule": "^2.8.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.25.8",
-    "@babel/preset-env": "^7.25.8",
-    "@babel/preset-react": "^7.25.7",
-    "@eslint/js": "^9.11.1",
-    "@types/react": "^18.3.10",
-    "@types/react-dom": "^18.3.0",
-    "@vitejs/plugin-react": "^4.3.2",
-    "babel-plugin-transform-runtime": "^6.23.0",
-    "eslint": "^8.2.0",
-    "eslint-config-airbnb": "^19.0.4",
+    "@babel/cli": "^7.25.9",
+    "@babel/core": "^7.26.0",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-react": "^7.25.9",
+    "babel-loader": "^9.2.1",
+    "css-loader": "^7.1.2",
+    "eslint": "^8.57.1",
     "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-jsx-a11y": "^6.10.0",
-    "eslint-plugin-react": "^7.37.1",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "fs-extra": "^11.2.0",
-    "globals": "^15.9.0",
-    "vite": "^5.4.8"
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-webpack-plugin": "^4.2.0",
+    "html-webpack-plugin": "^5.6.3",
+    "style-loader": "^4.0.0",
+    "url-loader": "^4.1.1",
+    "webpack": "^5.96.1",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^5.1.0"
   }
 }