react-big-schedule 5.0.0 → 5.1.0
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 +48 -0
- package/dist/components/AddMorePopover.js +107 -0
- package/dist/components/AgendaEventItem.js +84 -0
- package/dist/components/AgendaResourceEvents.js +87 -0
- package/dist/components/AgendaView.js +51 -0
- package/dist/components/BodyView.js +59 -0
- package/dist/components/DnDContext.js +162 -0
- package/dist/components/DnDSource.js +115 -0
- package/dist/components/EventItem.js +698 -0
- package/dist/components/EventItemPopover.js +132 -0
- package/dist/components/HeaderView.js +111 -0
- package/dist/components/ResourceEvents.js +410 -0
- package/dist/components/ResourceView.js +112 -0
- package/dist/components/SchedulerData.js +1274 -0
- package/dist/components/SchedulerHeader.js +159 -0
- package/dist/components/SelectedArea.js +32 -0
- package/dist/components/Summary.js +59 -0
- package/dist/components/WrapperFun.js +19 -0
- package/dist/components/index.js +622 -0
- package/dist/config/default.js +36 -0
- package/dist/config/scheduler.js +109 -0
- package/dist/css/style.css +266 -0
- package/dist/helper/behaviors.js +102 -0
- package/dist/helper/utility.js +21 -0
- package/dist/index.d.ts +379 -0
- package/dist/index.js +78 -0
- package/dist/sample-data/sample1.js +337 -0
- package/package.json +1 -1
- package/dist/12.bundle.js +0 -3
- package/dist/12.bundle.js.LICENSE.txt +0 -1
- package/dist/12.bundle.js.map +0 -1
- package/dist/24.bundle.js +0 -2
- package/dist/24.bundle.js.map +0 -1
- package/dist/358.bundle.js +0 -2
- package/dist/358.bundle.js.map +0 -1
- package/dist/440.bundle.js +0 -2
- package/dist/440.bundle.js.map +0 -1
- package/dist/453.bundle.js +0 -2
- package/dist/453.bundle.js.map +0 -1
- package/dist/474.bundle.js +0 -3
- package/dist/474.bundle.js.LICENSE.txt +0 -32
- package/dist/474.bundle.js.map +0 -1
- package/dist/540.bundle.js +0 -2
- package/dist/540.bundle.js.map +0 -1
- package/dist/568.bundle.js +0 -2
- package/dist/568.bundle.js.map +0 -1
- package/dist/602.bundle.js +0 -2
- package/dist/602.bundle.js.map +0 -1
- package/dist/687.bundle.js +0 -3
- package/dist/687.bundle.js.LICENSE.txt +0 -3
- package/dist/687.bundle.js.map +0 -1
- package/dist/689.bundle.js +0 -2
- package/dist/689.bundle.js.map +0 -1
- package/dist/assets/logo.png +0 -0
- package/dist/banner.png +0 -0
- package/dist/bundle.js +0 -3
- package/dist/bundle.js.LICENSE.txt +0 -70
- package/dist/bundle.js.map +0 -1
- package/dist/index.html +0 -13
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
10
|
+
function AddMore(_ref) {
|
|
11
|
+
var schedulerData = _ref.schedulerData,
|
|
12
|
+
number = _ref.number,
|
|
13
|
+
left = _ref.left,
|
|
14
|
+
width = _ref.width,
|
|
15
|
+
top = _ref.top,
|
|
16
|
+
clickAction = _ref.clickAction,
|
|
17
|
+
headerItem = _ref.headerItem;
|
|
18
|
+
var config = schedulerData.config;
|
|
19
|
+
var content = "+".concat(number, " more");
|
|
20
|
+
return /*#__PURE__*/_react["default"].createElement("button", {
|
|
21
|
+
type: "button",
|
|
22
|
+
className: "timeline-event",
|
|
23
|
+
style: {
|
|
24
|
+
left: left,
|
|
25
|
+
width: width,
|
|
26
|
+
top: top
|
|
27
|
+
},
|
|
28
|
+
onClick: function onClick() {
|
|
29
|
+
return clickAction(headerItem);
|
|
30
|
+
}
|
|
31
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
32
|
+
style: {
|
|
33
|
+
height: config.eventItemHeight,
|
|
34
|
+
color: '#999',
|
|
35
|
+
textAlign: 'center'
|
|
36
|
+
}
|
|
37
|
+
}, content));
|
|
38
|
+
}
|
|
39
|
+
AddMore.propTypes = {
|
|
40
|
+
schedulerData: _propTypes["default"].object.isRequired,
|
|
41
|
+
number: _propTypes["default"].number.isRequired,
|
|
42
|
+
left: _propTypes["default"].number.isRequired,
|
|
43
|
+
width: _propTypes["default"].number.isRequired,
|
|
44
|
+
top: _propTypes["default"].number.isRequired,
|
|
45
|
+
clickAction: _propTypes["default"].func.isRequired,
|
|
46
|
+
headerItem: _propTypes["default"].object.isRequired
|
|
47
|
+
};
|
|
48
|
+
var _default = exports["default"] = AddMore;
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
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); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
+
var _antd = require("antd");
|
|
11
|
+
var _icons = require("@ant-design/icons");
|
|
12
|
+
var _EventItem = _interopRequireDefault(require("./EventItem"));
|
|
13
|
+
var _DnDSource = _interopRequireDefault(require("./DnDSource"));
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
15
|
+
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); }
|
|
16
|
+
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); }
|
|
17
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
18
|
+
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."); }
|
|
19
|
+
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; } }
|
|
20
|
+
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; }
|
|
21
|
+
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; } }
|
|
22
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
23
|
+
function AddMorePopover(props) {
|
|
24
|
+
var schedulerData = props.schedulerData,
|
|
25
|
+
headerItem = props.headerItem,
|
|
26
|
+
left = props.left,
|
|
27
|
+
top = props.top,
|
|
28
|
+
height = props.height,
|
|
29
|
+
closeAction = props.closeAction;
|
|
30
|
+
var config = schedulerData.config,
|
|
31
|
+
localeDayjs = schedulerData.localeDayjs;
|
|
32
|
+
var time = headerItem.time,
|
|
33
|
+
start = headerItem.start,
|
|
34
|
+
end = headerItem.end,
|
|
35
|
+
events = headerItem.events;
|
|
36
|
+
var _useState = (0, _react.useState)(new _DnDSource["default"](function (p) {
|
|
37
|
+
return p.eventItem;
|
|
38
|
+
}, _EventItem["default"], schedulerData.config.dragAndDropEnabled)),
|
|
39
|
+
_useState2 = _slicedToArray(_useState, 1),
|
|
40
|
+
dndSource = _useState2[0];
|
|
41
|
+
var header = localeDayjs(new Date(time)).format(config.addMorePopoverHeaderFormat);
|
|
42
|
+
var durationStart = localeDayjs(new Date(start));
|
|
43
|
+
var durationEnd = localeDayjs(end);
|
|
44
|
+
var DnDEventItem = dndSource.getDragSource();
|
|
45
|
+
var eventList = events.map(function (evt, i) {
|
|
46
|
+
if (evt !== undefined) {
|
|
47
|
+
var eventStart = localeDayjs(evt.eventItem.start);
|
|
48
|
+
var eventEnd = localeDayjs(evt.eventItem.end);
|
|
49
|
+
var isStart = eventStart >= durationStart;
|
|
50
|
+
var isEnd = eventEnd < durationEnd;
|
|
51
|
+
var eventItemTop = 12 + (i + 1) * config.eventItemLineHeight;
|
|
52
|
+
return /*#__PURE__*/_react["default"].createElement(DnDEventItem, _extends({}, props, {
|
|
53
|
+
key: evt.eventItem.id,
|
|
54
|
+
eventItem: evt.eventItem,
|
|
55
|
+
leftIndex: 0,
|
|
56
|
+
isInPopover: true,
|
|
57
|
+
isStart: isStart,
|
|
58
|
+
isEnd: isEnd,
|
|
59
|
+
rightIndex: 1,
|
|
60
|
+
left: 10,
|
|
61
|
+
width: 138,
|
|
62
|
+
top: eventItemTop
|
|
63
|
+
}));
|
|
64
|
+
}
|
|
65
|
+
return null;
|
|
66
|
+
});
|
|
67
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
68
|
+
className: "add-more-popover-overlay",
|
|
69
|
+
style: {
|
|
70
|
+
left: left,
|
|
71
|
+
top: top,
|
|
72
|
+
height: height,
|
|
73
|
+
width: '170px'
|
|
74
|
+
}
|
|
75
|
+
}, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
|
|
76
|
+
justify: "space-between",
|
|
77
|
+
align: "middle"
|
|
78
|
+
}, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
|
|
79
|
+
span: 22
|
|
80
|
+
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
81
|
+
className: "base-text"
|
|
82
|
+
}, header)), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
|
|
83
|
+
span: 2
|
|
84
|
+
}, /*#__PURE__*/_react["default"].createElement("button", {
|
|
85
|
+
type: "button",
|
|
86
|
+
onClick: function onClick() {
|
|
87
|
+
return closeAction(undefined);
|
|
88
|
+
}
|
|
89
|
+
}, /*#__PURE__*/_react["default"].createElement(_icons.CloseOutlined, null)))), eventList === null || eventList === void 0 ? void 0 : eventList.filter(Boolean));
|
|
90
|
+
}
|
|
91
|
+
AddMorePopover.propTypes = {
|
|
92
|
+
schedulerData: _propTypes["default"].object.isRequired,
|
|
93
|
+
headerItem: _propTypes["default"].object.isRequired,
|
|
94
|
+
left: _propTypes["default"].number.isRequired,
|
|
95
|
+
top: _propTypes["default"].number.isRequired,
|
|
96
|
+
height: _propTypes["default"].number.isRequired,
|
|
97
|
+
closeAction: _propTypes["default"].func.isRequired,
|
|
98
|
+
subtitleGetter: _propTypes["default"].func,
|
|
99
|
+
moveEvent: _propTypes["default"].func,
|
|
100
|
+
eventItemClick: _propTypes["default"].func,
|
|
101
|
+
viewEventClick: _propTypes["default"].func,
|
|
102
|
+
viewEventText: _propTypes["default"].string,
|
|
103
|
+
viewEvent2Click: _propTypes["default"].func,
|
|
104
|
+
viewEvent2Text: _propTypes["default"].string,
|
|
105
|
+
eventItemTemplateResolver: _propTypes["default"].func
|
|
106
|
+
};
|
|
107
|
+
var _default = exports["default"] = AddMorePopover;
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
var _antd = require("antd");
|
|
10
|
+
var _EventItemPopover = _interopRequireDefault(require("./EventItemPopover"));
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
12
|
+
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); }
|
|
13
|
+
function AgendaEventItem(props) {
|
|
14
|
+
var eventItem = props.eventItem,
|
|
15
|
+
isStart = props.isStart,
|
|
16
|
+
isEnd = props.isEnd,
|
|
17
|
+
eventItemClick = props.eventItemClick,
|
|
18
|
+
schedulerData = props.schedulerData,
|
|
19
|
+
eventItemTemplateResolver = props.eventItemTemplateResolver;
|
|
20
|
+
var config = schedulerData.config,
|
|
21
|
+
behaviors = schedulerData.behaviors;
|
|
22
|
+
var roundCls = 'round-none';
|
|
23
|
+
if (isStart && isEnd) {
|
|
24
|
+
roundCls = 'round-all';
|
|
25
|
+
} else if (isStart) {
|
|
26
|
+
roundCls = 'round-head';
|
|
27
|
+
} else if (isEnd) {
|
|
28
|
+
roundCls = 'round-tail';
|
|
29
|
+
}
|
|
30
|
+
var backgroundColor = eventItem.bgColor || config.defaultEventBgColor;
|
|
31
|
+
var titleText = behaviors.getEventTextFunc(schedulerData, eventItem);
|
|
32
|
+
var eventItemStyle = {
|
|
33
|
+
height: config.eventItemHeight,
|
|
34
|
+
maxWidth: config.agendaMaxEventWidth,
|
|
35
|
+
backgroundColor: backgroundColor
|
|
36
|
+
};
|
|
37
|
+
var eventItemTemplate = /*#__PURE__*/_react["default"].createElement("div", {
|
|
38
|
+
className: "".concat(roundCls, " event-item"),
|
|
39
|
+
key: eventItem.id,
|
|
40
|
+
style: eventItemStyle
|
|
41
|
+
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
42
|
+
style: {
|
|
43
|
+
marginLeft: '10px',
|
|
44
|
+
lineHeight: "".concat(config.eventItemHeight, "px")
|
|
45
|
+
}
|
|
46
|
+
}, titleText));
|
|
47
|
+
if (eventItemTemplateResolver) {
|
|
48
|
+
eventItemTemplate = eventItemTemplateResolver(schedulerData, eventItem, backgroundColor, isStart, isEnd, 'event-item', config.eventItemHeight, config.agendaMaxEventWidth);
|
|
49
|
+
}
|
|
50
|
+
var handleClick = function handleClick() {
|
|
51
|
+
return eventItemClick === null || eventItemClick === void 0 ? void 0 : eventItemClick(schedulerData, eventItem);
|
|
52
|
+
};
|
|
53
|
+
var eventLink = /*#__PURE__*/_react["default"].createElement("button", {
|
|
54
|
+
type: "button",
|
|
55
|
+
className: "day-event txt-btn-dis",
|
|
56
|
+
onClick: handleClick
|
|
57
|
+
}, eventItemTemplate);
|
|
58
|
+
var content = /*#__PURE__*/_react["default"].createElement(_EventItemPopover["default"], _extends({}, props, {
|
|
59
|
+
title: eventItem.title,
|
|
60
|
+
startTime: eventItem.start,
|
|
61
|
+
endTime: eventItem.end,
|
|
62
|
+
statusColor: backgroundColor
|
|
63
|
+
}));
|
|
64
|
+
return config.eventItemPopoverEnabled ? /*#__PURE__*/_react["default"].createElement(_antd.Popover, {
|
|
65
|
+
placement: "bottomLeft",
|
|
66
|
+
content: content,
|
|
67
|
+
trigger: "hover",
|
|
68
|
+
overlayClassName: "scheduler-agenda-event-popover"
|
|
69
|
+
}, eventLink) : /*#__PURE__*/_react["default"].createElement("span", null, eventLink);
|
|
70
|
+
}
|
|
71
|
+
AgendaEventItem.propTypes = {
|
|
72
|
+
schedulerData: _propTypes["default"].object.isRequired,
|
|
73
|
+
eventItem: _propTypes["default"].object.isRequired,
|
|
74
|
+
isStart: _propTypes["default"].bool.isRequired,
|
|
75
|
+
isEnd: _propTypes["default"].bool.isRequired,
|
|
76
|
+
subtitleGetter: _propTypes["default"].func,
|
|
77
|
+
eventItemClick: _propTypes["default"].func,
|
|
78
|
+
viewEventClick: _propTypes["default"].func,
|
|
79
|
+
viewEventText: _propTypes["default"].string,
|
|
80
|
+
viewEvent2Click: _propTypes["default"].func,
|
|
81
|
+
viewEvent2Text: _propTypes["default"].string,
|
|
82
|
+
eventItemTemplateResolver: _propTypes["default"].func
|
|
83
|
+
};
|
|
84
|
+
var _default = exports["default"] = AgendaEventItem;
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
var _AgendaEventItem = _interopRequireDefault(require("./AgendaEventItem"));
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
11
|
+
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); }
|
|
12
|
+
function AgendaResourceEvents(props) {
|
|
13
|
+
var schedulerData = props.schedulerData,
|
|
14
|
+
resourceEvents = props.resourceEvents,
|
|
15
|
+
slotClickedFunc = props.slotClickedFunc,
|
|
16
|
+
slotItemTemplateResolver = props.slotItemTemplateResolver;
|
|
17
|
+
var startDate = schedulerData.startDate,
|
|
18
|
+
endDate = schedulerData.endDate,
|
|
19
|
+
config = schedulerData.config,
|
|
20
|
+
localeDayjs = schedulerData.localeDayjs;
|
|
21
|
+
var width = schedulerData.getResourceTableWidth() - 2;
|
|
22
|
+
var events = resourceEvents.headerItems.flatMap(function (item) {
|
|
23
|
+
var start = localeDayjs(new Date(startDate));
|
|
24
|
+
var end = localeDayjs(endDate).add(1, 'days');
|
|
25
|
+
var headerStart = localeDayjs(new Date(item.start));
|
|
26
|
+
var headerEnd = localeDayjs(new Date(item.end));
|
|
27
|
+
if (start === headerStart && end === headerEnd) {
|
|
28
|
+
return item.events.map(function (evt) {
|
|
29
|
+
var durationStart = localeDayjs(new Date(startDate));
|
|
30
|
+
var durationEnd = localeDayjs(endDate).add(1, 'days');
|
|
31
|
+
var eventStart = localeDayjs(evt.eventItem.start);
|
|
32
|
+
var eventEnd = localeDayjs(evt.eventItem.end);
|
|
33
|
+
var isStart = eventStart >= durationStart;
|
|
34
|
+
var isEnd = eventEnd < durationEnd;
|
|
35
|
+
return /*#__PURE__*/_react["default"].createElement(_AgendaEventItem["default"], _extends({}, props, {
|
|
36
|
+
key: evt.eventItem.id,
|
|
37
|
+
eventItem: evt.eventItem,
|
|
38
|
+
isStart: isStart,
|
|
39
|
+
isEnd: isEnd
|
|
40
|
+
}));
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
return [];
|
|
44
|
+
});
|
|
45
|
+
var slotItemContent = slotClickedFunc ? /*#__PURE__*/_react["default"].createElement("button", {
|
|
46
|
+
className: "txt-btn-dis",
|
|
47
|
+
type: "button",
|
|
48
|
+
onClick: function onClick() {
|
|
49
|
+
return slotClickedFunc(schedulerData, resourceEvents);
|
|
50
|
+
}
|
|
51
|
+
}, resourceEvents.slotName) : /*#__PURE__*/_react["default"].createElement("span", null, resourceEvents.slotName);
|
|
52
|
+
var slotItem = /*#__PURE__*/_react["default"].createElement("div", {
|
|
53
|
+
style: {
|
|
54
|
+
width: width
|
|
55
|
+
},
|
|
56
|
+
title: resourceEvents.slotTitle || resourceEvents.slotName,
|
|
57
|
+
className: "overflow-text header2-text"
|
|
58
|
+
}, slotItemContent);
|
|
59
|
+
if (slotItemTemplateResolver) {
|
|
60
|
+
var temp = slotItemTemplateResolver(schedulerData, resourceEvents, slotClickedFunc, width, 'overflow-text header2-text');
|
|
61
|
+
if (temp) {
|
|
62
|
+
slotItem = temp;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
return /*#__PURE__*/_react["default"].createElement("tr", {
|
|
66
|
+
style: {
|
|
67
|
+
minHeight: config.eventItemLineHeight + 2
|
|
68
|
+
}
|
|
69
|
+
}, /*#__PURE__*/_react["default"].createElement("td", {
|
|
70
|
+
"data-resource-id": resourceEvents.slotId
|
|
71
|
+
}, slotItem), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
72
|
+
className: "day-event-container"
|
|
73
|
+
}, events)));
|
|
74
|
+
}
|
|
75
|
+
AgendaResourceEvents.propTypes = {
|
|
76
|
+
schedulerData: _propTypes["default"].object.isRequired,
|
|
77
|
+
resourceEvents: _propTypes["default"].object.isRequired,
|
|
78
|
+
subtitleGetter: _propTypes["default"].func,
|
|
79
|
+
eventItemClick: _propTypes["default"].func,
|
|
80
|
+
viewEventClick: _propTypes["default"].func,
|
|
81
|
+
viewEventText: _propTypes["default"].string,
|
|
82
|
+
viewEvent2Click: _propTypes["default"].func,
|
|
83
|
+
viewEvent2Text: _propTypes["default"].string,
|
|
84
|
+
slotClickedFunc: _propTypes["default"].func,
|
|
85
|
+
slotItemTemplateResolver: _propTypes["default"].func
|
|
86
|
+
};
|
|
87
|
+
var _default = exports["default"] = AgendaResourceEvents;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
var _AgendaResourceEvents = _interopRequireDefault(require("./AgendaResourceEvents"));
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
11
|
+
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); }
|
|
12
|
+
function AgendaView(props) {
|
|
13
|
+
var schedulerData = props.schedulerData;
|
|
14
|
+
var config = schedulerData.config,
|
|
15
|
+
renderData = schedulerData.renderData;
|
|
16
|
+
var agendaResourceTableWidth = schedulerData.getResourceTableWidth();
|
|
17
|
+
var tableHeaderHeight = schedulerData.getTableHeaderHeight();
|
|
18
|
+
var resourceName = schedulerData.isEventPerspective ? config.taskName : config.resourceName;
|
|
19
|
+
var agendaViewHeader = config.agendaViewHeader;
|
|
20
|
+
var resourceEventsList = renderData.map(function (item) {
|
|
21
|
+
return /*#__PURE__*/_react["default"].createElement(_AgendaResourceEvents["default"], _extends({}, props, {
|
|
22
|
+
resourceEvents: item,
|
|
23
|
+
key: item.slotId
|
|
24
|
+
}));
|
|
25
|
+
});
|
|
26
|
+
return /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("table", {
|
|
27
|
+
className: "scheduler-table"
|
|
28
|
+
}, /*#__PURE__*/_react["default"].createElement("thead", null, /*#__PURE__*/_react["default"].createElement("tr", {
|
|
29
|
+
style: {
|
|
30
|
+
height: tableHeaderHeight
|
|
31
|
+
}
|
|
32
|
+
}, /*#__PURE__*/_react["default"].createElement("th", {
|
|
33
|
+
style: {
|
|
34
|
+
width: agendaResourceTableWidth
|
|
35
|
+
},
|
|
36
|
+
className: "header3-text"
|
|
37
|
+
}, resourceName), /*#__PURE__*/_react["default"].createElement("th", {
|
|
38
|
+
className: "header3-text"
|
|
39
|
+
}, agendaViewHeader))), /*#__PURE__*/_react["default"].createElement("tbody", null, resourceEventsList))));
|
|
40
|
+
}
|
|
41
|
+
AgendaView.propTypes = {
|
|
42
|
+
schedulerData: _propTypes["default"].object.isRequired,
|
|
43
|
+
subtitleGetter: _propTypes["default"].func,
|
|
44
|
+
eventItemClick: _propTypes["default"].func,
|
|
45
|
+
viewEventClick: _propTypes["default"].func,
|
|
46
|
+
viewEventText: _propTypes["default"].string,
|
|
47
|
+
viewEvent2Click: _propTypes["default"].func,
|
|
48
|
+
viewEvent2Text: _propTypes["default"].string,
|
|
49
|
+
slotClickedFunc: _propTypes["default"].func
|
|
50
|
+
};
|
|
51
|
+
var _default = exports["default"] = AgendaView;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
10
|
+
/* eslint-disable jsx-a11y/control-has-associated-label */
|
|
11
|
+
|
|
12
|
+
function BodyView(_ref) {
|
|
13
|
+
var schedulerData = _ref.schedulerData;
|
|
14
|
+
var renderData = schedulerData.renderData,
|
|
15
|
+
headers = schedulerData.headers,
|
|
16
|
+
config = schedulerData.config,
|
|
17
|
+
behaviors = schedulerData.behaviors;
|
|
18
|
+
var width = schedulerData.getContentCellWidth();
|
|
19
|
+
var tableRows = renderData.filter(function (o) {
|
|
20
|
+
return o.render;
|
|
21
|
+
}).map(function (_ref2) {
|
|
22
|
+
var slotId = _ref2.slotId,
|
|
23
|
+
groupOnly = _ref2.groupOnly,
|
|
24
|
+
rowHeight = _ref2.rowHeight;
|
|
25
|
+
var rowCells = headers.map(function (header, index) {
|
|
26
|
+
var key = "".concat(slotId, "_").concat(header.time);
|
|
27
|
+
var style = index === headers.length - 1 ? {} : {
|
|
28
|
+
width: width
|
|
29
|
+
};
|
|
30
|
+
if (header.nonWorkingTime) {
|
|
31
|
+
style.backgroundColor = config.nonWorkingTimeBodyBgColor;
|
|
32
|
+
}
|
|
33
|
+
if (groupOnly) {
|
|
34
|
+
style.backgroundColor = config.groupOnlySlotColor;
|
|
35
|
+
}
|
|
36
|
+
if (behaviors.getNonAgendaViewBodyCellBgColorFunc) {
|
|
37
|
+
var cellBgColor = behaviors.getNonAgendaViewBodyCellBgColorFunc(schedulerData, slotId, header);
|
|
38
|
+
if (cellBgColor) {
|
|
39
|
+
style.backgroundColor = cellBgColor;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
return /*#__PURE__*/_react["default"].createElement("td", {
|
|
43
|
+
key: key,
|
|
44
|
+
style: style
|
|
45
|
+
}, /*#__PURE__*/_react["default"].createElement("div", null));
|
|
46
|
+
});
|
|
47
|
+
return /*#__PURE__*/_react["default"].createElement("tr", {
|
|
48
|
+
key: slotId,
|
|
49
|
+
style: {
|
|
50
|
+
height: rowHeight
|
|
51
|
+
}
|
|
52
|
+
}, rowCells);
|
|
53
|
+
});
|
|
54
|
+
return /*#__PURE__*/_react["default"].createElement("tbody", null, tableRows);
|
|
55
|
+
}
|
|
56
|
+
BodyView.propTypes = {
|
|
57
|
+
schedulerData: _propTypes["default"].object.isRequired
|
|
58
|
+
};
|
|
59
|
+
var _default = exports["default"] = BodyView;
|
|
@@ -0,0 +1,162 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
var _reactDnd = require("react-dnd");
|
|
8
|
+
var _default = require("../config/default");
|
|
9
|
+
var _utility = require("../helper/utility");
|
|
10
|
+
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); }
|
|
11
|
+
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
|
|
12
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
13
|
+
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; } }
|
|
14
|
+
function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
|
|
15
|
+
function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
|
|
16
|
+
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; }
|
|
17
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
18
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
19
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
20
|
+
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; }
|
|
21
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
22
|
+
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); }
|
|
23
|
+
var DnDContext = exports["default"] = /*#__PURE__*/_createClass(function DnDContext(sources, DecoratedComponent) {
|
|
24
|
+
var _this = this;
|
|
25
|
+
_classCallCheck(this, DnDContext);
|
|
26
|
+
_defineProperty(this, "extractInitialTimes", function (monitor, pos, cellWidth, resourceEvents, cellUnit, localeDayjs) {
|
|
27
|
+
var initialPoint = monitor.getInitialClientOffset();
|
|
28
|
+
var initialLeftIndex = Math.floor((initialPoint.x - pos.x) / cellWidth);
|
|
29
|
+
var initialStart = resourceEvents.headerItems[initialLeftIndex].start;
|
|
30
|
+
var initialEnd = resourceEvents.headerItems[initialLeftIndex].end;
|
|
31
|
+
if (cellUnit !== _default.CellUnit.Hour) {
|
|
32
|
+
var end = localeDayjs(new Date(initialStart)).hour(23).minute(59).second(59);
|
|
33
|
+
initialEnd = end.format(_default.DATETIME_FORMAT);
|
|
34
|
+
}
|
|
35
|
+
return {
|
|
36
|
+
initialStart: initialStart,
|
|
37
|
+
initialEnd: initialEnd
|
|
38
|
+
};
|
|
39
|
+
});
|
|
40
|
+
_defineProperty(this, "getDropSpec", function () {
|
|
41
|
+
return {
|
|
42
|
+
drop: function drop(props, monitor, component) {
|
|
43
|
+
var schedulerData = props.schedulerData,
|
|
44
|
+
resourceEvents = props.resourceEvents;
|
|
45
|
+
var cellUnit = schedulerData.cellUnit,
|
|
46
|
+
localeDayjs = schedulerData.localeDayjs;
|
|
47
|
+
var type = monitor.getItemType();
|
|
48
|
+
var pos = (0, _utility.getPos)(component.eventContainer);
|
|
49
|
+
var cellWidth = schedulerData.getContentCellWidth();
|
|
50
|
+
var initialStartTime = null;
|
|
51
|
+
var initialEndTime = null;
|
|
52
|
+
if (type === _default.DnDTypes.EVENT) {
|
|
53
|
+
var _this$extractInitialT = _this.extractInitialTimes(monitor, pos, cellWidth, resourceEvents, cellUnit, localeDayjs),
|
|
54
|
+
initialStart = _this$extractInitialT.initialStart,
|
|
55
|
+
initialEnd = _this$extractInitialT.initialEnd;
|
|
56
|
+
initialStartTime = initialStart;
|
|
57
|
+
initialEndTime = initialEnd;
|
|
58
|
+
}
|
|
59
|
+
var point = monitor.getClientOffset();
|
|
60
|
+
var leftIndex = Math.floor((point.x - pos.x) / cellWidth);
|
|
61
|
+
var startTime = resourceEvents.headerItems[leftIndex].start;
|
|
62
|
+
var endTime = resourceEvents.headerItems[leftIndex].end;
|
|
63
|
+
if (cellUnit !== _default.CellUnit.Hour) {
|
|
64
|
+
endTime = localeDayjs(new Date(resourceEvents.headerItems[leftIndex].start)).hour(23).minute(59).second(59).format(_default.DATETIME_FORMAT);
|
|
65
|
+
}
|
|
66
|
+
return {
|
|
67
|
+
slotId: resourceEvents.slotId,
|
|
68
|
+
slotName: resourceEvents.slotName,
|
|
69
|
+
start: startTime,
|
|
70
|
+
end: endTime,
|
|
71
|
+
initialStart: initialStartTime,
|
|
72
|
+
initialEnd: initialEndTime
|
|
73
|
+
};
|
|
74
|
+
},
|
|
75
|
+
hover: function hover(props, monitor, component) {
|
|
76
|
+
var schedulerData = props.schedulerData,
|
|
77
|
+
resourceEvents = props.resourceEvents,
|
|
78
|
+
movingEvent = props.movingEvent;
|
|
79
|
+
var cellUnit = schedulerData.cellUnit,
|
|
80
|
+
config = schedulerData.config,
|
|
81
|
+
viewType = schedulerData.viewType,
|
|
82
|
+
localeDayjs = schedulerData.localeDayjs;
|
|
83
|
+
_this.config = config;
|
|
84
|
+
var item = monitor.getItem();
|
|
85
|
+
var type = monitor.getItemType();
|
|
86
|
+
var pos = (0, _utility.getPos)(component.eventContainer);
|
|
87
|
+
var cellWidth = schedulerData.getContentCellWidth();
|
|
88
|
+
var initialStart = null;
|
|
89
|
+
// let initialEnd = null;
|
|
90
|
+
if (type === _default.DnDTypes.EVENT) {
|
|
91
|
+
// const { initialStart: iStart, initialEnd: iEnd } = this.extractInitialTimes(monitor, pos, cellWidth, resourceEvents, cellUnit, localeDayjs);
|
|
92
|
+
var _this$extractInitialT2 = _this.extractInitialTimes(monitor, pos, cellWidth, resourceEvents, cellUnit, localeDayjs),
|
|
93
|
+
iStart = _this$extractInitialT2.initialStart;
|
|
94
|
+
initialStart = iStart;
|
|
95
|
+
// initialEnd = iEnd;
|
|
96
|
+
}
|
|
97
|
+
var point = monitor.getClientOffset();
|
|
98
|
+
var leftIndex = Math.floor((point.x - pos.x) / cellWidth);
|
|
99
|
+
if (!resourceEvents.headerItems[leftIndex]) {
|
|
100
|
+
return;
|
|
101
|
+
}
|
|
102
|
+
var newStart = resourceEvents.headerItems[leftIndex].start;
|
|
103
|
+
var newEnd = resourceEvents.headerItems[leftIndex].end;
|
|
104
|
+
if (cellUnit !== _default.CellUnit.Hour) {
|
|
105
|
+
newEnd = localeDayjs(new Date(resourceEvents.headerItems[leftIndex].start)).hour(23).minute(59).second(59).format(_default.DATETIME_FORMAT);
|
|
106
|
+
}
|
|
107
|
+
var slotId = resourceEvents.slotId,
|
|
108
|
+
slotName = resourceEvents.slotName;
|
|
109
|
+
var action = 'New';
|
|
110
|
+
var isEvent = type === _default.DnDTypes.EVENT;
|
|
111
|
+
if (isEvent) {
|
|
112
|
+
var event = item;
|
|
113
|
+
if (config.relativeMove) {
|
|
114
|
+
newStart = localeDayjs(event.start).add(localeDayjs(newStart).diff(localeDayjs(new Date(initialStart))), 'ms').format(_default.DATETIME_FORMAT);
|
|
115
|
+
} else if (viewType !== _default.ViewType.Day) {
|
|
116
|
+
var tmpDayjs = localeDayjs(newStart);
|
|
117
|
+
newStart = localeDayjs(event.start).year(tmpDayjs.year()).month(tmpDayjs.month()).date(tmpDayjs.date()).format(_default.DATETIME_FORMAT);
|
|
118
|
+
}
|
|
119
|
+
newEnd = localeDayjs(newStart).add(localeDayjs(event.end).diff(localeDayjs(event.start)), 'ms').format(_default.DATETIME_FORMAT);
|
|
120
|
+
|
|
121
|
+
// if crossResourceMove disabled, slot returns old value
|
|
122
|
+
if (config.crossResourceMove === false) {
|
|
123
|
+
slotId = schedulerData._getEventSlotId(item);
|
|
124
|
+
slotName = undefined;
|
|
125
|
+
var slot = schedulerData.getSlotById(slotId);
|
|
126
|
+
if (slot) slotName = slot.name;
|
|
127
|
+
}
|
|
128
|
+
action = 'Move';
|
|
129
|
+
}
|
|
130
|
+
if (movingEvent) {
|
|
131
|
+
movingEvent(schedulerData, slotId, slotName, newStart, newEnd, action, type, item);
|
|
132
|
+
}
|
|
133
|
+
},
|
|
134
|
+
canDrop: function canDrop(props, monitor) {
|
|
135
|
+
var schedulerData = props.schedulerData,
|
|
136
|
+
resourceEvents = props.resourceEvents;
|
|
137
|
+
var item = monitor.getItem();
|
|
138
|
+
if (schedulerData._isResizing()) return false;
|
|
139
|
+
var config = schedulerData.config;
|
|
140
|
+
return config.movable && !resourceEvents.groupOnly && (item.movable === undefined || item.movable !== false);
|
|
141
|
+
}
|
|
142
|
+
};
|
|
143
|
+
});
|
|
144
|
+
_defineProperty(this, "getDropCollect", function (connect, monitor) {
|
|
145
|
+
return {
|
|
146
|
+
connectDropTarget: connect.dropTarget(),
|
|
147
|
+
isOver: monitor.isOver()
|
|
148
|
+
};
|
|
149
|
+
});
|
|
150
|
+
_defineProperty(this, "getDropTarget", function (dragAndDropEnabled) {
|
|
151
|
+
return dragAndDropEnabled ? (0, _reactDnd.DropTarget)(_toConsumableArray(_this.sourceMap.keys()), _this.getDropSpec(), _this.getDropCollect)(_this.DecoratedComponent) : _this.DecoratedComponent;
|
|
152
|
+
});
|
|
153
|
+
_defineProperty(this, "getDndSource", function () {
|
|
154
|
+
var dndType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _default.DnDTypes.EVENT;
|
|
155
|
+
return _this.sourceMap.get(dndType);
|
|
156
|
+
});
|
|
157
|
+
this.sourceMap = new Map();
|
|
158
|
+
sources.forEach(function (item) {
|
|
159
|
+
_this.sourceMap.set(item.dndType, item);
|
|
160
|
+
});
|
|
161
|
+
this.DecoratedComponent = DecoratedComponent;
|
|
162
|
+
});
|