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 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
- Thanks to [@adam-m-clark](https://github.com/adam-m-clark) for fixing the span and isEnd Event.
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
- - Fix the configration.
39
- - Removed unwanted Files.
40
- - Moved from vite to webpack
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
- ### New Feature:
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) (2023-06-04)
50
+ # [3.0.1](https://github.com/ansulagrawal/react-big-schedule/compare/3.0.0...3.0.1)
59
51
 
60
- ### HotFix
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
- ### Breaking Changes
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
- # [2.0.0](https://github.com/ansulagrawal/react-big-schedule/compare/1.0.0...2.0.0) (2023-05-27)
73
+ #### New Contributors
102
74
 
103
- ### Features
75
+ - [@hbatalhaStch](https://github.com/hbatalhaStch)
104
76
 
105
- - Add configurable colour visibility and optional date display in popover. https://github.com/ansulagrawal/react-big-schedule/pull/16
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 cell size options for Week, Month, and Year views. https://github.com/ansulagrawal/react-big-schedule/pull/17
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 SWAP event function for event swapping in library. https://github.com/ansulagrawal/react-big-schedule/pull/18
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
- - Enhance library with wrapper function and streamlined dependencies. https://github.com/ansulagrawal/react-big-schedule/pull/19
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
- ### BREAKING CHANGES
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
- # 1.0.0 (2023-05-21)
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)
@@ -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
+ }
@@ -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.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",