react-big-schedule 4.2.2 → 4.2.3
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/CHANGELOG.md +42 -69
- package/dist/css/style.css +252 -252
- package/dist/helper/utility.js +2 -3
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,26 @@
|
|
|
1
|
-
## 4.2.1
|
|
1
|
+
## [4.2.2](https://github.com/ansulagrawal/react-big-schedule/compare/4.2.1...4.2.2)
|
|
2
|
+
|
|
3
|
+
`2023-06-27`
|
|
4
|
+
|
|
5
|
+
- Updated Readme by @ansulagrawal in [#46](https://github.com/ansulagrawal/react-big-schedule/pull/46)
|
|
6
|
+
- Chore(deps-dev): Bump webpack from 5.87.0 to 5.88.0 by @dependabot in [#50](https://github.com/ansulagrawal/react-big-schedule/pull/50)
|
|
7
|
+
- Chore(deps): Bump antd from 5.6.2 to 5.6.3 by @dependabot in [#51](https://github.com/ansulagrawal/react-big-schedule/pull/51)
|
|
8
|
+
|
|
9
|
+
#### New Contributors
|
|
10
|
+
|
|
11
|
+
- @dependabot
|
|
12
|
+
|
|
13
|
+
## [4.2.1](https://github.com/ansulagrawal/react-big-schedule/compare/4.2.0...4.2.1)
|
|
2
14
|
`2023-06-24`
|
|
3
15
|
|
|
4
16
|
- Updated Antd Version and added `@babel/cli` package [#39](https://github.com/ansulagrawal/react-big-schedule/pull/39) [@ansulagrawal](https://github.com/ansulagrawal)
|
|
5
17
|
- Fixes for calculating span and isEnd for events. [#35](https://github.com/ansulagrawal/react-big-schedule/pull/35) [@adam-m-clark](https://github.com/adam-m-clark)
|
|
6
18
|
|
|
7
|
-
|
|
19
|
+
#### New Contributors
|
|
20
|
+
- [@adam-m-clark](https://github.com/adam-m-clark)
|
|
21
|
+
|
|
22
|
+
## [4.2.0](https://github.com/ansulagrawal/react-big-schedule/compare/3.0.2...4.0.0)
|
|
8
23
|
|
|
9
|
-
## 4.2.0
|
|
10
24
|
`2023-06-17`
|
|
11
25
|
|
|
12
26
|
- Fix the default export file `index.js`.
|
|
@@ -15,38 +29,16 @@ Thanks to [@adam-m-clark](https://github.com/adam-m-clark) for fixing the span a
|
|
|
15
29
|
- Added `type-definitions` for the library.
|
|
16
30
|
- Fix the locale for both library `antd` and `dayjs`.
|
|
17
31
|
- Fix the `package.json` main parameter value.
|
|
18
|
-
|
|
19
|
-
# [4.0.0](https://github.com/ansulagrawal/react-big-schedule/compare/3.0.2...4.0.0) (2023-06-17)
|
|
20
|
-
|
|
21
|
-
### Bug Fixes
|
|
22
|
-
|
|
23
|
-
- Fix the configration issue
|
|
24
|
-
- Remove unnecessary package dependencies
|
|
25
|
-
- Remove build from github
|
|
26
|
-
|
|
27
|
-
### Major Changes
|
|
28
|
-
|
|
29
|
-
- Shifted from Vite to Webpack for stable release
|
|
30
|
-
- Made a stable import for all formats
|
|
31
|
-
|
|
32
|
-
### BREAKING CHANGES
|
|
33
|
-
|
|
34
|
-
- Fix the configration.
|
|
35
|
-
- Removed unwanted Packages i.e. Vite, moment.
|
|
36
|
-
- Added Package dayjs
|
|
37
32
|
- Moved from vite to webpack for stable release
|
|
38
|
-
-
|
|
39
|
-
-
|
|
40
|
-
-
|
|
33
|
+
- Made a stable import for all formats
|
|
34
|
+
- Remove build from github
|
|
35
|
+
- Remove unnecessary package dependencies
|
|
41
36
|
|
|
42
|
-
# [3.0.2](https://github.com/ansulagrawal/react-big-schedule/compare/3.0.1...3.0.2) (2023-06-11)
|
|
43
37
|
|
|
44
|
-
|
|
38
|
+
## [3.0.2](https://github.com/ansulagrawal/react-big-schedule/compare/3.0.1...3.0.2)
|
|
39
|
+
`2023-06-11`
|
|
45
40
|
|
|
46
41
|
- Added support for importing the React Big Schedule library in the umd.js format.
|
|
47
|
-
|
|
48
|
-
### Hotfix:
|
|
49
|
-
|
|
50
42
|
- Fixed an issue with importing the React Big Schedule library into the project.
|
|
51
43
|
- Fixed an issue with importing the locale for antd and dayjs.
|
|
52
44
|
|
|
@@ -55,25 +47,15 @@ Note:
|
|
|
55
47
|
- With this release, users can now import the React Big Schedule library in the umd.js format, providing more flexibility and compatibility with different project setups.
|
|
56
48
|
- Please ensure to update your projects to this version to take advantage of the new feature and the fixed import issues.
|
|
57
49
|
|
|
58
|
-
# [3.0.1](https://github.com/ansulagrawal/react-big-schedule/compare/3.0.0...3.0.1)
|
|
50
|
+
# [3.0.1](https://github.com/ansulagrawal/react-big-schedule/compare/3.0.0...3.0.1)
|
|
59
51
|
|
|
60
|
-
|
|
52
|
+
`2023-06-04`
|
|
61
53
|
|
|
62
54
|
- Fixed exporting of CSS file in the build process to ensure proper functionality.
|
|
63
|
-
|
|
64
|
-
### Configuration Changes
|
|
65
|
-
|
|
66
55
|
- Removed publishing on GitHub as npm is already available for distribution.
|
|
67
56
|
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
None.
|
|
71
|
-
|
|
72
|
-
Note: Please note that this release includes a hotfix for the CSS file export issue and configuration changes related to publishing on GitHub. No breaking changes have been introduced in this release.
|
|
73
|
-
|
|
74
|
-
# [3.0.0](https://github.com/ansulagrawal/react-big-schedule/compare/2.0.0...3.0.0) (2023-06-04)
|
|
75
|
-
|
|
76
|
-
### Features:
|
|
57
|
+
# [3.0.0](https://github.com/ansulagrawal/react-big-schedule/compare/2.0.0...3.0.0)
|
|
58
|
+
`2023-06-04`
|
|
77
59
|
|
|
78
60
|
- Removed usage of `UNSAFE_componentWillReceiveProps`.
|
|
79
61
|
- Fixed event span for day `viewType`.
|
|
@@ -86,33 +68,25 @@ Note: Please note that this release includes a hotfix for the CSS file export is
|
|
|
86
68
|
- Added options to place the event item popover at the mouse position using `eventItemPopoverPlacement`: `topLeftMousePosition`, `bottomLeftMousePosition`, `topRightMousePosition`, `bottomRightMousePosition`.
|
|
87
69
|
- Shifted from moment to dayjs library.
|
|
88
70
|
|
|
89
|
-
### Breaking Changes:
|
|
90
|
-
|
|
91
|
-
- Removed usage of `UNSAFE_componentWillReceiveProps`. Update your code to use alternative lifecycle methods or hooks as necessary.
|
|
92
|
-
- Event span for day `viewType` has been fixed. Review your code if you were relying on the previous behaviour.
|
|
93
|
-
- If you were extending the `Scheduler` component or using `SchedulerProps`, update your code to include generics for `EventItem` type.
|
|
94
|
-
- If you were relying on the previous behaviour of resource view visibility, update your code to use the new option to hide it.
|
|
95
|
-
- If you were customizing the event item popover placement, update your code to use the new option to change the placement.
|
|
96
|
-
- Custom view event span and scheduler header span for day view have been fixed. Check your code if you were affected by these issues.
|
|
97
|
-
- If you were relying on the previous behaviour of the `moment` library, note that the shift to `dayjs` may require adjustments to your code.
|
|
98
|
-
|
|
99
71
|
Thanks to [@hbatalhaStch](https://github.com/hbatalhaStch), Changes has been copied from his repo and done some minor changes.
|
|
100
72
|
|
|
101
|
-
|
|
73
|
+
#### New Contributors
|
|
102
74
|
|
|
103
|
-
|
|
75
|
+
- [@hbatalhaStch](https://github.com/hbatalhaStch)
|
|
104
76
|
|
|
105
|
-
|
|
77
|
+
# [2.0.0](https://github.com/ansulagrawal/react-big-schedule/compare/1.0.0...2.0.0)
|
|
78
|
+
`2023-05-27`
|
|
106
79
|
|
|
107
|
-
- Add configurable
|
|
80
|
+
- Add configurable colour visibility and optional date display in popover. [#16](https://github.com/ansulagrawal/react-big-schedule/pull/16)
|
|
108
81
|
|
|
109
|
-
- Add
|
|
82
|
+
- Add configurable cell size options for Week, Month, and Year views. [#17](https://github.com/ansulagrawal/react-big-schedule/pull/17)
|
|
110
83
|
|
|
111
|
-
-
|
|
112
|
-
- Fix bugs and enhancement of format. https://github.com/ansulagrawal/react-big-schedule/pull/20
|
|
84
|
+
- Add SWAP event function for event swapping in library. [#18](https://github.com/ansulagrawal/react-big-schedule/pull/18)
|
|
113
85
|
|
|
114
|
-
|
|
86
|
+
- Enhance library with wrapper function and streamlined dependencies. [#19](https://github.com/ansulagrawal/react-big-schedule/pull/19)
|
|
87
|
+
- Fix bugs and enhancement of format. [#20](https://github.com/ansulagrawal/react-big-schedule/pull/20)
|
|
115
88
|
|
|
89
|
+
### Breaking Changes:
|
|
116
90
|
- Added a configuration option to show or hide colour in the popover.
|
|
117
91
|
- Made the date in the popover optional. If the `eventItemPopoverDateFormat` is empty, the date will be hidden.
|
|
118
92
|
- Added new configuration options to set the cell size for the Week, Month, and Year views.
|
|
@@ -125,13 +99,8 @@ Thanks to [@hbatalhaStch](https://github.com/hbatalhaStch), Changes has been cop
|
|
|
125
99
|
- Removed the dependency on the `withDndContext` function.
|
|
126
100
|
- Streamlined dependencies, eliminating the need for users to install both `react-dnd-html5-backend` and `react-dnd` separately.
|
|
127
101
|
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
### Features
|
|
131
|
-
|
|
132
|
-
- Updated Package Versions
|
|
133
|
-
|
|
134
|
-
### BREAKING CHANGES
|
|
102
|
+
## 1.0.0
|
|
103
|
+
`2023-05-21`
|
|
135
104
|
|
|
136
105
|
- Updated Node Version from 14 -> 18
|
|
137
106
|
- Updated Ant Design Version 3.16.6 -> 5.0.1
|
|
@@ -140,3 +109,7 @@ Thanks to [@hbatalhaStch](https://github.com/hbatalhaStch), Changes has been cop
|
|
|
140
109
|
- Updated React version 16 -> 18
|
|
141
110
|
- Updated rrule version 2.6.0 -> 2.7.2
|
|
142
111
|
- Change Configure from webpack to Vite
|
|
112
|
+
|
|
113
|
+
#### New Contributors
|
|
114
|
+
|
|
115
|
+
- [@ansulagrawal](https://github.com/ansulagrawal)
|
package/dist/css/style.css
CHANGED
|
@@ -1,252 +1,252 @@
|
|
|
1
|
-
*,
|
|
2
|
-
*::before,
|
|
3
|
-
*::after {
|
|
4
|
-
box-sizing: border-box;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.header1-text {
|
|
8
|
-
font-size: 25px;
|
|
9
|
-
color: #90cdf9;
|
|
10
|
-
font-weight: 500;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.header2-text {
|
|
14
|
-
font-size: 14px;
|
|
15
|
-
font-weight: 500;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.header3-text {
|
|
19
|
-
font-size: 12px;
|
|
20
|
-
font-weight: 500;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.base-text {
|
|
24
|
-
font-size: 12px;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.help-text {
|
|
28
|
-
font-size: 12px;
|
|
29
|
-
color: #999;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.disabled-text {
|
|
33
|
-
font-size: 12px;
|
|
34
|
-
color: #ccc;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.scheduler {
|
|
38
|
-
margin: 20px auto;
|
|
39
|
-
border-spacing: 0;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.scheduler td {
|
|
43
|
-
padding: 0px;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.expander-space {
|
|
47
|
-
overflow: hidden;
|
|
48
|
-
display: inline-block;
|
|
49
|
-
width: 1em;
|
|
50
|
-
height: 1em;
|
|
51
|
-
line-height: 1em;
|
|
52
|
-
font-size: 0.9em;
|
|
53
|
-
vertical-align: middle;
|
|
54
|
-
margin-top: -1%;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.resource-view {
|
|
58
|
-
border: 1px solid #e9e9e9;
|
|
59
|
-
overflow: hidden;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.scheduler-view {
|
|
63
|
-
border: 1px solid #e9e9e9;
|
|
64
|
-
margin: 0 0 0 -1px;
|
|
65
|
-
padding: 0;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
.scheduler-content {
|
|
69
|
-
position: relative;
|
|
70
|
-
z-index: 2;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.scheduler-bg {
|
|
74
|
-
position: absolute;
|
|
75
|
-
top: 0;
|
|
76
|
-
left: 0;
|
|
77
|
-
right: 0;
|
|
78
|
-
bottom: 0;
|
|
79
|
-
z-index: 1;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
table.resource-table,
|
|
83
|
-
table.scheduler-bg-table,
|
|
84
|
-
table.scheduler-table {
|
|
85
|
-
width: 100%;
|
|
86
|
-
margin: 0;
|
|
87
|
-
padding: 0;
|
|
88
|
-
border-spacing: 0;
|
|
89
|
-
text-align: center;
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
table.scheduler-table {
|
|
93
|
-
border: 1px solid #e9e9e9;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
table.scheduler-content-table {
|
|
97
|
-
margin: 0;
|
|
98
|
-
padding: 0;
|
|
99
|
-
border: 0 solid #e9e9e9;
|
|
100
|
-
border-spacing: 0;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
table.resource-table tr,
|
|
104
|
-
table.scheduler-bg-table tr,
|
|
105
|
-
table.scheduler-table tr {
|
|
106
|
-
border-bottom: 1px solid #e9e9e9;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
table.resource-table th,
|
|
110
|
-
table.scheduler-table th,
|
|
111
|
-
table.resource-table td,
|
|
112
|
-
table.scheduler-bg-table td,
|
|
113
|
-
table.scheduler-table td {
|
|
114
|
-
border-right: 1px solid #e9e9e9;
|
|
115
|
-
border-bottom: 1px solid #e9e9e9;
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
table.scheduler-bg-table th {
|
|
119
|
-
border-right: 1px solid #e9e9e9;
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
table.resource-table tr th:last-child,
|
|
123
|
-
table.scheduler-table tr th:last-child,
|
|
124
|
-
table.resource-table tr td:last-child,
|
|
125
|
-
table.scheduler-table tr td:last-child {
|
|
126
|
-
border-right: 0;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
table.scheduler-table tr:last-child td {
|
|
130
|
-
border-bottom: 0;
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
.timeline-event {
|
|
134
|
-
position: absolute;
|
|
135
|
-
cursor: pointer;
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
.day-event {
|
|
139
|
-
position: relative;
|
|
140
|
-
display: inline-block;
|
|
141
|
-
margin: 0px 5px;
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
.day-event-container {
|
|
145
|
-
text-align: left;
|
|
146
|
-
padding: 5px 5px 0 5px;
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
.round-all {
|
|
150
|
-
border-radius: 14px;
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
.round-head {
|
|
154
|
-
border-radius: 14px 0px 0px 14px;
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
.round-tail {
|
|
158
|
-
border-radius: 0px 14px 14px 0px;
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
.round-none {
|
|
162
|
-
border-radius: 0px;
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
.event-container {
|
|
166
|
-
position: relative;
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
.event-item {
|
|
170
|
-
margin: 1px 0;
|
|
171
|
-
width: 100%;
|
|
172
|
-
overflow: hidden;
|
|
173
|
-
text-overflow: ellipsis;
|
|
174
|
-
white-space: nowrap;
|
|
175
|
-
color: #fff;
|
|
176
|
-
padding-right: 20px !important;
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
.overflow-text {
|
|
180
|
-
overflow: hidden;
|
|
181
|
-
text-overflow: ellipsis;
|
|
182
|
-
white-space: nowrap;
|
|
183
|
-
padding-right: 5px !important;
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
.status-dot {
|
|
187
|
-
width: 14px;
|
|
188
|
-
height: 14px;
|
|
189
|
-
border-radius: 7px;
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
.ant-radio-button-wrapper-checked {
|
|
193
|
-
background-color: #108ee9;
|
|
194
|
-
color: #ffffff;
|
|
195
|
-
}
|
|
196
|
-
|
|
197
|
-
.icon-nav:hover {
|
|
198
|
-
color: #1e90ff !important;
|
|
199
|
-
box-shadow: 0 0 0px !important;
|
|
200
|
-
cursor: pointer;
|
|
201
|
-
}
|
|
202
|
-
|
|
203
|
-
.add-more-popover-overlay {
|
|
204
|
-
position: absolute;
|
|
205
|
-
z-index: 5;
|
|
206
|
-
border: 1px solid #e5e5e5;
|
|
207
|
-
background-color: #fff;
|
|
208
|
-
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
|
|
209
|
-
padding: 10px;
|
|
210
|
-
}
|
|
211
|
-
|
|
212
|
-
.popover-calendar {
|
|
213
|
-
width: 300px;
|
|
214
|
-
}
|
|
215
|
-
|
|
216
|
-
.popover-calendar .ant-calendar {
|
|
217
|
-
box-shadow: 0 1px 6px rgba(0, 0, 0, 0) !important;
|
|
218
|
-
}
|
|
219
|
-
|
|
220
|
-
.event-resizer {
|
|
221
|
-
position: absolute;
|
|
222
|
-
z-index: 4;
|
|
223
|
-
display: block;
|
|
224
|
-
width: 7px;
|
|
225
|
-
top: -1px;
|
|
226
|
-
bottom: -1px;
|
|
227
|
-
}
|
|
228
|
-
|
|
229
|
-
.event-start-resizer {
|
|
230
|
-
cursor: w-resize;
|
|
231
|
-
left: -1px;
|
|
232
|
-
}
|
|
233
|
-
|
|
234
|
-
.event-end-resizer {
|
|
235
|
-
cursor: e-resize;
|
|
236
|
-
right: -1px;
|
|
237
|
-
}
|
|
238
|
-
|
|
239
|
-
.selected-area {
|
|
240
|
-
position: absolute;
|
|
241
|
-
}
|
|
242
|
-
|
|
243
|
-
.slot-cell {
|
|
244
|
-
padding-left: 4px;
|
|
245
|
-
padding-right: 4px;
|
|
246
|
-
}
|
|
247
|
-
|
|
248
|
-
.slot-text {
|
|
249
|
-
display: inline-block;
|
|
250
|
-
padding-left: 4px;
|
|
251
|
-
padding-right: 4px;
|
|
252
|
-
}
|
|
1
|
+
*,
|
|
2
|
+
*::before,
|
|
3
|
+
*::after {
|
|
4
|
+
box-sizing: border-box;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.header1-text {
|
|
8
|
+
font-size: 25px;
|
|
9
|
+
color: #90cdf9;
|
|
10
|
+
font-weight: 500;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.header2-text {
|
|
14
|
+
font-size: 14px;
|
|
15
|
+
font-weight: 500;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.header3-text {
|
|
19
|
+
font-size: 12px;
|
|
20
|
+
font-weight: 500;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.base-text {
|
|
24
|
+
font-size: 12px;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.help-text {
|
|
28
|
+
font-size: 12px;
|
|
29
|
+
color: #999;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.disabled-text {
|
|
33
|
+
font-size: 12px;
|
|
34
|
+
color: #ccc;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.scheduler {
|
|
38
|
+
margin: 20px auto;
|
|
39
|
+
border-spacing: 0;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.scheduler td {
|
|
43
|
+
padding: 0px;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.expander-space {
|
|
47
|
+
overflow: hidden;
|
|
48
|
+
display: inline-block;
|
|
49
|
+
width: 1em;
|
|
50
|
+
height: 1em;
|
|
51
|
+
line-height: 1em;
|
|
52
|
+
font-size: 0.9em;
|
|
53
|
+
vertical-align: middle;
|
|
54
|
+
margin-top: -1%;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.resource-view {
|
|
58
|
+
border: 1px solid #e9e9e9;
|
|
59
|
+
overflow: hidden;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.scheduler-view {
|
|
63
|
+
border: 1px solid #e9e9e9;
|
|
64
|
+
margin: 0 0 0 -1px;
|
|
65
|
+
padding: 0;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.scheduler-content {
|
|
69
|
+
position: relative;
|
|
70
|
+
z-index: 2;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.scheduler-bg {
|
|
74
|
+
position: absolute;
|
|
75
|
+
top: 0;
|
|
76
|
+
left: 0;
|
|
77
|
+
right: 0;
|
|
78
|
+
bottom: 0;
|
|
79
|
+
z-index: 1;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
table.resource-table,
|
|
83
|
+
table.scheduler-bg-table,
|
|
84
|
+
table.scheduler-table {
|
|
85
|
+
width: 100%;
|
|
86
|
+
margin: 0;
|
|
87
|
+
padding: 0;
|
|
88
|
+
border-spacing: 0;
|
|
89
|
+
text-align: center;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
table.scheduler-table {
|
|
93
|
+
border: 1px solid #e9e9e9;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
table.scheduler-content-table {
|
|
97
|
+
margin: 0;
|
|
98
|
+
padding: 0;
|
|
99
|
+
border: 0 solid #e9e9e9;
|
|
100
|
+
border-spacing: 0;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
table.resource-table tr,
|
|
104
|
+
table.scheduler-bg-table tr,
|
|
105
|
+
table.scheduler-table tr {
|
|
106
|
+
border-bottom: 1px solid #e9e9e9;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
table.resource-table th,
|
|
110
|
+
table.scheduler-table th,
|
|
111
|
+
table.resource-table td,
|
|
112
|
+
table.scheduler-bg-table td,
|
|
113
|
+
table.scheduler-table td {
|
|
114
|
+
border-right: 1px solid #e9e9e9;
|
|
115
|
+
border-bottom: 1px solid #e9e9e9;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
table.scheduler-bg-table th {
|
|
119
|
+
border-right: 1px solid #e9e9e9;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
table.resource-table tr th:last-child,
|
|
123
|
+
table.scheduler-table tr th:last-child,
|
|
124
|
+
table.resource-table tr td:last-child,
|
|
125
|
+
table.scheduler-table tr td:last-child {
|
|
126
|
+
border-right: 0;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
table.scheduler-table tr:last-child td {
|
|
130
|
+
border-bottom: 0;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
.timeline-event {
|
|
134
|
+
position: absolute;
|
|
135
|
+
cursor: pointer;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
.day-event {
|
|
139
|
+
position: relative;
|
|
140
|
+
display: inline-block;
|
|
141
|
+
margin: 0px 5px;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
.day-event-container {
|
|
145
|
+
text-align: left;
|
|
146
|
+
padding: 5px 5px 0 5px;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.round-all {
|
|
150
|
+
border-radius: 14px;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.round-head {
|
|
154
|
+
border-radius: 14px 0px 0px 14px;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
.round-tail {
|
|
158
|
+
border-radius: 0px 14px 14px 0px;
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
.round-none {
|
|
162
|
+
border-radius: 0px;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
.event-container {
|
|
166
|
+
position: relative;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
.event-item {
|
|
170
|
+
margin: 1px 0;
|
|
171
|
+
width: 100%;
|
|
172
|
+
overflow: hidden;
|
|
173
|
+
text-overflow: ellipsis;
|
|
174
|
+
white-space: nowrap;
|
|
175
|
+
color: #fff;
|
|
176
|
+
padding-right: 20px !important;
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
.overflow-text {
|
|
180
|
+
overflow: hidden;
|
|
181
|
+
text-overflow: ellipsis;
|
|
182
|
+
white-space: nowrap;
|
|
183
|
+
padding-right: 5px !important;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
.status-dot {
|
|
187
|
+
width: 14px;
|
|
188
|
+
height: 14px;
|
|
189
|
+
border-radius: 7px;
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
.ant-radio-button-wrapper-checked {
|
|
193
|
+
background-color: #108ee9;
|
|
194
|
+
color: #ffffff;
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
.icon-nav:hover {
|
|
198
|
+
color: #1e90ff !important;
|
|
199
|
+
box-shadow: 0 0 0px !important;
|
|
200
|
+
cursor: pointer;
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
.add-more-popover-overlay {
|
|
204
|
+
position: absolute;
|
|
205
|
+
z-index: 5;
|
|
206
|
+
border: 1px solid #e5e5e5;
|
|
207
|
+
background-color: #fff;
|
|
208
|
+
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
|
|
209
|
+
padding: 10px;
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
.popover-calendar {
|
|
213
|
+
width: 300px;
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
.popover-calendar .ant-calendar {
|
|
217
|
+
box-shadow: 0 1px 6px rgba(0, 0, 0, 0) !important;
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
.event-resizer {
|
|
221
|
+
position: absolute;
|
|
222
|
+
z-index: 4;
|
|
223
|
+
display: block;
|
|
224
|
+
width: 7px;
|
|
225
|
+
top: -1px;
|
|
226
|
+
bottom: -1px;
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
.event-start-resizer {
|
|
230
|
+
cursor: w-resize;
|
|
231
|
+
left: -1px;
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
.event-end-resizer {
|
|
235
|
+
cursor: e-resize;
|
|
236
|
+
right: -1px;
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
.selected-area {
|
|
240
|
+
position: absolute;
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
.slot-cell {
|
|
244
|
+
padding-left: 4px;
|
|
245
|
+
padding-right: 4px;
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
.slot-text {
|
|
249
|
+
display: inline-block;
|
|
250
|
+
padding-left: 4px;
|
|
251
|
+
padding-right: 4px;
|
|
252
|
+
}
|
package/dist/helper/utility.js
CHANGED
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
+
exports.getPos = getPos;
|
|
7
8
|
function getPos(element) {
|
|
8
9
|
var x = 0;
|
|
9
10
|
var y = 0;
|
|
@@ -18,7 +19,5 @@ function getPos(element) {
|
|
|
18
19
|
y: y
|
|
19
20
|
};
|
|
20
21
|
}
|
|
21
|
-
var _default =
|
|
22
|
-
getPos: getPos
|
|
23
|
-
};
|
|
22
|
+
var _default = getPos;
|
|
24
23
|
exports["default"] = _default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-big-schedule",
|
|
3
|
-
"version": "4.2.
|
|
3
|
+
"version": "4.2.3",
|
|
4
4
|
"description": "React Big Schedule is a powerful and intuitive scheduler and resource planning solution built with React. Seamlessly integrate this modern browser-compatible component into your applications to effectively manage time, appointments, and resources. With drag-and-drop functionality, interactive UI, and granular views, react-big-schedule empowers users to effortlessly schedule and allocate resources with precision. Enhance productivity and streamline your workflow with this React-based solution, designed to optimize time management and simplify calendar-based operations. Perfect for applications requiring advanced scheduling capabilities, react-big-schedule offers a seamless and intuitive experience for managing appointments, resource allocation, and time slots. Unlock the potential of your React projects with react-big-schedule and revolutionize the way you handle scheduling and resource planning. It is the updated version of react-big-scheduler",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react big schedule",
|