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.
- package/dist/components/AddMore.js +12 -12
- package/dist/components/AddMorePopover.js +22 -32
- package/dist/components/AgendaEventItem.js +18 -28
- package/dist/components/AgendaResourceEvents.js +16 -31
- package/dist/components/AgendaView.js +17 -35
- package/dist/components/BodyView.js +12 -12
- package/dist/components/EventItem.js +26 -32
- package/dist/components/EventItemPopover.js +72 -91
- package/dist/components/HeaderView.js +31 -37
- package/dist/components/ResourceEvents.js +21 -25
- package/dist/components/ResourceView.js +61 -71
- package/dist/components/SchedulerHeader.js +67 -85
- package/dist/components/SelectedArea.js +4 -2
- package/dist/components/Summary.js +7 -9
- package/dist/components/WrapperFun.js +7 -11
- package/dist/components/index.js +123 -159
- package/package.json +6 -6
package/dist/components/index.js
CHANGED
|
@@ -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
|
|
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__*/
|
|
420
|
+
var tbodyContent = /*#__PURE__*/_react["default"].createElement("tr", null);
|
|
420
421
|
if (showAgenda) {
|
|
421
|
-
tbodyContent = /*#__PURE__*/
|
|
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__*/
|
|
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__*/(
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
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__*/
|
|
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__*/
|
|
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
|
-
|
|
637
|
-
|
|
638
|
-
|
|
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.
|
|
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
|
+
}
|