react-big-schedule 4.4.2 → 4.4.4
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 -19
- package/dist/components/AddMorePopover.js +31 -41
- package/dist/components/AgendaEventItem.js +22 -29
- package/dist/components/AgendaResourceEvents.js +21 -28
- package/dist/components/AgendaView.js +18 -25
- package/dist/components/BodyView.js +8 -15
- package/dist/components/DnDContext.js +23 -28
- package/dist/components/DnDSource.js +12 -17
- package/dist/components/EventItem.js +51 -59
- package/dist/components/EventItemPopover.js +38 -45
- package/dist/components/HeaderView.js +15 -23
- package/dist/components/ResourceEvents.js +41 -50
- package/dist/components/ResourceView.js +22 -29
- package/dist/components/SchedulerData.js +74 -80
- package/dist/components/SchedulerHeader.js +35 -45
- package/dist/components/SelectedArea.js +7 -14
- package/dist/components/Summary.js +13 -20
- package/dist/components/WrapperFun.js +7 -15
- package/dist/components/index.js +88 -159
- package/dist/config/default.js +6 -12
- package/dist/config/scheduler.js +8 -14
- package/dist/helper/behaviors.js +20 -25
- package/dist/helper/utility.js +2 -8
- package/dist/index.js +1 -78
- package/dist/sample-data/sample1.js +1 -7
- package/package.json +2 -2
|
@@ -1,12 +1,5 @@
|
|
|
1
|
-
|
|
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 }; }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
10
3
|
function AddMore(_ref) {
|
|
11
4
|
var schedulerData = _ref.schedulerData,
|
|
12
5
|
number = _ref.number,
|
|
@@ -17,7 +10,7 @@ function AddMore(_ref) {
|
|
|
17
10
|
headerItem = _ref.headerItem;
|
|
18
11
|
var config = schedulerData.config;
|
|
19
12
|
var content = "+".concat(number, " more");
|
|
20
|
-
return /*#__PURE__*/
|
|
13
|
+
return /*#__PURE__*/React.createElement("button", {
|
|
21
14
|
type: "button",
|
|
22
15
|
className: "timeline-event",
|
|
23
16
|
style: {
|
|
@@ -28,7 +21,7 @@ function AddMore(_ref) {
|
|
|
28
21
|
onClick: function onClick() {
|
|
29
22
|
return clickAction(headerItem);
|
|
30
23
|
}
|
|
31
|
-
}, /*#__PURE__*/
|
|
24
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
32
25
|
style: {
|
|
33
26
|
height: config.eventItemHeight,
|
|
34
27
|
color: '#999',
|
|
@@ -37,12 +30,12 @@ function AddMore(_ref) {
|
|
|
37
30
|
}, content));
|
|
38
31
|
}
|
|
39
32
|
AddMore.propTypes = {
|
|
40
|
-
schedulerData:
|
|
41
|
-
number:
|
|
42
|
-
left:
|
|
43
|
-
width:
|
|
44
|
-
top:
|
|
45
|
-
clickAction:
|
|
46
|
-
headerItem:
|
|
33
|
+
schedulerData: PropTypes.object.isRequired,
|
|
34
|
+
number: PropTypes.number.isRequired,
|
|
35
|
+
left: PropTypes.number.isRequired,
|
|
36
|
+
width: PropTypes.number.isRequired,
|
|
37
|
+
top: PropTypes.number.isRequired,
|
|
38
|
+
clickAction: PropTypes.func.isRequired,
|
|
39
|
+
headerItem: PropTypes.object.isRequired
|
|
47
40
|
};
|
|
48
|
-
|
|
41
|
+
export default AddMore;
|
|
@@ -1,19 +1,3 @@
|
|
|
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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
17
1
|
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); }
|
|
18
2
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
19
3
|
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."); }
|
|
@@ -21,6 +5,12 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
|
|
|
21
5
|
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; }
|
|
22
6
|
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; } }
|
|
23
7
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
8
|
+
import React, { useState } from 'react';
|
|
9
|
+
import PropTypes from 'prop-types';
|
|
10
|
+
import { Col, Row } from 'antd';
|
|
11
|
+
import { CloseOutlined } from '@ant-design/icons';
|
|
12
|
+
import EventItem from './EventItem';
|
|
13
|
+
import DnDSource from './DnDSource';
|
|
24
14
|
function AddMorePopover(props) {
|
|
25
15
|
var schedulerData = props.schedulerData,
|
|
26
16
|
headerItem = props.headerItem,
|
|
@@ -34,9 +24,9 @@ function AddMorePopover(props) {
|
|
|
34
24
|
start = headerItem.start,
|
|
35
25
|
end = headerItem.end,
|
|
36
26
|
events = headerItem.events;
|
|
37
|
-
var _useState =
|
|
27
|
+
var _useState = useState(new DnDSource(function (p) {
|
|
38
28
|
return p.eventItem;
|
|
39
|
-
},
|
|
29
|
+
}, EventItem, schedulerData.config.dragAndDropEnabled)),
|
|
40
30
|
_useState2 = _slicedToArray(_useState, 1),
|
|
41
31
|
dndSource = _useState2[0];
|
|
42
32
|
var header = localeDayjs(new Date(time)).format(config.addMorePopoverHeaderFormat);
|
|
@@ -50,7 +40,7 @@ function AddMorePopover(props) {
|
|
|
50
40
|
var isStart = eventStart >= durationStart;
|
|
51
41
|
var isEnd = eventEnd < durationEnd;
|
|
52
42
|
var eventItemTop = 12 + (i + 1) * config.eventItemLineHeight;
|
|
53
|
-
return /*#__PURE__*/
|
|
43
|
+
return /*#__PURE__*/React.createElement(DnDEventItem, _extends({}, props, {
|
|
54
44
|
key: evt.eventItem.id,
|
|
55
45
|
eventItem: evt.eventItem,
|
|
56
46
|
leftIndex: 0,
|
|
@@ -65,7 +55,7 @@ function AddMorePopover(props) {
|
|
|
65
55
|
}
|
|
66
56
|
return null;
|
|
67
57
|
});
|
|
68
|
-
return /*#__PURE__*/
|
|
58
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
69
59
|
className: "add-more-popover-overlay",
|
|
70
60
|
style: {
|
|
71
61
|
left: left,
|
|
@@ -73,36 +63,36 @@ function AddMorePopover(props) {
|
|
|
73
63
|
height: height,
|
|
74
64
|
width: '170px'
|
|
75
65
|
}
|
|
76
|
-
}, /*#__PURE__*/
|
|
66
|
+
}, /*#__PURE__*/React.createElement(Row, {
|
|
77
67
|
justify: "space-between",
|
|
78
68
|
align: "middle"
|
|
79
|
-
}, /*#__PURE__*/
|
|
69
|
+
}, /*#__PURE__*/React.createElement(Col, {
|
|
80
70
|
span: 22
|
|
81
|
-
}, /*#__PURE__*/
|
|
71
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
82
72
|
className: "base-text"
|
|
83
|
-
}, header)), /*#__PURE__*/
|
|
73
|
+
}, header)), /*#__PURE__*/React.createElement(Col, {
|
|
84
74
|
span: 2
|
|
85
|
-
}, /*#__PURE__*/
|
|
75
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
86
76
|
type: "button",
|
|
87
77
|
onClick: function onClick() {
|
|
88
78
|
return closeAction(undefined);
|
|
89
79
|
}
|
|
90
|
-
}, /*#__PURE__*/
|
|
80
|
+
}, /*#__PURE__*/React.createElement(CloseOutlined, null)))), eventList === null || eventList === void 0 ? void 0 : eventList.filter(Boolean));
|
|
91
81
|
}
|
|
92
82
|
AddMorePopover.propTypes = {
|
|
93
|
-
schedulerData:
|
|
94
|
-
headerItem:
|
|
95
|
-
left:
|
|
96
|
-
top:
|
|
97
|
-
height:
|
|
98
|
-
closeAction:
|
|
99
|
-
subtitleGetter:
|
|
100
|
-
moveEvent:
|
|
101
|
-
eventItemClick:
|
|
102
|
-
viewEventClick:
|
|
103
|
-
viewEventText:
|
|
104
|
-
viewEvent2Click:
|
|
105
|
-
viewEvent2Text:
|
|
106
|
-
eventItemTemplateResolver:
|
|
83
|
+
schedulerData: PropTypes.object.isRequired,
|
|
84
|
+
headerItem: PropTypes.object.isRequired,
|
|
85
|
+
left: PropTypes.number.isRequired,
|
|
86
|
+
top: PropTypes.number.isRequired,
|
|
87
|
+
height: PropTypes.number.isRequired,
|
|
88
|
+
closeAction: PropTypes.func.isRequired,
|
|
89
|
+
subtitleGetter: PropTypes.func,
|
|
90
|
+
moveEvent: PropTypes.func,
|
|
91
|
+
eventItemClick: PropTypes.func,
|
|
92
|
+
viewEventClick: PropTypes.func,
|
|
93
|
+
viewEventText: PropTypes.string,
|
|
94
|
+
viewEvent2Click: PropTypes.func,
|
|
95
|
+
viewEvent2Text: PropTypes.string,
|
|
96
|
+
eventItemTemplateResolver: PropTypes.func
|
|
107
97
|
};
|
|
108
|
-
|
|
98
|
+
export default AddMorePopover;
|
|
@@ -1,15 +1,8 @@
|
|
|
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
1
|
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); }
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import PropTypes from 'prop-types';
|
|
4
|
+
import { Popover } from 'antd';
|
|
5
|
+
import EventItemPopover from './EventItemPopover';
|
|
13
6
|
function AgendaEventItem(props) {
|
|
14
7
|
var eventItem = props.eventItem,
|
|
15
8
|
isStart = props.isStart,
|
|
@@ -34,11 +27,11 @@ function AgendaEventItem(props) {
|
|
|
34
27
|
maxWidth: config.agendaMaxEventWidth,
|
|
35
28
|
backgroundColor: backgroundColor
|
|
36
29
|
};
|
|
37
|
-
var eventItemTemplate = /*#__PURE__*/
|
|
30
|
+
var eventItemTemplate = /*#__PURE__*/React.createElement("div", {
|
|
38
31
|
className: "".concat(roundCls, " event-item"),
|
|
39
32
|
key: eventItem.id,
|
|
40
33
|
style: eventItemStyle
|
|
41
|
-
}, /*#__PURE__*/
|
|
34
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
42
35
|
style: {
|
|
43
36
|
marginLeft: '10px',
|
|
44
37
|
lineHeight: "".concat(config.eventItemHeight, "px")
|
|
@@ -50,35 +43,35 @@ function AgendaEventItem(props) {
|
|
|
50
43
|
var handleClick = function handleClick() {
|
|
51
44
|
return eventItemClick === null || eventItemClick === void 0 ? void 0 : eventItemClick(schedulerData, eventItem);
|
|
52
45
|
};
|
|
53
|
-
var eventLink = /*#__PURE__*/
|
|
46
|
+
var eventLink = /*#__PURE__*/React.createElement("button", {
|
|
54
47
|
type: "button",
|
|
55
48
|
className: "day-event txt-btn-dis",
|
|
56
49
|
onClick: handleClick
|
|
57
50
|
}, eventItemTemplate);
|
|
58
|
-
var content = /*#__PURE__*/
|
|
51
|
+
var content = /*#__PURE__*/React.createElement(EventItemPopover, _extends({}, props, {
|
|
59
52
|
title: eventItem.title,
|
|
60
53
|
startTime: eventItem.start,
|
|
61
54
|
endTime: eventItem.end,
|
|
62
55
|
statusColor: backgroundColor
|
|
63
56
|
}));
|
|
64
|
-
return config.eventItemPopoverEnabled ? /*#__PURE__*/
|
|
57
|
+
return config.eventItemPopoverEnabled ? /*#__PURE__*/React.createElement(Popover, {
|
|
65
58
|
placement: "bottomLeft",
|
|
66
59
|
content: content,
|
|
67
60
|
trigger: "hover",
|
|
68
61
|
overlayClassName: "scheduler-agenda-event-popover"
|
|
69
|
-
}, eventLink) : /*#__PURE__*/
|
|
62
|
+
}, eventLink) : /*#__PURE__*/React.createElement("span", null, eventLink);
|
|
70
63
|
}
|
|
71
64
|
AgendaEventItem.propTypes = {
|
|
72
|
-
schedulerData:
|
|
73
|
-
eventItem:
|
|
74
|
-
isStart:
|
|
75
|
-
isEnd:
|
|
76
|
-
subtitleGetter:
|
|
77
|
-
eventItemClick:
|
|
78
|
-
viewEventClick:
|
|
79
|
-
viewEventText:
|
|
80
|
-
viewEvent2Click:
|
|
81
|
-
viewEvent2Text:
|
|
82
|
-
eventItemTemplateResolver:
|
|
65
|
+
schedulerData: PropTypes.object.isRequired,
|
|
66
|
+
eventItem: PropTypes.object.isRequired,
|
|
67
|
+
isStart: PropTypes.bool.isRequired,
|
|
68
|
+
isEnd: PropTypes.bool.isRequired,
|
|
69
|
+
subtitleGetter: PropTypes.func,
|
|
70
|
+
eventItemClick: PropTypes.func,
|
|
71
|
+
viewEventClick: PropTypes.func,
|
|
72
|
+
viewEventText: PropTypes.string,
|
|
73
|
+
viewEvent2Click: PropTypes.func,
|
|
74
|
+
viewEvent2Text: PropTypes.string,
|
|
75
|
+
eventItemTemplateResolver: PropTypes.func
|
|
83
76
|
};
|
|
84
|
-
|
|
77
|
+
export default AgendaEventItem;
|
|
@@ -1,14 +1,7 @@
|
|
|
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
1
|
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); }
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import PropTypes from 'prop-types';
|
|
4
|
+
import AgendaEventItem from './AgendaEventItem';
|
|
12
5
|
function AgendaResourceEvents(props) {
|
|
13
6
|
var schedulerData = props.schedulerData,
|
|
14
7
|
resourceEvents = props.resourceEvents,
|
|
@@ -32,7 +25,7 @@ function AgendaResourceEvents(props) {
|
|
|
32
25
|
var eventEnd = localeDayjs(evt.eventItem.end);
|
|
33
26
|
var isStart = eventStart >= durationStart;
|
|
34
27
|
var isEnd = eventEnd < durationEnd;
|
|
35
|
-
return /*#__PURE__*/
|
|
28
|
+
return /*#__PURE__*/React.createElement(AgendaEventItem, _extends({}, props, {
|
|
36
29
|
key: evt.eventItem.id,
|
|
37
30
|
eventItem: evt.eventItem,
|
|
38
31
|
isStart: isStart,
|
|
@@ -42,14 +35,14 @@ function AgendaResourceEvents(props) {
|
|
|
42
35
|
}
|
|
43
36
|
return [];
|
|
44
37
|
});
|
|
45
|
-
var slotItemContent = slotClickedFunc ? /*#__PURE__*/
|
|
38
|
+
var slotItemContent = slotClickedFunc ? /*#__PURE__*/React.createElement("button", {
|
|
46
39
|
className: "txt-btn-dis",
|
|
47
40
|
type: "button",
|
|
48
41
|
onClick: function onClick() {
|
|
49
42
|
return slotClickedFunc(schedulerData, resourceEvents);
|
|
50
43
|
}
|
|
51
|
-
}, resourceEvents.slotName) : /*#__PURE__*/
|
|
52
|
-
var slotItem = /*#__PURE__*/
|
|
44
|
+
}, resourceEvents.slotName) : /*#__PURE__*/React.createElement("span", null, resourceEvents.slotName);
|
|
45
|
+
var slotItem = /*#__PURE__*/React.createElement("div", {
|
|
53
46
|
style: {
|
|
54
47
|
width: width
|
|
55
48
|
},
|
|
@@ -62,26 +55,26 @@ function AgendaResourceEvents(props) {
|
|
|
62
55
|
slotItem = temp;
|
|
63
56
|
}
|
|
64
57
|
}
|
|
65
|
-
return /*#__PURE__*/
|
|
58
|
+
return /*#__PURE__*/React.createElement("tr", {
|
|
66
59
|
style: {
|
|
67
60
|
minHeight: config.eventItemLineHeight + 2
|
|
68
61
|
}
|
|
69
|
-
}, /*#__PURE__*/
|
|
62
|
+
}, /*#__PURE__*/React.createElement("td", {
|
|
70
63
|
"data-resource-id": resourceEvents.slotId
|
|
71
|
-
}, slotItem), /*#__PURE__*/
|
|
64
|
+
}, slotItem), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("div", {
|
|
72
65
|
className: "day-event-container"
|
|
73
66
|
}, events)));
|
|
74
67
|
}
|
|
75
68
|
AgendaResourceEvents.propTypes = {
|
|
76
|
-
schedulerData:
|
|
77
|
-
resourceEvents:
|
|
78
|
-
subtitleGetter:
|
|
79
|
-
eventItemClick:
|
|
80
|
-
viewEventClick:
|
|
81
|
-
viewEventText:
|
|
82
|
-
viewEvent2Click:
|
|
83
|
-
viewEvent2Text:
|
|
84
|
-
slotClickedFunc:
|
|
85
|
-
slotItemTemplateResolver:
|
|
69
|
+
schedulerData: PropTypes.object.isRequired,
|
|
70
|
+
resourceEvents: PropTypes.object.isRequired,
|
|
71
|
+
subtitleGetter: PropTypes.func,
|
|
72
|
+
eventItemClick: PropTypes.func,
|
|
73
|
+
viewEventClick: PropTypes.func,
|
|
74
|
+
viewEventText: PropTypes.string,
|
|
75
|
+
viewEvent2Click: PropTypes.func,
|
|
76
|
+
viewEvent2Text: PropTypes.string,
|
|
77
|
+
slotClickedFunc: PropTypes.func,
|
|
78
|
+
slotItemTemplateResolver: PropTypes.func
|
|
86
79
|
};
|
|
87
|
-
|
|
80
|
+
export default AgendaResourceEvents;
|
|
@@ -1,14 +1,7 @@
|
|
|
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
1
|
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); }
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import PropTypes from 'prop-types';
|
|
4
|
+
import AgendaResourceEvents from './AgendaResourceEvents';
|
|
12
5
|
function AgendaView(props) {
|
|
13
6
|
var schedulerData = props.schedulerData;
|
|
14
7
|
var config = schedulerData.config,
|
|
@@ -18,34 +11,34 @@ function AgendaView(props) {
|
|
|
18
11
|
var resourceName = schedulerData.isEventPerspective ? config.taskName : config.resourceName;
|
|
19
12
|
var agendaViewHeader = config.agendaViewHeader;
|
|
20
13
|
var resourceEventsList = renderData.map(function (item) {
|
|
21
|
-
return /*#__PURE__*/
|
|
14
|
+
return /*#__PURE__*/React.createElement(AgendaResourceEvents, _extends({}, props, {
|
|
22
15
|
resourceEvents: item,
|
|
23
16
|
key: item.slotId
|
|
24
17
|
}));
|
|
25
18
|
});
|
|
26
|
-
return /*#__PURE__*/
|
|
19
|
+
return /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("table", {
|
|
27
20
|
className: "scheduler-table"
|
|
28
|
-
}, /*#__PURE__*/
|
|
21
|
+
}, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", {
|
|
29
22
|
style: {
|
|
30
23
|
height: tableHeaderHeight
|
|
31
24
|
}
|
|
32
|
-
}, /*#__PURE__*/
|
|
25
|
+
}, /*#__PURE__*/React.createElement("th", {
|
|
33
26
|
style: {
|
|
34
27
|
width: agendaResourceTableWidth
|
|
35
28
|
},
|
|
36
29
|
className: "header3-text"
|
|
37
|
-
}, resourceName), /*#__PURE__*/
|
|
30
|
+
}, resourceName), /*#__PURE__*/React.createElement("th", {
|
|
38
31
|
className: "header3-text"
|
|
39
|
-
}, agendaViewHeader))), /*#__PURE__*/
|
|
32
|
+
}, agendaViewHeader))), /*#__PURE__*/React.createElement("tbody", null, resourceEventsList))));
|
|
40
33
|
}
|
|
41
34
|
AgendaView.propTypes = {
|
|
42
|
-
schedulerData:
|
|
43
|
-
subtitleGetter:
|
|
44
|
-
eventItemClick:
|
|
45
|
-
viewEventClick:
|
|
46
|
-
viewEventText:
|
|
47
|
-
viewEvent2Click:
|
|
48
|
-
viewEvent2Text:
|
|
49
|
-
slotClickedFunc:
|
|
35
|
+
schedulerData: PropTypes.object.isRequired,
|
|
36
|
+
subtitleGetter: PropTypes.func,
|
|
37
|
+
eventItemClick: PropTypes.func,
|
|
38
|
+
viewEventClick: PropTypes.func,
|
|
39
|
+
viewEventText: PropTypes.string,
|
|
40
|
+
viewEvent2Click: PropTypes.func,
|
|
41
|
+
viewEvent2Text: PropTypes.string,
|
|
42
|
+
slotClickedFunc: PropTypes.func
|
|
50
43
|
};
|
|
51
|
-
|
|
44
|
+
export default AgendaView;
|
|
@@ -1,12 +1,5 @@
|
|
|
1
|
-
|
|
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 }; }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
10
3
|
function BodyView(_ref) {
|
|
11
4
|
var schedulerData = _ref.schedulerData;
|
|
12
5
|
var renderData = schedulerData.renderData,
|
|
@@ -37,21 +30,21 @@ function BodyView(_ref) {
|
|
|
37
30
|
style.backgroundColor = cellBgColor;
|
|
38
31
|
}
|
|
39
32
|
}
|
|
40
|
-
return /*#__PURE__*/
|
|
33
|
+
return /*#__PURE__*/React.createElement("td", {
|
|
41
34
|
key: key,
|
|
42
35
|
style: style
|
|
43
|
-
}, /*#__PURE__*/
|
|
36
|
+
}, /*#__PURE__*/React.createElement("div", null));
|
|
44
37
|
});
|
|
45
|
-
return /*#__PURE__*/
|
|
38
|
+
return /*#__PURE__*/React.createElement("tr", {
|
|
46
39
|
key: slotId,
|
|
47
40
|
style: {
|
|
48
41
|
height: rowHeight
|
|
49
42
|
}
|
|
50
43
|
}, rowCells);
|
|
51
44
|
});
|
|
52
|
-
return /*#__PURE__*/
|
|
45
|
+
return /*#__PURE__*/React.createElement("tbody", null, tableRows);
|
|
53
46
|
}
|
|
54
47
|
BodyView.propTypes = {
|
|
55
|
-
schedulerData:
|
|
48
|
+
schedulerData: PropTypes.object.isRequired
|
|
56
49
|
};
|
|
57
|
-
|
|
50
|
+
export default BodyView;
|
|
@@ -1,12 +1,3 @@
|
|
|
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
1
|
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
2
|
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
|
|
12
3
|
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."); }
|
|
@@ -20,7 +11,10 @@ function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Can
|
|
|
20
11
|
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
12
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
22
13
|
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
|
-
|
|
14
|
+
import { DropTarget } from 'react-dnd';
|
|
15
|
+
import { DnDTypes, CellUnit, DATETIME_FORMAT, ViewType } from '../config/default';
|
|
16
|
+
import { getPos } from '../helper/utility';
|
|
17
|
+
var DnDContext = /*#__PURE__*/_createClass(function DnDContext(sources, DecoratedComponent) {
|
|
24
18
|
var _this = this;
|
|
25
19
|
_classCallCheck(this, DnDContext);
|
|
26
20
|
_defineProperty(this, "extractInitialTimes", function (monitor, pos, cellWidth, resourceEvents, cellUnit, localeDayjs) {
|
|
@@ -28,9 +22,9 @@ var DnDContext = exports["default"] = /*#__PURE__*/_createClass(function DnDCont
|
|
|
28
22
|
var initialLeftIndex = Math.floor((initialPoint.x - pos.x) / cellWidth);
|
|
29
23
|
var initialStart = resourceEvents.headerItems[initialLeftIndex].start;
|
|
30
24
|
var initialEnd = resourceEvents.headerItems[initialLeftIndex].end;
|
|
31
|
-
if (cellUnit !==
|
|
25
|
+
if (cellUnit !== CellUnit.Hour) {
|
|
32
26
|
var end = localeDayjs(new Date(initialStart)).hour(23).minute(59).second(59);
|
|
33
|
-
initialEnd = end.format(
|
|
27
|
+
initialEnd = end.format(DATETIME_FORMAT);
|
|
34
28
|
}
|
|
35
29
|
return {
|
|
36
30
|
initialStart: initialStart,
|
|
@@ -45,11 +39,11 @@ var DnDContext = exports["default"] = /*#__PURE__*/_createClass(function DnDCont
|
|
|
45
39
|
var cellUnit = schedulerData.cellUnit,
|
|
46
40
|
localeDayjs = schedulerData.localeDayjs;
|
|
47
41
|
var type = monitor.getItemType();
|
|
48
|
-
var pos =
|
|
42
|
+
var pos = getPos(component.eventContainer);
|
|
49
43
|
var cellWidth = schedulerData.getContentCellWidth();
|
|
50
44
|
var initialStartTime = null;
|
|
51
45
|
var initialEndTime = null;
|
|
52
|
-
if (type ===
|
|
46
|
+
if (type === DnDTypes.EVENT) {
|
|
53
47
|
var _this$extractInitialT = _this.extractInitialTimes(monitor, pos, cellWidth, resourceEvents, cellUnit, localeDayjs),
|
|
54
48
|
initialStart = _this$extractInitialT.initialStart,
|
|
55
49
|
initialEnd = _this$extractInitialT.initialEnd;
|
|
@@ -60,8 +54,8 @@ var DnDContext = exports["default"] = /*#__PURE__*/_createClass(function DnDCont
|
|
|
60
54
|
var leftIndex = Math.floor((point.x - pos.x) / cellWidth);
|
|
61
55
|
var startTime = resourceEvents.headerItems[leftIndex].start;
|
|
62
56
|
var endTime = resourceEvents.headerItems[leftIndex].end;
|
|
63
|
-
if (cellUnit !==
|
|
64
|
-
endTime = localeDayjs(new Date(resourceEvents.headerItems[leftIndex].start)).hour(23).minute(59).second(59).format(
|
|
57
|
+
if (cellUnit !== CellUnit.Hour) {
|
|
58
|
+
endTime = localeDayjs(new Date(resourceEvents.headerItems[leftIndex].start)).hour(23).minute(59).second(59).format(DATETIME_FORMAT);
|
|
65
59
|
}
|
|
66
60
|
return {
|
|
67
61
|
slotId: resourceEvents.slotId,
|
|
@@ -83,11 +77,11 @@ var DnDContext = exports["default"] = /*#__PURE__*/_createClass(function DnDCont
|
|
|
83
77
|
_this.config = config;
|
|
84
78
|
var item = monitor.getItem();
|
|
85
79
|
var type = monitor.getItemType();
|
|
86
|
-
var pos =
|
|
80
|
+
var pos = getPos(component.eventContainer);
|
|
87
81
|
var cellWidth = schedulerData.getContentCellWidth();
|
|
88
82
|
var initialStart = null;
|
|
89
83
|
// let initialEnd = null;
|
|
90
|
-
if (type ===
|
|
84
|
+
if (type === DnDTypes.EVENT) {
|
|
91
85
|
// const { initialStart: iStart, initialEnd: iEnd } = this.extractInitialTimes(monitor, pos, cellWidth, resourceEvents, cellUnit, localeDayjs);
|
|
92
86
|
var _this$extractInitialT2 = _this.extractInitialTimes(monitor, pos, cellWidth, resourceEvents, cellUnit, localeDayjs),
|
|
93
87
|
iStart = _this$extractInitialT2.initialStart;
|
|
@@ -101,22 +95,22 @@ var DnDContext = exports["default"] = /*#__PURE__*/_createClass(function DnDCont
|
|
|
101
95
|
}
|
|
102
96
|
var newStart = resourceEvents.headerItems[leftIndex].start;
|
|
103
97
|
var newEnd = resourceEvents.headerItems[leftIndex].end;
|
|
104
|
-
if (cellUnit !==
|
|
105
|
-
newEnd = localeDayjs(new Date(resourceEvents.headerItems[leftIndex].start)).hour(23).minute(59).second(59).format(
|
|
98
|
+
if (cellUnit !== CellUnit.Hour) {
|
|
99
|
+
newEnd = localeDayjs(new Date(resourceEvents.headerItems[leftIndex].start)).hour(23).minute(59).second(59).format(DATETIME_FORMAT);
|
|
106
100
|
}
|
|
107
101
|
var slotId = resourceEvents.slotId,
|
|
108
102
|
slotName = resourceEvents.slotName;
|
|
109
103
|
var action = 'New';
|
|
110
|
-
var isEvent = type ===
|
|
104
|
+
var isEvent = type === DnDTypes.EVENT;
|
|
111
105
|
if (isEvent) {
|
|
112
106
|
var event = item;
|
|
113
107
|
if (config.relativeMove) {
|
|
114
|
-
newStart = localeDayjs(event.start).add(localeDayjs(newStart).diff(localeDayjs(new Date(initialStart))), 'ms').format(
|
|
115
|
-
} else if (viewType !==
|
|
108
|
+
newStart = localeDayjs(event.start).add(localeDayjs(newStart).diff(localeDayjs(new Date(initialStart))), 'ms').format(DATETIME_FORMAT);
|
|
109
|
+
} else if (viewType !== ViewType.Day) {
|
|
116
110
|
var tmpDayjs = localeDayjs(newStart);
|
|
117
|
-
newStart = localeDayjs(event.start).year(tmpDayjs.year()).month(tmpDayjs.month()).date(tmpDayjs.date()).format(
|
|
111
|
+
newStart = localeDayjs(event.start).year(tmpDayjs.year()).month(tmpDayjs.month()).date(tmpDayjs.date()).format(DATETIME_FORMAT);
|
|
118
112
|
}
|
|
119
|
-
newEnd = localeDayjs(newStart).add(localeDayjs(event.end).diff(localeDayjs(event.start)), 'ms').format(
|
|
113
|
+
newEnd = localeDayjs(newStart).add(localeDayjs(event.end).diff(localeDayjs(event.start)), 'ms').format(DATETIME_FORMAT);
|
|
120
114
|
|
|
121
115
|
// if crossResourceMove disabled, slot returns old value
|
|
122
116
|
if (config.crossResourceMove === false) {
|
|
@@ -148,10 +142,10 @@ var DnDContext = exports["default"] = /*#__PURE__*/_createClass(function DnDCont
|
|
|
148
142
|
};
|
|
149
143
|
});
|
|
150
144
|
_defineProperty(this, "getDropTarget", function (dragAndDropEnabled) {
|
|
151
|
-
return dragAndDropEnabled ?
|
|
145
|
+
return dragAndDropEnabled ? DropTarget(_toConsumableArray(_this.sourceMap.keys()), _this.getDropSpec(), _this.getDropCollect)(_this.DecoratedComponent) : _this.DecoratedComponent;
|
|
152
146
|
});
|
|
153
147
|
_defineProperty(this, "getDndSource", function () {
|
|
154
|
-
var dndType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] :
|
|
148
|
+
var dndType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DnDTypes.EVENT;
|
|
155
149
|
return _this.sourceMap.get(dndType);
|
|
156
150
|
});
|
|
157
151
|
this.sourceMap = new Map();
|
|
@@ -159,4 +153,5 @@ var DnDContext = exports["default"] = /*#__PURE__*/_createClass(function DnDCont
|
|
|
159
153
|
_this.sourceMap.set(item.dndType, item);
|
|
160
154
|
});
|
|
161
155
|
this.DecoratedComponent = DecoratedComponent;
|
|
162
|
-
});
|
|
156
|
+
});
|
|
157
|
+
export { DnDContext as default };
|
|
@@ -1,11 +1,3 @@
|
|
|
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
1
|
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); }
|
|
10
2
|
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); } }
|
|
11
3
|
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
@@ -13,9 +5,11 @@ function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Can
|
|
|
13
5
|
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; }
|
|
14
6
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
15
7
|
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); }
|
|
16
|
-
|
|
8
|
+
import { DragSource } from 'react-dnd';
|
|
9
|
+
import { DnDTypes, ViewType, DATETIME_FORMAT } from '../config/default';
|
|
10
|
+
var DnDSource = /*#__PURE__*/_createClass(function DnDSource(resolveDragObjFunc, DecoratedComponent, DnDEnabled) {
|
|
17
11
|
var _this = this;
|
|
18
|
-
var dndType = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] :
|
|
12
|
+
var dndType = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : DnDTypes.EVENT;
|
|
19
13
|
_classCallCheck(this, DnDSource);
|
|
20
14
|
_defineProperty(this, "getDragSpec", function () {
|
|
21
15
|
return {
|
|
@@ -43,16 +37,16 @@ var DnDSource = exports["default"] = /*#__PURE__*/_createClass(function DnDSourc
|
|
|
43
37
|
var initialStart = dropResult.initialStart;
|
|
44
38
|
// const { initialEnd } = dropResult;
|
|
45
39
|
var action = 'New';
|
|
46
|
-
var isEvent = type ===
|
|
40
|
+
var isEvent = type === DnDTypes.EVENT;
|
|
47
41
|
if (isEvent) {
|
|
48
42
|
var event = item;
|
|
49
43
|
if (config.relativeMove) {
|
|
50
|
-
newStart = localeDayjs(event.start).add(localeDayjs(newStart).diff(localeDayjs(new Date(initialStart))), 'ms').format(
|
|
51
|
-
} else if (viewType !==
|
|
44
|
+
newStart = localeDayjs(event.start).add(localeDayjs(newStart).diff(localeDayjs(new Date(initialStart))), 'ms').format(DATETIME_FORMAT);
|
|
45
|
+
} else if (viewType !== ViewType.Day) {
|
|
52
46
|
var tmpDayjs = localeDayjs(newStart);
|
|
53
|
-
newStart = localeDayjs(event.start).year(tmpDayjs.year()).month(tmpDayjs.month()).date(tmpDayjs.date()).format(
|
|
47
|
+
newStart = localeDayjs(event.start).year(tmpDayjs.year()).month(tmpDayjs.month()).date(tmpDayjs.date()).format(DATETIME_FORMAT);
|
|
54
48
|
}
|
|
55
|
-
newEnd = localeDayjs(newStart).add(localeDayjs(event.end).diff(localeDayjs(event.start)), 'ms').format(
|
|
49
|
+
newEnd = localeDayjs(newStart).add(localeDayjs(event.end).diff(localeDayjs(event.start)), 'ms').format(DATETIME_FORMAT);
|
|
56
50
|
|
|
57
51
|
// if crossResourceMove disabled, slot returns old value
|
|
58
52
|
if (config.crossResourceMove === false) {
|
|
@@ -111,5 +105,6 @@ var DnDSource = exports["default"] = /*#__PURE__*/_createClass(function DnDSourc
|
|
|
111
105
|
this.resolveDragObjFunc = resolveDragObjFunc;
|
|
112
106
|
this.DecoratedComponent = DecoratedComponent;
|
|
113
107
|
this.dndType = dndType;
|
|
114
|
-
this.dragSource = DnDEnabled ?
|
|
115
|
-
});
|
|
108
|
+
this.dragSource = DnDEnabled ? DragSource(this.dndType, this.getDragSpec(), this.getDragCollect)(this.DecoratedComponent) : this.DecoratedComponent;
|
|
109
|
+
});
|
|
110
|
+
export { DnDSource as default };
|