react-big-schedule 4.2.1 → 4.2.3

package/dist/css/style.css

@@ -1,252 +1,252 @@
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-
-.header1-text {
-  font-size: 25px;
-  color: #90cdf9;
-  font-weight: 500;
-}
-
-.header2-text {
-  font-size: 14px;
-  font-weight: 500;
-}
-
-.header3-text {
-  font-size: 12px;
-  font-weight: 500;
-}
-
-.base-text {
-  font-size: 12px;
-}
-
-.help-text {
-  font-size: 12px;
-  color: #999;
-}
-
-.disabled-text {
-  font-size: 12px;
-  color: #ccc;
-}
-
-.scheduler {
-  margin: 20px auto;
-  border-spacing: 0;
-}
-
-.scheduler td {
-  padding: 0px;
-}
-
-.expander-space {
-  overflow: hidden;
-  display: inline-block;
-  width: 1em;
-  height: 1em;
-  line-height: 1em;
-  font-size: 0.9em;
-  vertical-align: middle;
-  margin-top: -1%;
-}
-
-.resource-view {
-  border: 1px solid #e9e9e9;
-  overflow: hidden;
-}
-
-.scheduler-view {
-  border: 1px solid #e9e9e9;
-  margin: 0 0 0 -1px;
-  padding: 0;
-}
-
-.scheduler-content {
-  position: relative;
-  z-index: 2;
-}
-
-.scheduler-bg {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 1;
-}
-
-table.resource-table,
-table.scheduler-bg-table,
-table.scheduler-table {
-  width: 100%;
-  margin: 0;
-  padding: 0;
-  border-spacing: 0;
-  text-align: center;
-}
-
-table.scheduler-table {
-  border: 1px solid #e9e9e9;
-}
-
-table.scheduler-content-table {
-  margin: 0;
-  padding: 0;
-  border: 0 solid #e9e9e9;
-  border-spacing: 0;
-}
-
-table.resource-table tr,
-table.scheduler-bg-table tr,
-table.scheduler-table tr {
-  border-bottom: 1px solid #e9e9e9;
-}
-
-table.resource-table th,
-table.scheduler-table th,
-table.resource-table td,
-table.scheduler-bg-table td,
-table.scheduler-table td {
-  border-right: 1px solid #e9e9e9;
-  border-bottom: 1px solid #e9e9e9;
-}
-
-table.scheduler-bg-table th {
-  border-right: 1px solid #e9e9e9;
-}
-
-table.resource-table tr th:last-child,
-table.scheduler-table tr th:last-child,
-table.resource-table tr td:last-child,
-table.scheduler-table tr td:last-child {
-  border-right: 0;
-}
-
-table.scheduler-table tr:last-child td {
-  border-bottom: 0;
-}
-
-.timeline-event {
-  position: absolute;
-  cursor: pointer;
-}
-
-.day-event {
-  position: relative;
-  display: inline-block;
-  margin: 0px 5px;
-}
-
-.day-event-container {
-  text-align: left;
-  padding: 5px 5px 0 5px;
-}
-
-.round-all {
-  border-radius: 14px;
-}
-
-.round-head {
-  border-radius: 14px 0px 0px 14px;
-}
-
-.round-tail {
-  border-radius: 0px 14px 14px 0px;
-}
-
-.round-none {
-  border-radius: 0px;
-}
-
-.event-container {
-  position: relative;
-}
-
-.event-item {
-  margin: 1px 0;
-  width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: #fff;
-  padding-right: 20px !important;
-}
-
-.overflow-text {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  padding-right: 5px !important;
-}
-
-.status-dot {
-  width: 14px;
-  height: 14px;
-  border-radius: 7px;
-}
-
-.ant-radio-button-wrapper-checked {
-  background-color: #108ee9;
-  color: #ffffff;
-}
-
-.icon-nav:hover {
-  color: #1e90ff !important;
-  box-shadow: 0 0 0px !important;
-  cursor: pointer;
-}
-
-.add-more-popover-overlay {
-  position: absolute;
-  z-index: 5;
-  border: 1px solid #e5e5e5;
-  background-color: #fff;
-  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
-  padding: 10px;
-}
-
-.popover-calendar {
-  width: 300px;
-}
-
-.popover-calendar .ant-calendar {
-  box-shadow: 0 1px 6px rgba(0, 0, 0, 0) !important;
-}
-
-.event-resizer {
-  position: absolute;
-  z-index: 4;
-  display: block;
-  width: 7px;
-  top: -1px;
-  bottom: -1px;
-}
-
-.event-start-resizer {
-  cursor: w-resize;
-  left: -1px;
-}
-
-.event-end-resizer {
-  cursor: e-resize;
-  right: -1px;
-}
-
-.selected-area {
-  position: absolute;
-}
-
-.slot-cell {
-  padding-left: 4px;
-  padding-right: 4px;
-}
-
-.slot-text {
-  display: inline-block;
-  padding-left: 4px;
-  padding-right: 4px;
-}
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+.header1-text {
+  font-size: 25px;
+  color: #90cdf9;
+  font-weight: 500;
+}
+
+.header2-text {
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.header3-text {
+  font-size: 12px;
+  font-weight: 500;
+}
+
+.base-text {
+  font-size: 12px;
+}
+
+.help-text {
+  font-size: 12px;
+  color: #999;
+}
+
+.disabled-text {
+  font-size: 12px;
+  color: #ccc;
+}
+
+.scheduler {
+  margin: 20px auto;
+  border-spacing: 0;
+}
+
+.scheduler td {
+  padding: 0px;
+}
+
+.expander-space {
+  overflow: hidden;
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+  line-height: 1em;
+  font-size: 0.9em;
+  vertical-align: middle;
+  margin-top: -1%;
+}
+
+.resource-view {
+  border: 1px solid #e9e9e9;
+  overflow: hidden;
+}
+
+.scheduler-view {
+  border: 1px solid #e9e9e9;
+  margin: 0 0 0 -1px;
+  padding: 0;
+}
+
+.scheduler-content {
+  position: relative;
+  z-index: 2;
+}
+
+.scheduler-bg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1;
+}
+
+table.resource-table,
+table.scheduler-bg-table,
+table.scheduler-table {
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  border-spacing: 0;
+  text-align: center;
+}
+
+table.scheduler-table {
+  border: 1px solid #e9e9e9;
+}
+
+table.scheduler-content-table {
+  margin: 0;
+  padding: 0;
+  border: 0 solid #e9e9e9;
+  border-spacing: 0;
+}
+
+table.resource-table tr,
+table.scheduler-bg-table tr,
+table.scheduler-table tr {
+  border-bottom: 1px solid #e9e9e9;
+}
+
+table.resource-table th,
+table.scheduler-table th,
+table.resource-table td,
+table.scheduler-bg-table td,
+table.scheduler-table td {
+  border-right: 1px solid #e9e9e9;
+  border-bottom: 1px solid #e9e9e9;
+}
+
+table.scheduler-bg-table th {
+  border-right: 1px solid #e9e9e9;
+}
+
+table.resource-table tr th:last-child,
+table.scheduler-table tr th:last-child,
+table.resource-table tr td:last-child,
+table.scheduler-table tr td:last-child {
+  border-right: 0;
+}
+
+table.scheduler-table tr:last-child td {
+  border-bottom: 0;
+}
+
+.timeline-event {
+  position: absolute;
+  cursor: pointer;
+}
+
+.day-event {
+  position: relative;
+  display: inline-block;
+  margin: 0px 5px;
+}
+
+.day-event-container {
+  text-align: left;
+  padding: 5px 5px 0 5px;
+}
+
+.round-all {
+  border-radius: 14px;
+}
+
+.round-head {
+  border-radius: 14px 0px 0px 14px;
+}
+
+.round-tail {
+  border-radius: 0px 14px 14px 0px;
+}
+
+.round-none {
+  border-radius: 0px;
+}
+
+.event-container {
+  position: relative;
+}
+
+.event-item {
+  margin: 1px 0;
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: #fff;
+  padding-right: 20px !important;
+}
+
+.overflow-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  padding-right: 5px !important;
+}
+
+.status-dot {
+  width: 14px;
+  height: 14px;
+  border-radius: 7px;
+}
+
+.ant-radio-button-wrapper-checked {
+  background-color: #108ee9;
+  color: #ffffff;
+}
+
+.icon-nav:hover {
+  color: #1e90ff !important;
+  box-shadow: 0 0 0px !important;
+  cursor: pointer;
+}
+
+.add-more-popover-overlay {
+  position: absolute;
+  z-index: 5;
+  border: 1px solid #e5e5e5;
+  background-color: #fff;
+  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
+  padding: 10px;
+}
+
+.popover-calendar {
+  width: 300px;
+}
+
+.popover-calendar .ant-calendar {
+  box-shadow: 0 1px 6px rgba(0, 0, 0, 0) !important;
+}
+
+.event-resizer {
+  position: absolute;
+  z-index: 4;
+  display: block;
+  width: 7px;
+  top: -1px;
+  bottom: -1px;
+}
+
+.event-start-resizer {
+  cursor: w-resize;
+  left: -1px;
+}
+
+.event-end-resizer {
+  cursor: e-resize;
+  right: -1px;
+}
+
+.selected-area {
+  position: absolute;
+}
+
+.slot-cell {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.slot-text {
+  display: inline-block;
+  padding-left: 4px;
+  padding-right: 4px;
+}

package/dist/helper/behaviors.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isNonWorkingTime = exports.getSummary = exports.getScrollSpecialDayjs = exports.getNonAgendaViewBodyCellBgColor = exports.getEventText = exports.getDateLabel = exports.getCustomDate = exports["default"] = void 0;
 var _components = require("../components");
-//getSummary func example
-var getSummary = function getSummary(schedulerData, headerEvents, slotId, slotName, headerStart, headerEnd) {
+// getSummary func example
+// export const getSummary = (schedulerData, headerEvents, slotId, slotName, headerStart, headerEnd) => ({ text: 'Summary', color: 'red', fontSize: '1.2rem' });
+var getSummary = function getSummary() {
   return {
     text: 'Summary',
     color: 'red',
@@ -14,13 +15,15 @@ var getSummary = function getSummary(schedulerData, headerEvents, slotId, slotNa
   };
 };
 
-//getCustomDate example
+// getCustomDate example
 exports.getSummary = getSummary;
 var getCustomDate = function getCustomDate(schedulerData, num) {
   var date = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : schedulerData.startDate;
   var viewType = schedulerData.viewType,
     localeDayjs = schedulerData.localeDayjs;
-  var startDate, endDate, cellUnit;
+  var startDate;
+  var endDate;
+  var cellUnit;
   if (viewType === _components.ViewType.Custom1) {
     var monday = localeDayjs(new Date(date)).startOf('week');
     startDate = num === 0 ? monday : localeDayjs(new Date(monday)).add(2 * num, 'weeks');
@@ -43,13 +46,13 @@ var getCustomDate = function getCustomDate(schedulerData, num) {
   };
 };
 
-//getNonAgendaViewBodyCellBgColor example
+// getNonAgendaViewBodyCellBgColor example
 exports.getCustomDate = getCustomDate;
 var getNonAgendaViewBodyCellBgColor = function getNonAgendaViewBodyCellBgColor(schedulerData, slotId, header) {
   return header.nonWorkingTime ? undefined : '#87e8de';
 };
 
-//getDateLabel func example
+// getDateLabel func example
 exports.getNonAgendaViewBodyCellBgColor = getNonAgendaViewBodyCellBgColor;
 var getDateLabel = function getDateLabel(schedulerData, viewType, startDate, endDate) {
   var localeDayjs = schedulerData.localeDayjs;
@@ -90,10 +93,9 @@ var isNonWorkingTime = function isNonWorkingTime(schedulerData, time) {
   if (cellUnit === _components.CellUnit.Hour) {
     var hour = localeDayjs(new Date(time)).hour();
     return hour < 9 || hour > 18;
-  } else {
-    var dayOfWeek = localeDayjs(new Date(time)).weekday();
-    return dayOfWeek === 0 || dayOfWeek === 6;
   }
+  var dayOfWeek = localeDayjs(new Date(time)).weekday();
+  return dayOfWeek === 0 || dayOfWeek === 6;
 };
 exports.isNonWorkingTime = isNonWorkingTime;
 var _default = {

package/dist/helper/utility.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports["default"] = void 0;
 exports.getPos = getPos;
 function getPos(element) {
   var x = 0;
@@ -17,4 +18,6 @@ function getPos(element) {
     x: x,
     y: y
   };
-}
+}
+var _default = getPos;
+exports["default"] = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-big-schedule",
-  "version": "4.2.1",
+  "version": "4.2.3",
   "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",
   "keywords": [
     "react big schedule",
@@ -57,14 +57,14 @@
   },
   "dependencies": {
     "@ant-design/icons": "^5.1.4",
-    "antd": "^5.6.2",
+    "antd": "^5.6.3",
     "dayjs": "^1.11.8",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dnd": "^14.0.5",
     "react-dnd-html5-backend": "^14.1.0",
     "react-dom": "^18.2.0",
-    "rrule": "^2.7.2"
+    "rrule": "^2.7.1"
   },
   "devDependencies": {
     "@babel/cli": "^7.22.5",
@@ -77,7 +77,7 @@
     "fs-extra": "^11.1.1",
     "html-webpack-plugin": "^5.5.3",
     "style-loader": "^3.3.3",
-    "webpack": "^5.86.0",
+    "webpack": "^5.88.0",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^4.15.1"
   }