@josmangarsal/pragmatic-scheduler
Version:
React resource scheduler
91 lines (90 loc) • 4.88 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.useUnassignedEventPosition = 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 useUnassignedEventPosition = function () {
var _a = (0, react_1.useContext)(Scheduler_1.SchedulerContext), days = _a.days, totalDivisions = _a.calendarBounds.totalDivisions, _b = _a.config, rowHeight = _b.rowHeight, divisionParts = _b.divisionParts, divisionWidth = _b.divisionWidth;
var getOverlappingOffset = (0, useOverlappingEvents_1.useOverlappingOffset)();
return (0, react_1.useCallback)(function (containerWidth, event) {
var e_1, _a, e_2, _b;
var divisionCount = 0;
var left = 0;
var width = 0;
var totalTimeDisplayed = days.reduce(function (total, day) {
return (total +
day.divisions.reduce(function (total, division) { return total + division.endTime.getTime() - division.startTime.getTime(); }, 0));
}, 0);
var secondsToWidthConversion = (containerWidth / totalTimeDisplayed) * 1000;
var minWidth = divisionWidth / divisionParts;
try {
outerLoop: for (var days_1 = __values(days), days_1_1 = days_1.next(); !days_1_1.done; days_1_1 = days_1.next()) {
var day = days_1_1.value;
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) {
try {
for (var _c = (e_2 = void 0, __values(day.divisions)), _d = _c.next(); !_d.done; _d = _c.next()) {
var division = _d.value;
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;
left = ((divisionCount + fractionOfDivision) / totalDivisions) * containerWidth;
}
if ((division.startTime <= event.endTime && division.endTime >= event.endTime) ||
division.startTime >= event.endTime) {
var fractionOfDivision = Math.max((event.endTime.getTime() - division.startTime.getTime()) / divisionRange, 0);
width =
containerWidth - (1 - (divisionCount + fractionOfDivision) / totalDivisions) * containerWidth - left;
break outerLoop;
}
divisionCount++;
}
}
catch (e_2_1) { e_2 = { error: e_2_1 }; }
finally {
try {
if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
}
finally { if (e_2) throw e_2.error; }
}
}
else {
divisionCount += day.divisions.length;
}
}
}
catch (e_1_1) { e_1 = { error: e_1_1 }; }
finally {
try {
if (days_1_1 && !days_1_1.done && (_a = days_1.return)) _a.call(days_1);
}
finally { if (e_1) throw e_1.error; }
}
var overlappingOffset = getOverlappingOffset(event);
var top = 2 + overlappingOffset * (rowHeight + 2);
var height = rowHeight;
return {
minWidth: minWidth,
secondsToWidthConversion: secondsToWidthConversion,
left: left,
width: width,
top: top,
height: height,
};
}, [days, divisionParts, divisionWidth, getOverlappingOffset, rowHeight, totalDivisions]);
};
exports.useUnassignedEventPosition = useUnassignedEventPosition;