@josmangarsal/pragmatic-scheduler
Version:
React resource scheduler
134 lines (133 loc) • 7.23 kB
JavaScript
;
var __values = (this && this.__values) || function(o) {
var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
if (m) return m.call(o);
if (o && typeof o.length === "number") return {
next: function () {
if (o && i >= o.length) o = void 0;
return { value: o && o[i++], done: !o };
}
};
throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.useCalcEventPosition = void 0;
var react_1 = require("react");
var Scheduler_1 = require("../components/Scheduler");
var date_fns_1 = require("date-fns");
var useOverlappingEvents_1 = require("./useOverlappingEvents");
var useCalcResourceRows_1 = require("./useCalcResourceRows");
var useCalcEventPosition = function () {
var _a = (0, react_1.useContext)(Scheduler_1.SchedulerContext), resources = _a.resources, days = _a.days, _b = _a.config, divisionParts = _b.divisionParts, divisionWidth = _b.divisionWidth;
var getOverlappingOffset = (0, useOverlappingEvents_1.useOverlappingOffset)();
var calcResourceRows = (0, useCalcResourceRows_1.useCalcResourceRows)();
return (0, react_1.useCallback)(function (event) {
var e_1, _a;
var divisionCount = 0;
var x = 0;
var xSetted = false;
var w = 0;
var leftOverflow = false;
var middleOverflow = null;
var rightOverflow = false;
outerLoop: for (var dayIndex = 0; dayIndex < days.length; dayIndex++) {
var day = days[dayIndex];
if ((day.date <= event.startTime && (0, date_fns_1.addDays)(day.date, 1) > event.startTime) ||
(day.date <= event.endTime && (0, date_fns_1.addDays)(day.date, 1) > event.endTime) ||
day.date >= event.endTime) {
for (var divisionIndex = 0; divisionIndex < day.divisions.length; divisionIndex++) {
var division = day.divisions[divisionIndex];
var nextDivision = null;
if (divisionIndex + 1 < day.divisions.length) {
nextDivision = day.divisions[divisionIndex + 1];
}
else if (dayIndex + 1 < days.length) {
var nextDay = days[dayIndex + 1];
if (nextDay.divisions.length > 0) {
nextDivision = nextDay.divisions[0];
}
}
var divisionRange = division.endTime.getTime() - division.startTime.getTime();
if (division.startTime <= event.startTime && division.endTime >= event.startTime) {
var fractionOfDivision = (event.startTime.getTime() - division.startTime.getTime()) / divisionRange;
x = divisionCount + fractionOfDivision * divisionParts;
xSetted = true;
}
else if (division.startTime >= event.startTime && !xSetted) {
// Start of event in non visible division
x = divisionCount;
xSetted = true;
leftOverflow = true;
}
if ((division.startTime <= event.endTime && division.endTime >= event.endTime) ||
division.startTime >= event.endTime ||
(division.endTime <= event.endTime &&
((nextDivision && nextDivision.startTime >= event.endTime) || !nextDivision))) {
var fractionOfDivision = 0;
if (division.endTime < event.endTime &&
((nextDivision && nextDivision.startTime >= event.endTime) || !nextDivision)) {
fractionOfDivision = Math.max((division.endTime.getTime() - division.startTime.getTime()) / divisionRange, 0);
rightOverflow = true; // End of event in non visible division
}
else {
fractionOfDivision = Math.max((event.endTime.getTime() - division.startTime.getTime()) / divisionRange, 0);
if (nextDivision && division.startTime >= event.endTime && nextDivision.startTime > event.endTime) {
rightOverflow = true; // End of event in non visible division
}
}
w = divisionCount + fractionOfDivision * divisionParts - x;
break outerLoop;
}
// Event crosses the non visible division
if (nextDivision &&
nextDivision.startTime.getTime() !== division.endTime.getTime() &&
event.startTime < division.endTime &&
event.endTime > division.endTime &&
event.endTime > nextDivision.startTime) {
var fractionOfDivision = (division.endTime.getTime() - event.startTime.getTime()) / divisionRange;
var parts = fractionOfDivision * divisionParts;
middleOverflow = (parts * divisionWidth) / divisionParts; // Convert to px
}
divisionCount = divisionCount + divisionParts;
}
}
else {
divisionCount += day.divisions.length * divisionParts;
}
}
var overlappingOffset = getOverlappingOffset(event);
// sum up how may rows are use in the previous resources
var rowCount = 0;
try {
for (var resources_1 = __values(resources), resources_1_1 = resources_1.next(); !resources_1_1.done; resources_1_1 = resources_1.next()) {
var _resource = resources_1_1.value;
if (_resource.id === event.resourceId) {
break;
}
rowCount += calcResourceRows(_resource);
}
}
catch (e_1_1) { e_1 = { error: e_1_1 }; }
finally {
try {
if (resources_1_1 && !resources_1_1.done && (_a = resources_1.return)) _a.call(resources_1);
}
finally { if (e_1) throw e_1.error; }
}
var y = rowCount + (event.allowOverlap ? 0 : overlappingOffset);
return {
i: event.id,
x: x,
y: y,
w: Number(w.toFixed(4)),
h: 1,
maxH: 1,
isDraggable: event.draggable === false ? false : true,
isResizable: event.resizable === false ? false : true,
leftOverflow: leftOverflow,
middleOverflow: middleOverflow,
rightOverflow: rightOverflow,
};
}, [calcResourceRows, days, divisionParts, divisionWidth, getOverlappingOffset, resources]);
};
exports.useCalcEventPosition = useCalcEventPosition;