react-big-schedule 4.4.3 → 4.4.4-beta-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/LICENSE +20 -20
- package/README.md +1052 -1052
- package/dist/components/AddMore.js +19 -12
- package/dist/components/AddMorePopover.js +41 -31
- package/dist/components/AgendaEventItem.js +29 -22
- package/dist/components/AgendaResourceEvents.js +28 -21
- package/dist/components/AgendaView.js +25 -18
- package/dist/components/BodyView.js +17 -8
- package/dist/components/DnDContext.js +28 -23
- package/dist/components/DnDSource.js +17 -12
- package/dist/components/EventItem.js +59 -51
- package/dist/components/EventItemPopover.js +45 -38
- package/dist/components/HeaderView.js +23 -15
- package/dist/components/ResourceEvents.js +53 -43
- package/dist/components/ResourceView.js +29 -22
- package/dist/components/SchedulerData.js +80 -74
- package/dist/components/SchedulerHeader.js +45 -35
- package/dist/components/SelectedArea.js +14 -7
- package/dist/components/Summary.js +20 -13
- package/dist/components/WrapperFun.js +15 -7
- package/dist/components/index.js +165 -89
- package/dist/config/default.js +12 -6
- package/dist/config/scheduler.js +14 -8
- package/dist/css/style.css +257 -257
- package/dist/helper/behaviors.js +25 -20
- package/dist/helper/utility.js +8 -3
- package/dist/index.d.ts +378 -378
- package/dist/index.js +78 -1
- package/dist/sample-data/sample1.js +7 -1
- package/package.json +96 -94
|
@@ -1,12 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _default2 = require("../config/default");
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
1
11
|
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); }
|
|
2
12
|
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; }
|
|
3
13
|
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; }
|
|
4
14
|
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; }
|
|
5
15
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
6
16
|
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); }
|
|
7
|
-
import React from 'react';
|
|
8
|
-
import PropTypes from 'prop-types';
|
|
9
|
-
import { SummaryPos } from '../config/default';
|
|
10
17
|
function Summary(_ref) {
|
|
11
18
|
var schedulerData = _ref.schedulerData,
|
|
12
19
|
summary = _ref.summary,
|
|
@@ -16,9 +23,9 @@ function Summary(_ref) {
|
|
|
16
23
|
var config = schedulerData.config;
|
|
17
24
|
var color = summary.color !== undefined ? summary.color : config.summaryColor;
|
|
18
25
|
var textAlign = 'center';
|
|
19
|
-
if (config.summaryPos === SummaryPos.TopRight || config.summaryPos === SummaryPos.BottomRight) {
|
|
26
|
+
if (config.summaryPos === _default2.SummaryPos.TopRight || config.summaryPos === _default2.SummaryPos.BottomRight) {
|
|
20
27
|
textAlign = 'right';
|
|
21
|
-
} else if (config.summaryPos === SummaryPos.TopLeft || config.summaryPos === SummaryPos.BottomLeft) {
|
|
28
|
+
} else if (config.summaryPos === _default2.SummaryPos.TopLeft || config.summaryPos === _default2.SummaryPos.BottomLeft) {
|
|
22
29
|
textAlign = 'left';
|
|
23
30
|
}
|
|
24
31
|
var style = _objectSpread({
|
|
@@ -30,7 +37,7 @@ function Summary(_ref) {
|
|
|
30
37
|
}, summary.fontSize !== undefined ? {
|
|
31
38
|
fontSize: summary.fontSize
|
|
32
39
|
} : {});
|
|
33
|
-
return /*#__PURE__*/
|
|
40
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
34
41
|
className: "timeline-event header2-text",
|
|
35
42
|
style: {
|
|
36
43
|
left: left,
|
|
@@ -38,15 +45,15 @@ function Summary(_ref) {
|
|
|
38
45
|
top: top,
|
|
39
46
|
cursor: 'default'
|
|
40
47
|
}
|
|
41
|
-
}, /*#__PURE__*/
|
|
48
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
42
49
|
style: style
|
|
43
50
|
}, summary.text));
|
|
44
51
|
}
|
|
45
52
|
Summary.propTypes = {
|
|
46
|
-
schedulerData:
|
|
47
|
-
summary:
|
|
48
|
-
left:
|
|
49
|
-
width:
|
|
50
|
-
top:
|
|
53
|
+
schedulerData: _propTypes["default"].object.isRequired,
|
|
54
|
+
summary: _propTypes["default"].object.isRequired,
|
|
55
|
+
left: _propTypes["default"].number.isRequired,
|
|
56
|
+
width: _propTypes["default"].number.isRequired,
|
|
57
|
+
top: _propTypes["default"].number.isRequired
|
|
51
58
|
};
|
|
52
|
-
|
|
59
|
+
var _default = exports["default"] = Summary;
|
|
@@ -1,11 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = WrapperFun;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactDnd = require("react-dnd");
|
|
9
|
+
var _reactDndHtml5Backend = require("react-dnd-html5-backend");
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
1
11
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import { HTML5Backend } from 'react-dnd-html5-backend';
|
|
5
|
-
export default function WrapperFun(Component) {
|
|
12
|
+
|
|
13
|
+
function WrapperFun(Component) {
|
|
6
14
|
return function WrappedComponent(props) {
|
|
7
|
-
return /*#__PURE__*/
|
|
8
|
-
backend: HTML5Backend
|
|
9
|
-
}, /*#__PURE__*/
|
|
15
|
+
return /*#__PURE__*/_react["default"].createElement(_reactDnd.DndProvider, {
|
|
16
|
+
backend: _reactDndHtml5Backend.HTML5Backend
|
|
17
|
+
}, /*#__PURE__*/_react["default"].createElement(Component, props));
|
|
10
18
|
};
|
|
11
19
|
}
|
package/dist/components/index.js
CHANGED
|
@@ -1,3 +1,94 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "AddMorePopover", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _AddMorePopover["default"];
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "CellUnit", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _default.CellUnit;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "DATETIME_FORMAT", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _default.DATETIME_FORMAT;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "DATE_FORMAT", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function get() {
|
|
27
|
+
return _default.DATE_FORMAT;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "DemoData", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function get() {
|
|
33
|
+
return _sample["default"];
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
Object.defineProperty(exports, "DnDContext", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function get() {
|
|
39
|
+
return _DnDContext["default"];
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
Object.defineProperty(exports, "DnDSource", {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: function get() {
|
|
45
|
+
return _DnDSource["default"];
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
exports.Scheduler = void 0;
|
|
49
|
+
Object.defineProperty(exports, "SchedulerData", {
|
|
50
|
+
enumerable: true,
|
|
51
|
+
get: function get() {
|
|
52
|
+
return _SchedulerData["default"];
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
Object.defineProperty(exports, "SummaryPos", {
|
|
56
|
+
enumerable: true,
|
|
57
|
+
get: function get() {
|
|
58
|
+
return _default.SummaryPos;
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
Object.defineProperty(exports, "ViewType", {
|
|
62
|
+
enumerable: true,
|
|
63
|
+
get: function get() {
|
|
64
|
+
return _default.ViewType;
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
Object.defineProperty(exports, "wrapperFun", {
|
|
68
|
+
enumerable: true,
|
|
69
|
+
get: function get() {
|
|
70
|
+
return _WrapperFun["default"];
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
74
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
75
|
+
var _default = require("../config/default");
|
|
76
|
+
var _sample = _interopRequireDefault(require("../sample-data/sample1"));
|
|
77
|
+
var _AddMorePopover = _interopRequireDefault(require("./AddMorePopover"));
|
|
78
|
+
var _AgendaView = _interopRequireDefault(require("./AgendaView"));
|
|
79
|
+
var _BodyView = _interopRequireDefault(require("./BodyView"));
|
|
80
|
+
var _DnDContext = _interopRequireDefault(require("./DnDContext"));
|
|
81
|
+
var _DnDSource = _interopRequireDefault(require("./DnDSource"));
|
|
82
|
+
var _EventItem = _interopRequireDefault(require("./EventItem"));
|
|
83
|
+
var _HeaderView = _interopRequireDefault(require("./HeaderView"));
|
|
84
|
+
var _ResourceEvents = _interopRequireDefault(require("./ResourceEvents"));
|
|
85
|
+
var _ResourceView = _interopRequireDefault(require("./ResourceView"));
|
|
86
|
+
var _SchedulerData = _interopRequireDefault(require("./SchedulerData"));
|
|
87
|
+
var _SchedulerHeader = _interopRequireDefault(require("./SchedulerHeader"));
|
|
88
|
+
var _WrapperFun = _interopRequireDefault(require("./WrapperFun"));
|
|
89
|
+
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); }
|
|
90
|
+
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; }
|
|
91
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
1
92
|
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); }
|
|
2
93
|
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); }
|
|
3
94
|
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
|
|
@@ -20,11 +111,7 @@ function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new T
|
|
|
20
111
|
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
21
112
|
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; }
|
|
22
113
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
23
|
-
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); }
|
|
24
|
-
import React, { Component } from 'react';
|
|
25
|
-
import PropTypes from 'prop-types';
|
|
26
|
-
|
|
27
|
-
// Col, Row and Icon do not have their own less files for styling. They use
|
|
114
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /* eslint-disable */ // Col, Row and Icon do not have their own less files for styling. They use
|
|
28
115
|
// rules declared in antd's global css. If these styles are imported directly
|
|
29
116
|
// from within antd, they'll include, for instance, reset rules. These will
|
|
30
117
|
// affect everything on the page and in essence would leak antd's global styles
|
|
@@ -41,22 +128,7 @@ import PropTypes from 'prop-types';
|
|
|
41
128
|
// The next components have their own specific stylesheets which we import
|
|
42
129
|
// separately here to avoid importing from files which have required the global
|
|
43
130
|
// antd styles.
|
|
44
|
-
|
|
45
|
-
import EventItem from './EventItem';
|
|
46
|
-
import DnDSource from './DnDSource';
|
|
47
|
-
import DnDContext from './DnDContext';
|
|
48
|
-
import ResourceView from './ResourceView';
|
|
49
|
-
import HeaderView from './HeaderView';
|
|
50
|
-
import BodyView from './BodyView';
|
|
51
|
-
import ResourceEvents from './ResourceEvents';
|
|
52
|
-
import AgendaView from './AgendaView';
|
|
53
|
-
import AddMorePopover from './AddMorePopover';
|
|
54
|
-
import SchedulerData from './SchedulerData';
|
|
55
|
-
import DemoData from '../sample-data/sample1';
|
|
56
|
-
import SchedulerHeader from './SchedulerHeader';
|
|
57
|
-
import { ViewType, CellUnit, DATETIME_FORMAT, DATE_FORMAT, SummaryPos } from '../config/default';
|
|
58
|
-
import wrapperFun from './WrapperFun';
|
|
59
|
-
var Scheduler = /*#__PURE__*/function (_Component) {
|
|
131
|
+
var Scheduler = exports.Scheduler = /*#__PURE__*/function (_Component) {
|
|
60
132
|
function Scheduler(props) {
|
|
61
133
|
var _this;
|
|
62
134
|
_classCallCheck(this, Scheduler);
|
|
@@ -70,7 +142,6 @@ var Scheduler = /*#__PURE__*/function (_Component) {
|
|
|
70
142
|
});
|
|
71
143
|
});
|
|
72
144
|
_defineProperty(_this, "resolveScrollbarSize", function () {
|
|
73
|
-
var schedulerData = _this.props.schedulerData;
|
|
74
145
|
var contentScrollbarHeight = 17;
|
|
75
146
|
var contentScrollbarWidth = 17;
|
|
76
147
|
var resourceScrollbarHeight = 17;
|
|
@@ -222,13 +293,13 @@ var Scheduler = /*#__PURE__*/function (_Component) {
|
|
|
222
293
|
dndSources = props.dndSources,
|
|
223
294
|
parentRef = props.parentRef;
|
|
224
295
|
var sources = [];
|
|
225
|
-
sources.push(new
|
|
296
|
+
sources.push(new _DnDSource["default"](function (dndProps) {
|
|
226
297
|
return dndProps.eventItem;
|
|
227
|
-
},
|
|
298
|
+
}, _EventItem["default"], _schedulerData.config.dragAndDropEnabled));
|
|
228
299
|
if (dndSources !== undefined && dndSources.length > 0) {
|
|
229
300
|
sources = [].concat(_toConsumableArray(sources), _toConsumableArray(dndSources));
|
|
230
301
|
}
|
|
231
|
-
var dndContext = new
|
|
302
|
+
var dndContext = new _DnDContext["default"](sources, _ResourceEvents["default"]);
|
|
232
303
|
_this.currentArea = -1;
|
|
233
304
|
_this.state = {
|
|
234
305
|
dndContext: dndContext,
|
|
@@ -311,9 +382,9 @@ var Scheduler = /*#__PURE__*/function (_Component) {
|
|
|
311
382
|
showAgenda = schedulerData.showAgenda,
|
|
312
383
|
config = schedulerData.config;
|
|
313
384
|
var width = schedulerData.getSchedulerWidth();
|
|
314
|
-
var tbodyContent = /*#__PURE__*/
|
|
385
|
+
var tbodyContent = /*#__PURE__*/_react["default"].createElement("tr", null);
|
|
315
386
|
if (showAgenda) {
|
|
316
|
-
tbodyContent = /*#__PURE__*/
|
|
387
|
+
tbodyContent = /*#__PURE__*/_react["default"].createElement(_AgendaView["default"], this.props);
|
|
317
388
|
} else {
|
|
318
389
|
var resourceTableWidth = schedulerData.getResourceTableWidth();
|
|
319
390
|
var schedulerContainerWidth = width - (config.resourceViewEnabled ? resourceTableWidth : 0);
|
|
@@ -324,7 +395,7 @@ var Scheduler = /*#__PURE__*/function (_Component) {
|
|
|
324
395
|
return o.render;
|
|
325
396
|
});
|
|
326
397
|
var resourceEventsList = displayRenderData.map(function (item) {
|
|
327
|
-
return /*#__PURE__*/
|
|
398
|
+
return /*#__PURE__*/_react["default"].createElement(DndResourceEvents, _extends({}, _this3.props, {
|
|
328
399
|
key: item.slotId,
|
|
329
400
|
resourceEvents: item,
|
|
330
401
|
dndSource: eventDndSource
|
|
@@ -338,7 +409,7 @@ var Scheduler = /*#__PURE__*/function (_Component) {
|
|
|
338
409
|
var resourcePaddingBottom = resourceScrollbarHeight === 0 ? contentScrollbarHeight : 0;
|
|
339
410
|
var contentPaddingBottom = contentScrollbarHeight === 0 ? resourceScrollbarHeight : 0;
|
|
340
411
|
var schedulerContentStyle = {
|
|
341
|
-
overflowX: viewType === ViewType.Week ? 'hidden' : 'auto',
|
|
412
|
+
overflowX: viewType === _default.ViewType.Week ? 'hidden' : 'auto',
|
|
342
413
|
overflowY: 'auto',
|
|
343
414
|
margin: '0px',
|
|
344
415
|
position: 'relative',
|
|
@@ -361,55 +432,57 @@ var Scheduler = /*#__PURE__*/function (_Component) {
|
|
|
361
432
|
});
|
|
362
433
|
}
|
|
363
434
|
var resourceName = schedulerData.isEventPerspective ? config.taskName : config.resourceName;
|
|
364
|
-
tbodyContent = /*#__PURE__*/
|
|
435
|
+
tbodyContent = /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
|
|
365
436
|
style: {
|
|
366
437
|
display: config.resourceViewEnabled ? undefined : 'none',
|
|
367
438
|
width: resourceTableWidth,
|
|
368
439
|
verticalAlign: 'top'
|
|
369
440
|
}
|
|
370
|
-
}, /*#__PURE__*/
|
|
441
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
371
442
|
className: "resource-view"
|
|
372
|
-
}, /*#__PURE__*/
|
|
443
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
373
444
|
style: {
|
|
374
445
|
overflow: 'hidden',
|
|
375
446
|
borderBottom: '1px solid #e9e9e9',
|
|
376
447
|
height: config.tableHeaderHeight
|
|
377
448
|
}
|
|
378
|
-
}, /*#__PURE__*/
|
|
449
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
379
450
|
style: {
|
|
380
451
|
overflowX: 'scroll',
|
|
381
452
|
overflowY: 'hidden',
|
|
382
453
|
margin: "0px 0px -".concat(contentScrollbarHeight, "px")
|
|
383
454
|
}
|
|
384
|
-
}, /*#__PURE__*/
|
|
455
|
+
}, /*#__PURE__*/_react["default"].createElement("table", {
|
|
385
456
|
className: "resource-table"
|
|
386
|
-
}, /*#__PURE__*/
|
|
457
|
+
}, /*#__PURE__*/_react["default"].createElement("thead", null, /*#__PURE__*/_react["default"].createElement("tr", {
|
|
387
458
|
style: {
|
|
388
459
|
height: config.tableHeaderHeight
|
|
389
460
|
}
|
|
390
|
-
}, /*#__PURE__*/
|
|
461
|
+
}, /*#__PURE__*/_react["default"].createElement("th", {
|
|
391
462
|
className: "header3-text"
|
|
392
|
-
}, resourceName)))))), /*#__PURE__*/
|
|
463
|
+
}, resourceName)))))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
393
464
|
style: resourceContentStyle,
|
|
394
465
|
ref: this.schedulerResourceRef,
|
|
395
466
|
onMouseOver: this.onSchedulerResourceMouseOver,
|
|
467
|
+
onFocus: this.onSchedulerResourceMouseOver,
|
|
396
468
|
onMouseOut: this.onSchedulerResourceMouseOut,
|
|
469
|
+
onBlur: this.onSchedulerResourceMouseOut,
|
|
397
470
|
onScroll: this.onSchedulerResourceScroll
|
|
398
|
-
}, /*#__PURE__*/
|
|
471
|
+
}, /*#__PURE__*/_react["default"].createElement(_ResourceView["default"], _extends({}, this.props, {
|
|
399
472
|
contentScrollbarHeight: resourcePaddingBottom
|
|
400
|
-
}))))), /*#__PURE__*/
|
|
473
|
+
}))))), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
401
474
|
className: "scheduler-view",
|
|
402
475
|
style: {
|
|
403
476
|
width: schedulerContainerWidth,
|
|
404
477
|
verticalAlign: 'top'
|
|
405
478
|
}
|
|
406
|
-
}, /*#__PURE__*/
|
|
479
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
407
480
|
style: {
|
|
408
481
|
overflow: 'hidden',
|
|
409
482
|
borderBottom: '1px solid #e9e9e9',
|
|
410
483
|
height: config.tableHeaderHeight
|
|
411
484
|
}
|
|
412
|
-
}, /*#__PURE__*/
|
|
485
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
413
486
|
style: {
|
|
414
487
|
overflowX: 'scroll',
|
|
415
488
|
overflowY: 'hidden',
|
|
@@ -417,42 +490,46 @@ var Scheduler = /*#__PURE__*/function (_Component) {
|
|
|
417
490
|
},
|
|
418
491
|
ref: this.schedulerHeadRef,
|
|
419
492
|
onMouseOver: this.onSchedulerHeadMouseOver,
|
|
493
|
+
onFocus: this.onSchedulerHeadMouseOver,
|
|
420
494
|
onMouseOut: this.onSchedulerHeadMouseOut,
|
|
495
|
+
onBlur: this.onSchedulerHeadMouseOut,
|
|
421
496
|
onScroll: this.onSchedulerHeadScroll
|
|
422
|
-
}, /*#__PURE__*/
|
|
497
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
423
498
|
style: {
|
|
424
499
|
paddingRight: "".concat(contentScrollbarWidth, "px"),
|
|
425
500
|
width: schedulerWidth + contentScrollbarWidth
|
|
426
501
|
}
|
|
427
|
-
}, /*#__PURE__*/
|
|
502
|
+
}, /*#__PURE__*/_react["default"].createElement("table", {
|
|
428
503
|
className: "scheduler-bg-table"
|
|
429
|
-
}, /*#__PURE__*/
|
|
504
|
+
}, /*#__PURE__*/_react["default"].createElement(_HeaderView["default"], this.props))))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
430
505
|
style: schedulerContentStyle,
|
|
431
506
|
ref: this.schedulerContentRef,
|
|
432
507
|
onMouseOver: this.onSchedulerContentMouseOver,
|
|
508
|
+
onFocus: this.onSchedulerContentMouseOver,
|
|
433
509
|
onMouseOut: this.onSchedulerContentMouseOut,
|
|
510
|
+
onBlur: this.onSchedulerContentMouseOut,
|
|
434
511
|
onScroll: this.onSchedulerContentScroll
|
|
435
|
-
}, /*#__PURE__*/
|
|
512
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
436
513
|
style: {
|
|
437
514
|
width: schedulerWidth
|
|
438
515
|
}
|
|
439
|
-
}, /*#__PURE__*/
|
|
516
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
440
517
|
className: "scheduler-content"
|
|
441
|
-
}, /*#__PURE__*/
|
|
518
|
+
}, /*#__PURE__*/_react["default"].createElement("table", {
|
|
442
519
|
className: "scheduler-content-table"
|
|
443
|
-
}, /*#__PURE__*/
|
|
520
|
+
}, /*#__PURE__*/_react["default"].createElement("tbody", null, resourceEventsList))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
444
521
|
className: "scheduler-bg"
|
|
445
|
-
}, /*#__PURE__*/
|
|
522
|
+
}, /*#__PURE__*/_react["default"].createElement("table", {
|
|
446
523
|
className: "scheduler-bg-table",
|
|
447
524
|
style: {
|
|
448
525
|
width: schedulerWidth
|
|
449
526
|
},
|
|
450
527
|
ref: this.schedulerContentBgTableRef
|
|
451
|
-
}, /*#__PURE__*/
|
|
528
|
+
}, /*#__PURE__*/_react["default"].createElement(_BodyView["default"], this.props))))))));
|
|
452
529
|
}
|
|
453
|
-
var schedulerHeader = /*#__PURE__*/
|
|
530
|
+
var schedulerHeader = /*#__PURE__*/_react["default"].createElement("div", null);
|
|
454
531
|
if (config.headerEnabled) {
|
|
455
|
-
schedulerHeader = /*#__PURE__*/
|
|
532
|
+
schedulerHeader = /*#__PURE__*/_react["default"].createElement(_SchedulerHeader["default"], {
|
|
456
533
|
onViewChange: this.onViewChange,
|
|
457
534
|
schedulerData: schedulerData,
|
|
458
535
|
onSelectDate: this.onSelect,
|
|
@@ -462,49 +539,48 @@ var Scheduler = /*#__PURE__*/function (_Component) {
|
|
|
462
539
|
leftCustomHeader: leftCustomHeader
|
|
463
540
|
});
|
|
464
541
|
}
|
|
465
|
-
return /*#__PURE__*/
|
|
542
|
+
return /*#__PURE__*/_react["default"].createElement("table", {
|
|
466
543
|
id: "RBS-Scheduler-root",
|
|
467
544
|
className: "scheduler",
|
|
468
545
|
style: {
|
|
469
546
|
width: "".concat(width, "px")
|
|
470
547
|
}
|
|
471
|
-
}, /*#__PURE__*/
|
|
548
|
+
}, /*#__PURE__*/_react["default"].createElement("thead", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
|
|
472
549
|
colSpan: "2"
|
|
473
|
-
}, schedulerHeader))), /*#__PURE__*/
|
|
550
|
+
}, schedulerHeader))), /*#__PURE__*/_react["default"].createElement("tbody", null, tbodyContent));
|
|
474
551
|
}
|
|
475
552
|
}]);
|
|
476
|
-
}(Component);
|
|
553
|
+
}(_react.Component);
|
|
477
554
|
_defineProperty(Scheduler, "propTypes", {
|
|
478
|
-
parentRef:
|
|
479
|
-
schedulerData:
|
|
480
|
-
prevClick:
|
|
481
|
-
nextClick:
|
|
482
|
-
onViewChange:
|
|
483
|
-
onSelectDate:
|
|
484
|
-
onSetAddMoreState:
|
|
485
|
-
updateEventStart:
|
|
486
|
-
updateEventEnd:
|
|
487
|
-
moveEvent:
|
|
488
|
-
movingEvent:
|
|
489
|
-
leftCustomHeader:
|
|
490
|
-
rightCustomHeader:
|
|
491
|
-
newEvent:
|
|
492
|
-
subtitleGetter:
|
|
493
|
-
eventItemClick:
|
|
494
|
-
viewEventClick:
|
|
495
|
-
viewEventText:
|
|
496
|
-
viewEvent2Click:
|
|
497
|
-
viewEvent2Text:
|
|
498
|
-
conflictOccurred:
|
|
499
|
-
eventItemTemplateResolver:
|
|
500
|
-
dndSources:
|
|
501
|
-
slotClickedFunc:
|
|
502
|
-
toggleExpandFunc:
|
|
503
|
-
slotItemTemplateResolver:
|
|
504
|
-
nonAgendaCellHeaderTemplateResolver:
|
|
505
|
-
onScrollLeft:
|
|
506
|
-
onScrollRight:
|
|
507
|
-
onScrollTop:
|
|
508
|
-
onScrollBottom:
|
|
509
|
-
});
|
|
510
|
-
export { DATE_FORMAT, DATETIME_FORMAT, Scheduler, SchedulerData, ViewType, CellUnit, SummaryPos, DnDSource, DnDContext, AddMorePopover, DemoData, wrapperFun };
|
|
555
|
+
parentRef: _propTypes["default"].object,
|
|
556
|
+
schedulerData: _propTypes["default"].object.isRequired,
|
|
557
|
+
prevClick: _propTypes["default"].func.isRequired,
|
|
558
|
+
nextClick: _propTypes["default"].func.isRequired,
|
|
559
|
+
onViewChange: _propTypes["default"].func.isRequired,
|
|
560
|
+
onSelectDate: _propTypes["default"].func.isRequired,
|
|
561
|
+
onSetAddMoreState: _propTypes["default"].func,
|
|
562
|
+
updateEventStart: _propTypes["default"].func,
|
|
563
|
+
updateEventEnd: _propTypes["default"].func,
|
|
564
|
+
moveEvent: _propTypes["default"].func,
|
|
565
|
+
movingEvent: _propTypes["default"].func,
|
|
566
|
+
leftCustomHeader: _propTypes["default"].object,
|
|
567
|
+
rightCustomHeader: _propTypes["default"].object,
|
|
568
|
+
newEvent: _propTypes["default"].func,
|
|
569
|
+
subtitleGetter: _propTypes["default"].func,
|
|
570
|
+
eventItemClick: _propTypes["default"].func,
|
|
571
|
+
viewEventClick: _propTypes["default"].func,
|
|
572
|
+
viewEventText: _propTypes["default"].string,
|
|
573
|
+
viewEvent2Click: _propTypes["default"].func,
|
|
574
|
+
viewEvent2Text: _propTypes["default"].string,
|
|
575
|
+
conflictOccurred: _propTypes["default"].func,
|
|
576
|
+
eventItemTemplateResolver: _propTypes["default"].func,
|
|
577
|
+
dndSources: _propTypes["default"].array,
|
|
578
|
+
slotClickedFunc: _propTypes["default"].func,
|
|
579
|
+
toggleExpandFunc: _propTypes["default"].func,
|
|
580
|
+
slotItemTemplateResolver: _propTypes["default"].func,
|
|
581
|
+
nonAgendaCellHeaderTemplateResolver: _propTypes["default"].func,
|
|
582
|
+
onScrollLeft: _propTypes["default"].func,
|
|
583
|
+
onScrollRight: _propTypes["default"].func,
|
|
584
|
+
onScrollTop: _propTypes["default"].func,
|
|
585
|
+
onScrollBottom: _propTypes["default"].func
|
|
586
|
+
});
|
package/dist/config/default.js
CHANGED
|
@@ -1,6 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ViewType = exports.SummaryPos = exports.DnDTypes = exports.DATE_FORMAT = exports.DATETIME_FORMAT = exports.CellUnit = void 0;
|
|
7
|
+
var DATE_FORMAT = exports.DATE_FORMAT = 'YYYY-MM-DD';
|
|
8
|
+
var DATETIME_FORMAT = exports.DATETIME_FORMAT = 'YYYY-MM-DD HH:mm:ss';
|
|
9
|
+
var ViewType = exports.ViewType = {
|
|
4
10
|
Day: 0,
|
|
5
11
|
Week: 1,
|
|
6
12
|
Month: 2,
|
|
@@ -10,14 +16,14 @@ export var ViewType = {
|
|
|
10
16
|
Custom1: 6,
|
|
11
17
|
Custom2: 7
|
|
12
18
|
};
|
|
13
|
-
|
|
19
|
+
var CellUnit = exports.CellUnit = {
|
|
14
20
|
Day: 0,
|
|
15
21
|
Hour: 1,
|
|
16
22
|
Week: 2,
|
|
17
23
|
Month: 3,
|
|
18
24
|
Year: 4
|
|
19
25
|
};
|
|
20
|
-
|
|
26
|
+
var SummaryPos = exports.SummaryPos = {
|
|
21
27
|
Top: 0,
|
|
22
28
|
TopRight: 1,
|
|
23
29
|
TopLeft: 2,
|
|
@@ -25,6 +31,6 @@ export var SummaryPos = {
|
|
|
25
31
|
BottomRight: 4,
|
|
26
32
|
BottomLeft: 5
|
|
27
33
|
};
|
|
28
|
-
|
|
34
|
+
var DnDTypes = exports.DnDTypes = {
|
|
29
35
|
EVENT: 'event'
|
|
30
36
|
};
|
package/dist/config/scheduler.js
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
var _default2 = require("./default");
|
|
8
|
+
var _default = exports["default"] = {
|
|
3
9
|
schedulerWidth: '100%',
|
|
4
10
|
besidesWidth: 20,
|
|
5
11
|
schedulerMaxHeight: 0,
|
|
@@ -40,7 +46,7 @@ export default {
|
|
|
40
46
|
nonWorkingTimeHeadBgColor: '#fff0f6',
|
|
41
47
|
nonWorkingTimeBodyBgColor: '#fff0f6',
|
|
42
48
|
summaryColor: '#666',
|
|
43
|
-
summaryPos: SummaryPos.TopRight,
|
|
49
|
+
summaryPos: _default2.SummaryPos.TopRight,
|
|
44
50
|
groupOnlySlotColor: '#F8F8F8',
|
|
45
51
|
startResizable: true,
|
|
46
52
|
endResizable: true,
|
|
@@ -75,27 +81,27 @@ export default {
|
|
|
75
81
|
minuteStep: 30,
|
|
76
82
|
views: [{
|
|
77
83
|
viewName: 'Day',
|
|
78
|
-
viewType: ViewType.Day,
|
|
84
|
+
viewType: _default2.ViewType.Day,
|
|
79
85
|
showAgenda: false,
|
|
80
86
|
isEventPerspective: false
|
|
81
87
|
}, {
|
|
82
88
|
viewName: 'Week',
|
|
83
|
-
viewType: ViewType.Week,
|
|
89
|
+
viewType: _default2.ViewType.Week,
|
|
84
90
|
showAgenda: false,
|
|
85
91
|
isEventPerspective: false
|
|
86
92
|
}, {
|
|
87
93
|
viewName: 'Month',
|
|
88
|
-
viewType: ViewType.Month,
|
|
94
|
+
viewType: _default2.ViewType.Month,
|
|
89
95
|
showAgenda: false,
|
|
90
96
|
isEventPerspective: false
|
|
91
97
|
}, {
|
|
92
98
|
viewName: 'Quarter',
|
|
93
|
-
viewType: ViewType.Quarter,
|
|
99
|
+
viewType: _default2.ViewType.Quarter,
|
|
94
100
|
showAgenda: false,
|
|
95
101
|
isEventPerspective: false
|
|
96
102
|
}, {
|
|
97
103
|
viewName: 'Year',
|
|
98
|
-
viewType: ViewType.Year,
|
|
104
|
+
viewType: _default2.ViewType.Year,
|
|
99
105
|
showAgenda: false,
|
|
100
106
|
isEventPerspective: false
|
|
101
107
|
}]
|