makula-schedule 1.1.4 → 1.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -72,7 +72,7 @@ Object.defineProperty(exports, "wrapperFun", {
72
72
  }
73
73
  });
74
74
  var _propTypes = _interopRequireDefault(require("prop-types"));
75
- var _react = require("react");
75
+ var _react = _interopRequireWildcard(require("react"));
76
76
  var _default = require("../config/default");
77
77
  var _sample = _interopRequireDefault(require("../sample-data/sample1"));
78
78
  var _AddMorePopover = _interopRequireDefault(require("./AddMorePopover"));
@@ -86,8 +86,9 @@ var _ResourceView = _interopRequireDefault(require("./ResourceView"));
86
86
  var _SchedulerData = _interopRequireDefault(require("./SchedulerData"));
87
87
  var _SchedulerHeader = _interopRequireDefault(require("./SchedulerHeader"));
88
88
  var _WrapperFun = _interopRequireDefault(require("./WrapperFun"));
89
- var _jsxRuntime = require("react/jsx-runtime");
89
+ 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); }
90
90
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
91
+ 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); }
91
92
  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; }
92
93
  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; }
93
94
  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; }
@@ -102,7 +103,7 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
102
103
  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; } }
103
104
  function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
104
105
  function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
105
- 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; }
106
+ 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
106
107
  function Scheduler(props) {
107
108
  var schedulerData = props.schedulerData,
108
109
  dndSources = props.dndSources,
@@ -416,9 +417,9 @@ function Scheduler(props) {
416
417
  contentScrollbarWidth = state.contentScrollbarWidth,
417
418
  resourceScrollbarHeight = state.resourceScrollbarHeight,
418
419
  resourceScrollbarWidth = state.resourceScrollbarWidth;
419
- var tbodyContent = /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {});
420
+ var tbodyContent = /*#__PURE__*/_react["default"].createElement("tr", null);
420
421
  if (showAgenda) {
421
- tbodyContent = /*#__PURE__*/(0, _jsxRuntime.jsx)(_AgendaView["default"], _objectSpread({}, props));
422
+ tbodyContent = /*#__PURE__*/_react["default"].createElement(_AgendaView["default"], props);
422
423
  } else {
423
424
  var resourceTableWidth = schedulerData.getResourceTableWidth();
424
425
  var schedulerContainerWidth = width - (config.resourceViewEnabled ? resourceTableWidth : 0);
@@ -428,7 +429,7 @@ function Scheduler(props) {
428
429
  return o.render;
429
430
  });
430
431
  var resourceEventsList = displayRenderData.map(function (item) {
431
- return /*#__PURE__*/(0, _react.createElement)(_ResourceEvents["default"], _objectSpread(_objectSpread({}, props), {}, {
432
+ return /*#__PURE__*/_react["default"].createElement(_ResourceEvents["default"], _extends({}, props, {
432
433
  key: item.slotId,
433
434
  resourceEvents: item,
434
435
  dndSource: eventDndSource,
@@ -471,147 +472,118 @@ function Scheduler(props) {
471
472
  });
472
473
  }
473
474
  var resourceName = schedulerData.isEventPerspective ? config.taskName : config.resourceName;
474
- tbodyContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
475
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
476
- style: {
477
- display: config.resourceViewEnabled ? undefined : 'none',
478
- width: resourceTableWidth,
479
- verticalAlign: 'top'
480
- },
481
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
482
- className: "resource-view",
483
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
484
- style: _objectSpread({
485
- borderBottom: '1px solid #e9e9e9',
486
- height: showWeekNumber ? config.tableHeaderHeight + 24 : config.tableHeaderHeight
487
- }, configTableHeaderStyle),
488
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
489
- style: {
490
- overflowX: 'scroll',
491
- overflowY: 'hidden',
492
- margin: "0px 0px -".concat(contentScrollbarHeight, "px"),
493
- overflow: 'visible'
494
- },
495
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("table", {
496
- className: "resource-table",
497
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("thead", {
498
- children: [showWeekNumber && /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
499
- style: {
500
- height: 24
501
- },
502
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
503
- style: {
504
- borderBottom: '1px solid #e9e9e9',
505
- fontSize: '0.85em',
506
- opacity: 0.7,
507
- padding: '4px 8px'
508
- },
509
- children: "Week No."
510
- })
511
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
512
- style: {
513
- height: config.tableHeaderHeight
514
- },
515
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
516
- className: "header3-text",
517
- children: CustomResourceHeader ? /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomResourceHeader, {}) : resourceName
518
- })
519
- })]
520
- })
521
- })
522
- })
523
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
524
- style: resourceContentStyle,
525
- ref: schedulerResourceRef,
526
- onMouseOver: onSchedulerResourceMouseOver,
527
- onFocus: onSchedulerResourceMouseOver,
528
- onMouseOut: onSchedulerResourceMouseOut,
529
- onBlur: onSchedulerResourceMouseOut,
530
- onScroll: onSchedulerResourceScroll,
531
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ResourceView["default"], _objectSpread(_objectSpread({}, props), {}, {
532
- contentScrollbarHeight: resourcePaddingBottom,
533
- CustomResourceCell: CustomResourceCell
534
- }))
535
- })]
536
- })
537
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
538
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
539
- className: "scheduler-view",
540
- style: {
541
- width: schedulerContainerWidth,
542
- verticalAlign: 'top'
543
- },
544
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
545
- style: {
546
- overflow: 'hidden',
547
- borderBottom: '1px solid #e9e9e9',
548
- height: showWeekNumber ? config.tableHeaderHeight + 24 : config.tableHeaderHeight
549
- },
550
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
551
- style: {
552
- overflowX: 'scroll',
553
- overflowY: 'hidden',
554
- margin: "0px 0px -".concat(contentScrollbarHeight, "px")
555
- },
556
- ref: schedulerHeadRef,
557
- onMouseOver: onSchedulerHeadMouseOver,
558
- onFocus: onSchedulerHeadMouseOver,
559
- onMouseOut: onSchedulerHeadMouseOut,
560
- onBlur: onSchedulerHeadMouseOut,
561
- onScroll: onSchedulerHeadScroll,
562
- "aria-label": "Scheduler Header",
563
- className: "no-scrollbar",
564
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
565
- style: {
566
- paddingRight: "".concat(contentScrollbarWidth, "px"),
567
- width: schedulerWidth + contentScrollbarWidth
568
- },
569
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("table", {
570
- className: "scheduler-bg-table",
571
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderView["default"], _objectSpread(_objectSpread({}, props), {}, {
572
- showWeekNumber: showWeekNumber
573
- }))
574
- })
575
- })
576
- })
577
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
578
- style: schedulerContentStyle,
579
- ref: schedulerContentRef,
580
- onMouseOver: onSchedulerContentMouseOver,
581
- onFocus: onSchedulerContentMouseOver,
582
- onMouseOut: onSchedulerContentMouseOut,
583
- onBlur: onSchedulerContentMouseOut,
584
- onScroll: onSchedulerContentScroll,
585
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
586
- style: {
587
- width: schedulerWidth
588
- },
589
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
590
- className: "scheduler-content",
591
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("table", {
592
- className: "scheduler-content-table",
593
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
594
- children: resourceEventsList
595
- })
596
- })
597
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
598
- className: "scheduler-bg",
599
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("table", {
600
- className: "scheduler-bg-table",
601
- style: {
602
- width: schedulerWidth
603
- },
604
- ref: schedulerContentBgTableRef,
605
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BodyView["default"], _objectSpread({}, props))
606
- })
607
- })]
608
- })
609
- })]
610
- })
611
- })]
612
- });
475
+ tbodyContent = /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
476
+ style: {
477
+ display: config.resourceViewEnabled ? undefined : 'none',
478
+ width: resourceTableWidth,
479
+ verticalAlign: 'top'
480
+ }
481
+ }, /*#__PURE__*/_react["default"].createElement("div", {
482
+ className: "resource-view"
483
+ }, /*#__PURE__*/_react["default"].createElement("div", {
484
+ style: _objectSpread({
485
+ borderBottom: '1px solid #e9e9e9',
486
+ height: showWeekNumber ? config.tableHeaderHeight + 24 : config.tableHeaderHeight
487
+ }, configTableHeaderStyle)
488
+ }, /*#__PURE__*/_react["default"].createElement("div", {
489
+ style: {
490
+ overflowX: 'scroll',
491
+ overflowY: 'hidden',
492
+ margin: "0px 0px -".concat(contentScrollbarHeight, "px"),
493
+ overflow: 'visible'
494
+ }
495
+ }, /*#__PURE__*/_react["default"].createElement("table", {
496
+ className: "resource-table"
497
+ }, /*#__PURE__*/_react["default"].createElement("thead", null, showWeekNumber && /*#__PURE__*/_react["default"].createElement("tr", {
498
+ style: {
499
+ height: 24
500
+ }
501
+ }, /*#__PURE__*/_react["default"].createElement("th", {
502
+ style: {
503
+ borderBottom: '1px solid #e9e9e9',
504
+ fontSize: '0.85em',
505
+ opacity: 0.7,
506
+ padding: '4px 8px'
507
+ }
508
+ }, "Week No.")), /*#__PURE__*/_react["default"].createElement("tr", {
509
+ style: {
510
+ height: config.tableHeaderHeight
511
+ }
512
+ }, /*#__PURE__*/_react["default"].createElement("th", {
513
+ className: "header3-text"
514
+ }, CustomResourceHeader ? /*#__PURE__*/_react["default"].createElement(CustomResourceHeader, null) : resourceName)))))), /*#__PURE__*/_react["default"].createElement("div", {
515
+ style: resourceContentStyle,
516
+ ref: schedulerResourceRef,
517
+ onMouseOver: onSchedulerResourceMouseOver,
518
+ onFocus: onSchedulerResourceMouseOver,
519
+ onMouseOut: onSchedulerResourceMouseOut,
520
+ onBlur: onSchedulerResourceMouseOut,
521
+ onScroll: onSchedulerResourceScroll
522
+ }, /*#__PURE__*/_react["default"].createElement(_ResourceView["default"], _extends({}, props, {
523
+ contentScrollbarHeight: resourcePaddingBottom,
524
+ CustomResourceCell: CustomResourceCell
525
+ }))))), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("div", {
526
+ className: "scheduler-view",
527
+ style: {
528
+ width: schedulerContainerWidth,
529
+ verticalAlign: 'top'
530
+ }
531
+ }, /*#__PURE__*/_react["default"].createElement("div", {
532
+ style: {
533
+ overflow: 'hidden',
534
+ borderBottom: '1px solid #e9e9e9',
535
+ height: showWeekNumber ? config.tableHeaderHeight + 24 : config.tableHeaderHeight
536
+ }
537
+ }, /*#__PURE__*/_react["default"].createElement("div", {
538
+ style: {
539
+ overflowX: 'scroll',
540
+ overflowY: 'hidden',
541
+ margin: "0px 0px -".concat(contentScrollbarHeight, "px")
542
+ },
543
+ ref: schedulerHeadRef,
544
+ onMouseOver: onSchedulerHeadMouseOver,
545
+ onFocus: onSchedulerHeadMouseOver,
546
+ onMouseOut: onSchedulerHeadMouseOut,
547
+ onBlur: onSchedulerHeadMouseOut,
548
+ onScroll: onSchedulerHeadScroll,
549
+ "aria-label": "Scheduler Header",
550
+ className: "no-scrollbar"
551
+ }, /*#__PURE__*/_react["default"].createElement("div", {
552
+ style: {
553
+ paddingRight: "".concat(contentScrollbarWidth, "px"),
554
+ width: schedulerWidth + contentScrollbarWidth
555
+ }
556
+ }, /*#__PURE__*/_react["default"].createElement("table", {
557
+ className: "scheduler-bg-table"
558
+ }, /*#__PURE__*/_react["default"].createElement(_HeaderView["default"], _extends({}, props, {
559
+ showWeekNumber: showWeekNumber
560
+ })))))), /*#__PURE__*/_react["default"].createElement("div", {
561
+ style: schedulerContentStyle,
562
+ ref: schedulerContentRef,
563
+ onMouseOver: onSchedulerContentMouseOver,
564
+ onFocus: onSchedulerContentMouseOver,
565
+ onMouseOut: onSchedulerContentMouseOut,
566
+ onBlur: onSchedulerContentMouseOut,
567
+ onScroll: onSchedulerContentScroll
568
+ }, /*#__PURE__*/_react["default"].createElement("div", {
569
+ style: {
570
+ width: schedulerWidth
571
+ }
572
+ }, /*#__PURE__*/_react["default"].createElement("div", {
573
+ className: "scheduler-content"
574
+ }, /*#__PURE__*/_react["default"].createElement("table", {
575
+ className: "scheduler-content-table"
576
+ }, /*#__PURE__*/_react["default"].createElement("tbody", null, resourceEventsList))), /*#__PURE__*/_react["default"].createElement("div", {
577
+ className: "scheduler-bg"
578
+ }, /*#__PURE__*/_react["default"].createElement("table", {
579
+ className: "scheduler-bg-table",
580
+ style: {
581
+ width: schedulerWidth
582
+ },
583
+ ref: schedulerContentBgTableRef
584
+ }, /*#__PURE__*/_react["default"].createElement(_BodyView["default"], props))))))));
613
585
  }
614
- var schedulerHeader = /*#__PURE__*/(0, _jsxRuntime.jsx)(_SchedulerHeader["default"], {
586
+ var schedulerHeader = /*#__PURE__*/_react["default"].createElement(_SchedulerHeader["default"], {
615
587
  ref: schedulerHeaderRef,
616
588
  style: {
617
589
  display: config.headerEnabled ? undefined : 'none',
@@ -627,23 +599,15 @@ function Scheduler(props) {
627
599
  ViewButtonRender: ViewButtonRender,
628
600
  CustomLoader: CustomLoader
629
601
  });
630
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("table", {
602
+ return /*#__PURE__*/_react["default"].createElement("table", {
631
603
  id: "rbs-root",
632
604
  className: "rbs",
633
605
  style: {
634
606
  width: "".concat(width, "px")
635
- },
636
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
637
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
638
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
639
- colSpan: "2",
640
- children: schedulerHeader
641
- })
642
- })
643
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
644
- children: tbodyContent
645
- })]
646
- });
607
+ }
608
+ }, /*#__PURE__*/_react["default"].createElement("thead", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
609
+ colSpan: "2"
610
+ }, schedulerHeader))), /*#__PURE__*/_react["default"].createElement("tbody", null, tbodyContent));
647
611
  }
648
612
  Scheduler.propTypes = {
649
613
  parentRef: _propTypes["default"].object,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "makula-schedule",
3
- "version": "1.1.4",
3
+ "version": "1.1.6",
4
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",
5
5
  "keywords": [
6
6
  "react-big-schedule",
@@ -70,13 +70,13 @@
70
70
  "dayjs": "^1.11.19",
71
71
  "prop-types": "^15.8.1",
72
72
  "react-router-dom": "^6.30.3",
73
- "rrule": "^2.8.1"
73
+ "rrule": "^2.8.1",
74
+ "react": "^19.2.3",
75
+ "react-dom": "^19.2.3"
74
76
  },
75
77
  "peerDependencies": {
76
- "react": ">=16.0.0",
77
78
  "react-dnd": ">=14.0.0",
78
- "react-dnd-html5-backend": ">=14.0.0",
79
- "react-dom": ">=16.0.0"
79
+ "react-dnd-html5-backend": ">=14.0.0"
80
80
  },
81
81
  "devDependencies": {
82
82
  "@babel/cli": "^7.28.3",
@@ -108,4 +108,4 @@
108
108
  "webpack-cli": "^6.0.1",
109
109
  "webpack-dev-server": "^5.2.2"
110
110
  }
111
- }
111
+ }