react-big-schedule 4.3.0 → 4.3.1
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 +108 -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 +57 -0
- package/dist/components/DnDContext.js +163 -0
- package/dist/components/DnDSource.js +115 -0
- package/dist/components/EventItem.js +702 -0
- package/dist/components/EventItemPopover.js +132 -0
- package/dist/components/HeaderView.js +110 -0
- package/dist/components/ResourceEvents.js +412 -0
- package/dist/components/ResourceView.js +112 -0
- package/dist/components/SchedulerData.js +1239 -0
- package/dist/components/SchedulerHeader.js +160 -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 +583 -0
- package/dist/config/default.js +36 -0
- package/dist/config/scheduler.js +108 -0
- package/dist/css/style.css +257 -0
- package/dist/helper/behaviors.js +102 -0
- package/dist/helper/utility.js +22 -0
- package/dist/index.d.ts +378 -0
- package/dist/index.js +78 -0
- package/dist/sample-data/sample1.js +335 -0
- package/package.json +1 -1
|
@@ -0,0 +1,112 @@
|
|
|
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 _icons = require("@ant-design/icons");
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
function ResourceView(_ref) {
|
|
12
|
+
var schedulerData = _ref.schedulerData,
|
|
13
|
+
contentScrollbarHeight = _ref.contentScrollbarHeight,
|
|
14
|
+
slotClickedFunc = _ref.slotClickedFunc,
|
|
15
|
+
slotItemTemplateResolver = _ref.slotItemTemplateResolver,
|
|
16
|
+
toggleExpandFunc = _ref.toggleExpandFunc;
|
|
17
|
+
var renderData = schedulerData.renderData;
|
|
18
|
+
var width = schedulerData.getResourceTableWidth() - 2;
|
|
19
|
+
var paddingBottom = contentScrollbarHeight;
|
|
20
|
+
var displayRenderData = renderData.filter(function (o) {
|
|
21
|
+
return o.render;
|
|
22
|
+
});
|
|
23
|
+
var handleToggleExpand = function handleToggleExpand(item) {
|
|
24
|
+
if (toggleExpandFunc) {
|
|
25
|
+
toggleExpandFunc(schedulerData, item.slotId);
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
var renderSlotItem = function renderSlotItem(item, indents) {
|
|
29
|
+
var indent = /*#__PURE__*/_react["default"].createElement("span", {
|
|
30
|
+
key: "es".concat(item.indent),
|
|
31
|
+
className: "expander-space"
|
|
32
|
+
});
|
|
33
|
+
var iconProps = {
|
|
34
|
+
key: "es".concat(item.indent),
|
|
35
|
+
onClick: function onClick() {
|
|
36
|
+
return handleToggleExpand(item);
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
if (item.hasChildren) {
|
|
40
|
+
indent = item.expanded ? /*#__PURE__*/_react["default"].createElement(_icons.MinusSquareOutlined, iconProps) : /*#__PURE__*/_react["default"].createElement(_icons.PlusSquareOutlined, iconProps);
|
|
41
|
+
}
|
|
42
|
+
indents.push(indent);
|
|
43
|
+
var slotCell = slotClickedFunc ? /*#__PURE__*/_react["default"].createElement("span", {
|
|
44
|
+
className: "slot-cell"
|
|
45
|
+
}, indents, /*#__PURE__*/_react["default"].createElement("button", {
|
|
46
|
+
type: "button",
|
|
47
|
+
style: {
|
|
48
|
+
cursor: 'pointer'
|
|
49
|
+
},
|
|
50
|
+
className: "slot-text txt-btn-dis",
|
|
51
|
+
onClick: function onClick() {
|
|
52
|
+
return slotClickedFunc(schedulerData, item);
|
|
53
|
+
}
|
|
54
|
+
}, item.slotName)) : /*#__PURE__*/_react["default"].createElement("span", {
|
|
55
|
+
className: "slot-cell"
|
|
56
|
+
}, indents, /*#__PURE__*/_react["default"].createElement("button", {
|
|
57
|
+
type: "button",
|
|
58
|
+
className: "slot-text txt-btn-dis",
|
|
59
|
+
style: {
|
|
60
|
+
cursor: slotClickedFunc === undefined ? undefined : 'pointer'
|
|
61
|
+
}
|
|
62
|
+
}, item.slotName));
|
|
63
|
+
var slotItem = /*#__PURE__*/_react["default"].createElement("div", {
|
|
64
|
+
title: item.slotName,
|
|
65
|
+
className: "overflow-text header2-text",
|
|
66
|
+
style: {
|
|
67
|
+
textAlign: 'left'
|
|
68
|
+
}
|
|
69
|
+
}, slotCell);
|
|
70
|
+
if (slotItemTemplateResolver) {
|
|
71
|
+
var resolvedTemplate = slotItemTemplateResolver(schedulerData, item, slotClickedFunc, width, 'overflow-text header2-text');
|
|
72
|
+
if (resolvedTemplate) {
|
|
73
|
+
slotItem = resolvedTemplate;
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
var tdStyle = {
|
|
77
|
+
height: item.rowHeight,
|
|
78
|
+
backgroundColor: item.groupOnly ? schedulerData.config.groupOnlySlotColor : undefined
|
|
79
|
+
};
|
|
80
|
+
return /*#__PURE__*/_react["default"].createElement("tr", {
|
|
81
|
+
key: item.slotId
|
|
82
|
+
}, /*#__PURE__*/_react["default"].createElement("td", {
|
|
83
|
+
"data-resource-id": item.slotId,
|
|
84
|
+
style: tdStyle
|
|
85
|
+
}, slotItem));
|
|
86
|
+
};
|
|
87
|
+
var resourceList = displayRenderData.map(function (item) {
|
|
88
|
+
var indents = [];
|
|
89
|
+
for (var i = 0; i < item.indent; i += 1) {
|
|
90
|
+
indents.push( /*#__PURE__*/_react["default"].createElement("span", {
|
|
91
|
+
key: "es".concat(i),
|
|
92
|
+
className: "expander-space"
|
|
93
|
+
}));
|
|
94
|
+
}
|
|
95
|
+
return renderSlotItem(item, indents);
|
|
96
|
+
});
|
|
97
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
98
|
+
style: {
|
|
99
|
+
paddingBottom: paddingBottom
|
|
100
|
+
}
|
|
101
|
+
}, /*#__PURE__*/_react["default"].createElement("table", {
|
|
102
|
+
className: "resource-table"
|
|
103
|
+
}, /*#__PURE__*/_react["default"].createElement("tbody", null, resourceList)));
|
|
104
|
+
}
|
|
105
|
+
ResourceView.propTypes = {
|
|
106
|
+
schedulerData: _propTypes["default"].object.isRequired,
|
|
107
|
+
contentScrollbarHeight: _propTypes["default"].number.isRequired,
|
|
108
|
+
slotClickedFunc: _propTypes["default"].func,
|
|
109
|
+
slotItemTemplateResolver: _propTypes["default"].func,
|
|
110
|
+
toggleExpandFunc: _propTypes["default"].func
|
|
111
|
+
};
|
|
112
|
+
var _default = exports["default"] = ResourceView;
|