react-big-schedule 5.5.2-beta.5 → 6.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/README.md +6 -0
- package/dist/components/AddMore.js +29 -35
- package/dist/components/AddMorePopover.js +65 -83
- package/dist/components/AgendaEventItem.js +44 -54
- package/dist/components/AgendaResourceEvents.js +55 -65
- package/dist/components/AgendaView.js +50 -53
- package/dist/components/BodyView.js +30 -35
- package/dist/components/DnDContext.js +144 -159
- package/dist/components/DnDSource.js +107 -116
- package/dist/components/EventItem.js +659 -704
- package/dist/components/EventItemPopover.js +74 -83
- package/dist/components/HeaderView.js +81 -91
- package/dist/components/ResourceEvents.js +613 -675
- package/dist/components/ResourceView.js +71 -81
- package/dist/components/SchedulerData.js +1031 -1258
- package/dist/components/SchedulerHeader.js +83 -116
- package/dist/components/SelectedArea.js +18 -22
- package/dist/components/Summary.js +36 -45
- package/dist/components/WrapperFun.js +9 -19
- package/dist/components/index.js +317 -463
- package/dist/config/default.js +6 -12
- package/dist/config/i18n.js +13 -27
- package/dist/config/scheduler.js +8 -13
- package/dist/helper/behaviors.js +53 -61
- package/dist/helper/utility.js +40 -26
- package/dist/index.js +2 -103
- package/dist/sample-data/sample1.js +44 -8
- package/package.json +18 -18
|
@@ -1,75 +1,48 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
schedulerData = _ref.schedulerData,
|
|
37
|
-
leftCustomHeader = _ref.leftCustomHeader,
|
|
38
|
-
rightCustomHeader = _ref.rightCustomHeader,
|
|
39
|
-
style = _ref.style;
|
|
40
|
-
var _useState = (0, _react.useState)(false),
|
|
41
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
42
|
-
viewSpinning = _useState2[0],
|
|
43
|
-
setViewSpinning = _useState2[1];
|
|
44
|
-
var _useState3 = (0, _react.useState)(false),
|
|
45
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
46
|
-
dateSpinning = _useState4[0],
|
|
47
|
-
setDateSpinning = _useState4[1];
|
|
48
|
-
var _useState5 = (0, _react.useState)(false),
|
|
49
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
50
|
-
visible = _useState6[0],
|
|
51
|
-
setVisible = _useState6[1];
|
|
52
|
-
var viewType = schedulerData.viewType,
|
|
53
|
-
showAgenda = schedulerData.showAgenda,
|
|
54
|
-
isEventPerspective = schedulerData.isEventPerspective,
|
|
55
|
-
config = schedulerData.config;
|
|
56
|
-
var dateLabel = schedulerData.getDateLabel();
|
|
57
|
-
var selectDate = schedulerData.getSelectedDate();
|
|
58
|
-
var calendarLocale = (_schedulerData$getCal = schedulerData.getCalendarPopoverLocale()) === null || _schedulerData$getCal === void 0 || (_schedulerData$getCal = _schedulerData$getCal["default"]) === null || _schedulerData$getCal === void 0 ? void 0 : _schedulerData$getCal.Calendar;
|
|
59
|
-
var defaultValue = "".concat(viewType).concat(showAgenda ? 1 : 0).concat(isEventPerspective ? 1 : 0);
|
|
60
|
-
var isMountedRef = (0, _react.useRef)(true);
|
|
61
|
-
(0, _react.useEffect)(function () {
|
|
62
|
-
return function () {
|
|
1
|
+
import { LeftOutlined, RightOutlined } from '@ant-design/icons';
|
|
2
|
+
import { Calendar, Col, Popover, Radio, Row, Space, Spin } from 'antd';
|
|
3
|
+
import dayjs from 'dayjs';
|
|
4
|
+
import PropTypes from 'prop-types';
|
|
5
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
6
|
+
import { DATE_FORMAT } from '../config/default';
|
|
7
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
+
const RadioButton = Radio.Button;
|
|
9
|
+
const RadioGroup = Radio.Group;
|
|
10
|
+
const SchedulerHeader = /*#__PURE__*/React.forwardRef(({
|
|
11
|
+
onViewChange,
|
|
12
|
+
goNext,
|
|
13
|
+
goBack,
|
|
14
|
+
onSelectDate,
|
|
15
|
+
schedulerData,
|
|
16
|
+
leftCustomHeader,
|
|
17
|
+
rightCustomHeader,
|
|
18
|
+
style
|
|
19
|
+
}, ref) => {
|
|
20
|
+
const [viewSpinning, setViewSpinning] = useState(false);
|
|
21
|
+
const [dateSpinning, setDateSpinning] = useState(false);
|
|
22
|
+
const [visible, setVisible] = useState(false);
|
|
23
|
+
const {
|
|
24
|
+
viewType,
|
|
25
|
+
showAgenda,
|
|
26
|
+
isEventPerspective,
|
|
27
|
+
config
|
|
28
|
+
} = schedulerData;
|
|
29
|
+
const dateLabel = schedulerData.getDateLabel();
|
|
30
|
+
const selectDate = schedulerData.getSelectedDate();
|
|
31
|
+
const calendarLocale = schedulerData.getCalendarPopoverLocale()?.default?.Calendar;
|
|
32
|
+
const defaultValue = `${viewType}${showAgenda ? 1 : 0}${isEventPerspective ? 1 : 0}`;
|
|
33
|
+
const isMountedRef = useRef(true);
|
|
34
|
+
useEffect(() => {
|
|
35
|
+
return () => {
|
|
63
36
|
isMountedRef.current = false;
|
|
64
37
|
};
|
|
65
38
|
}, []);
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
39
|
+
const handleEvents = (func, isViewSpinning, funcArg) => {
|
|
40
|
+
const isSpinEnabled = isViewSpinning ? config.viewChangeSpinEnabled : config.dateChangeSpinEnabled;
|
|
41
|
+
const setSpin = isViewSpinning ? setViewSpinning : setDateSpinning;
|
|
69
42
|
if (isSpinEnabled) {
|
|
70
43
|
setSpin(true);
|
|
71
44
|
}
|
|
72
|
-
|
|
45
|
+
const coreFunc = () => {
|
|
73
46
|
try {
|
|
74
47
|
funcArg !== undefined ? func(funcArg) : func();
|
|
75
48
|
} finally {
|
|
@@ -84,90 +57,84 @@ var SchedulerHeader = /*#__PURE__*/_react["default"].forwardRef(function (_ref,
|
|
|
84
57
|
coreFunc();
|
|
85
58
|
}
|
|
86
59
|
};
|
|
87
|
-
|
|
60
|
+
const popover = /*#__PURE__*/_jsx("div", {
|
|
88
61
|
className: "rbs-popover-calendar",
|
|
89
|
-
children: /*#__PURE__*/(
|
|
62
|
+
children: /*#__PURE__*/_jsx(Calendar, {
|
|
90
63
|
locale: calendarLocale,
|
|
91
|
-
defaultValue: (
|
|
64
|
+
defaultValue: dayjs(selectDate),
|
|
92
65
|
fullscreen: false,
|
|
93
|
-
onSelect:
|
|
66
|
+
onSelect: date => {
|
|
94
67
|
setVisible(false);
|
|
95
|
-
handleEvents(onSelectDate, false, date.format(
|
|
68
|
+
handleEvents(onSelectDate, false, date.format(DATE_FORMAT));
|
|
96
69
|
}
|
|
97
70
|
})
|
|
98
71
|
});
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
});
|
|
110
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Row, {
|
|
72
|
+
const radioButtonList = config.views.map(item => /*#__PURE__*/_jsx(RadioButton, {
|
|
73
|
+
value: `${item.viewType}${item.showAgenda ? 1 : 0}${item.isEventPerspective ? 1 : 0}`,
|
|
74
|
+
children: /*#__PURE__*/_jsx("span", {
|
|
75
|
+
style: {
|
|
76
|
+
margin: '0px 8px'
|
|
77
|
+
},
|
|
78
|
+
children: item.viewName
|
|
79
|
+
})
|
|
80
|
+
}, `${item.viewType}${item.showAgenda ? 1 : 0}${item.isEventPerspective ? 1 : 0}`));
|
|
81
|
+
return /*#__PURE__*/_jsxs(Row, {
|
|
111
82
|
ref: ref,
|
|
112
83
|
gutter: [10, 10],
|
|
113
84
|
align: "middle",
|
|
114
85
|
justify: "space-between",
|
|
115
|
-
style:
|
|
116
|
-
|
|
117
|
-
|
|
86
|
+
style: {
|
|
87
|
+
...style
|
|
88
|
+
},
|
|
89
|
+
children: [leftCustomHeader, /*#__PURE__*/_jsx(Col, {
|
|
90
|
+
children: /*#__PURE__*/_jsx("div", {
|
|
118
91
|
className: "header2-text",
|
|
119
|
-
children: /*#__PURE__*/(
|
|
120
|
-
children: [/*#__PURE__*/(
|
|
121
|
-
children: [/*#__PURE__*/(
|
|
92
|
+
children: /*#__PURE__*/_jsxs(Space, {
|
|
93
|
+
children: [/*#__PURE__*/_jsxs("div", {
|
|
94
|
+
children: [/*#__PURE__*/_jsx(LeftOutlined, {
|
|
122
95
|
style: {
|
|
123
96
|
marginRight: '8px'
|
|
124
97
|
},
|
|
125
98
|
className: "icon-nav",
|
|
126
|
-
onClick:
|
|
127
|
-
|
|
128
|
-
}
|
|
129
|
-
}), config.calendarPopoverEnabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Popover, {
|
|
99
|
+
onClick: () => handleEvents(goBack, false)
|
|
100
|
+
}), config.calendarPopoverEnabled ? /*#__PURE__*/_jsx(Popover, {
|
|
130
101
|
content: popover,
|
|
131
102
|
placement: "bottomLeft",
|
|
132
103
|
trigger: "click",
|
|
133
104
|
open: visible,
|
|
134
105
|
onOpenChange: setVisible,
|
|
135
106
|
overlayClassName: "scheduler-header-popover",
|
|
136
|
-
children: /*#__PURE__*/(
|
|
107
|
+
children: /*#__PURE__*/_jsx("span", {
|
|
137
108
|
className: "header2-text-label",
|
|
138
109
|
style: {
|
|
139
110
|
cursor: 'pointer'
|
|
140
111
|
},
|
|
141
112
|
children: dateLabel
|
|
142
113
|
})
|
|
143
|
-
}) : /*#__PURE__*/(
|
|
114
|
+
}) : /*#__PURE__*/_jsx("span", {
|
|
144
115
|
className: "header2-text-label",
|
|
145
116
|
children: dateLabel
|
|
146
|
-
}), /*#__PURE__*/(
|
|
117
|
+
}), /*#__PURE__*/_jsx(RightOutlined, {
|
|
147
118
|
style: {
|
|
148
119
|
marginLeft: '8px'
|
|
149
120
|
},
|
|
150
121
|
className: "icon-nav",
|
|
151
|
-
onClick:
|
|
152
|
-
return handleEvents(goNext, false);
|
|
153
|
-
}
|
|
122
|
+
onClick: () => handleEvents(goNext, false)
|
|
154
123
|
})]
|
|
155
|
-
}), /*#__PURE__*/(
|
|
124
|
+
}), /*#__PURE__*/_jsx(Spin, {
|
|
156
125
|
spinning: dateSpinning
|
|
157
126
|
})]
|
|
158
127
|
})
|
|
159
128
|
})
|
|
160
|
-
}), /*#__PURE__*/(
|
|
161
|
-
children: /*#__PURE__*/(
|
|
162
|
-
children: [/*#__PURE__*/(
|
|
129
|
+
}), /*#__PURE__*/_jsx(Col, {
|
|
130
|
+
children: /*#__PURE__*/_jsxs(Space, {
|
|
131
|
+
children: [/*#__PURE__*/_jsx(Spin, {
|
|
163
132
|
spinning: viewSpinning
|
|
164
|
-
}), /*#__PURE__*/(
|
|
133
|
+
}), /*#__PURE__*/_jsx(RadioGroup, {
|
|
165
134
|
buttonStyle: "solid",
|
|
166
135
|
defaultValue: defaultValue,
|
|
167
136
|
size: "default",
|
|
168
|
-
onChange:
|
|
169
|
-
return handleEvents(onViewChange, true, event);
|
|
170
|
-
},
|
|
137
|
+
onChange: event => handleEvents(onViewChange, true, event),
|
|
171
138
|
children: radioButtonList
|
|
172
139
|
})]
|
|
173
140
|
})
|
|
@@ -175,14 +142,14 @@ var SchedulerHeader = /*#__PURE__*/_react["default"].forwardRef(function (_ref,
|
|
|
175
142
|
});
|
|
176
143
|
});
|
|
177
144
|
SchedulerHeader.propTypes = {
|
|
178
|
-
onViewChange:
|
|
179
|
-
goNext:
|
|
180
|
-
goBack:
|
|
181
|
-
onSelectDate:
|
|
182
|
-
schedulerData:
|
|
183
|
-
leftCustomHeader:
|
|
184
|
-
rightCustomHeader:
|
|
185
|
-
style:
|
|
145
|
+
onViewChange: PropTypes.func.isRequired,
|
|
146
|
+
goNext: PropTypes.func.isRequired,
|
|
147
|
+
goBack: PropTypes.func.isRequired,
|
|
148
|
+
onSelectDate: PropTypes.func.isRequired,
|
|
149
|
+
schedulerData: PropTypes.object.isRequired,
|
|
150
|
+
leftCustomHeader: PropTypes.object,
|
|
151
|
+
rightCustomHeader: PropTypes.object,
|
|
152
|
+
style: PropTypes.object
|
|
186
153
|
};
|
|
187
154
|
SchedulerHeader.displayName = 'SchedulerHeader';
|
|
188
|
-
|
|
155
|
+
export default SchedulerHeader;
|
|
@@ -1,32 +1,28 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
var config = schedulerData.config;
|
|
15
|
-
var selectedAreaStyle = {
|
|
16
|
-
left: left,
|
|
17
|
-
width: width,
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
function SelectedArea({
|
|
4
|
+
left,
|
|
5
|
+
width,
|
|
6
|
+
schedulerData
|
|
7
|
+
}) {
|
|
8
|
+
const {
|
|
9
|
+
config
|
|
10
|
+
} = schedulerData;
|
|
11
|
+
const selectedAreaStyle = {
|
|
12
|
+
left,
|
|
13
|
+
width,
|
|
18
14
|
top: 0,
|
|
19
15
|
bottom: 0,
|
|
20
16
|
backgroundColor: config.selectedAreaColor
|
|
21
17
|
};
|
|
22
|
-
return /*#__PURE__*/(
|
|
18
|
+
return /*#__PURE__*/_jsx("div", {
|
|
23
19
|
className: "selected-area",
|
|
24
20
|
style: selectedAreaStyle
|
|
25
21
|
});
|
|
26
22
|
}
|
|
27
23
|
SelectedArea.propTypes = {
|
|
28
|
-
schedulerData:
|
|
29
|
-
left:
|
|
30
|
-
width:
|
|
24
|
+
schedulerData: PropTypes.object.isRequired,
|
|
25
|
+
left: PropTypes.number.isRequired,
|
|
26
|
+
width: PropTypes.number.isRequired
|
|
31
27
|
};
|
|
32
|
-
|
|
28
|
+
export default SelectedArea;
|
|
@@ -1,61 +1,52 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
function Summary(_ref) {
|
|
18
|
-
var schedulerData = _ref.schedulerData,
|
|
19
|
-
summary = _ref.summary,
|
|
20
|
-
left = _ref.left,
|
|
21
|
-
width = _ref.width,
|
|
22
|
-
top = _ref.top;
|
|
23
|
-
var config = schedulerData.config;
|
|
24
|
-
var color = summary.color !== undefined ? summary.color : config.summaryColor;
|
|
25
|
-
var textAlign = 'center';
|
|
26
|
-
if (config.summaryPos === _default2.SummaryPos.TopRight || config.summaryPos === _default2.SummaryPos.BottomRight) {
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
import { SummaryPos } from '../config/default';
|
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
+
function Summary({
|
|
5
|
+
schedulerData,
|
|
6
|
+
summary,
|
|
7
|
+
left,
|
|
8
|
+
width,
|
|
9
|
+
top
|
|
10
|
+
}) {
|
|
11
|
+
const {
|
|
12
|
+
config
|
|
13
|
+
} = schedulerData;
|
|
14
|
+
const color = summary.color !== undefined ? summary.color : config.summaryColor;
|
|
15
|
+
let textAlign = 'center';
|
|
16
|
+
if (config.summaryPos === SummaryPos.TopRight || config.summaryPos === SummaryPos.BottomRight) {
|
|
27
17
|
textAlign = 'right';
|
|
28
|
-
} else if (config.summaryPos ===
|
|
18
|
+
} else if (config.summaryPos === SummaryPos.TopLeft || config.summaryPos === SummaryPos.BottomLeft) {
|
|
29
19
|
textAlign = 'left';
|
|
30
20
|
}
|
|
31
|
-
|
|
21
|
+
const style = {
|
|
32
22
|
height: config.eventItemHeight,
|
|
33
|
-
color
|
|
34
|
-
textAlign
|
|
23
|
+
color,
|
|
24
|
+
textAlign,
|
|
35
25
|
marginLeft: '6px',
|
|
36
|
-
marginRight: '6px'
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
26
|
+
marginRight: '6px',
|
|
27
|
+
...(summary.fontSize !== undefined ? {
|
|
28
|
+
fontSize: summary.fontSize
|
|
29
|
+
} : {})
|
|
30
|
+
};
|
|
31
|
+
return /*#__PURE__*/_jsx("div", {
|
|
41
32
|
className: "timeline-event header2-text",
|
|
42
33
|
style: {
|
|
43
|
-
left
|
|
44
|
-
width
|
|
45
|
-
top
|
|
34
|
+
left,
|
|
35
|
+
width,
|
|
36
|
+
top,
|
|
46
37
|
cursor: 'default'
|
|
47
38
|
},
|
|
48
|
-
children: /*#__PURE__*/(
|
|
39
|
+
children: /*#__PURE__*/_jsx("div", {
|
|
49
40
|
style: style,
|
|
50
41
|
children: summary.text
|
|
51
42
|
})
|
|
52
43
|
});
|
|
53
44
|
}
|
|
54
45
|
Summary.propTypes = {
|
|
55
|
-
schedulerData:
|
|
56
|
-
summary:
|
|
57
|
-
left:
|
|
58
|
-
width:
|
|
59
|
-
top:
|
|
46
|
+
schedulerData: PropTypes.object.isRequired,
|
|
47
|
+
summary: PropTypes.object.isRequired,
|
|
48
|
+
left: PropTypes.number.isRequired,
|
|
49
|
+
width: PropTypes.number.isRequired,
|
|
50
|
+
top: PropTypes.number.isRequired
|
|
60
51
|
};
|
|
61
|
-
|
|
52
|
+
export default Summary;
|
|
@@ -1,23 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = WrapperFun;
|
|
7
|
-
var _reactDnd = require("react-dnd");
|
|
8
|
-
var _reactDndHtml5Backend = require("react-dnd-html5-backend");
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
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 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; }
|
|
12
|
-
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; }
|
|
13
|
-
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
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
15
|
-
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
|
-
function WrapperFun(Component) {
|
|
1
|
+
import { DndProvider } from 'react-dnd';
|
|
2
|
+
import { HTML5Backend } from 'react-dnd-html5-backend';
|
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
+
export default function WrapperFun(Component) {
|
|
17
5
|
return function WrappedComponent(props) {
|
|
18
|
-
return /*#__PURE__*/(
|
|
19
|
-
backend:
|
|
20
|
-
children: /*#__PURE__*/(
|
|
6
|
+
return /*#__PURE__*/_jsx(DndProvider, {
|
|
7
|
+
backend: HTML5Backend,
|
|
8
|
+
children: /*#__PURE__*/_jsx(Component, {
|
|
9
|
+
...props
|
|
10
|
+
})
|
|
21
11
|
});
|
|
22
12
|
};
|
|
23
13
|
}
|