blixify-ui-web 1.2.131 → 1.2.133

package/lib/components/data/dataTemplate/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAqCA,OAAO,KASN,MAAM,OAAO,CAAC;AA2Ff,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AA2E1B,eAAO,MAAM,YAAY,mFAk4avB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAqCA,OAAO,KASN,MAAM,OAAO,CAAC;AA2Ff,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAoG1B,eAAO,MAAM,YAAY,mFAy7avB,CAAC"}

package/lib/components/data/dataTemplate/index.js

@@ -190,6 +190,21 @@ var handleIsEmptyElement = function (element) {
 };
 // INFO: rows-per-page choices offered in the view settings panel
 var PAGE_LIMIT_OPTIONS = [10, 25, 50, 100];
+var CALENDAR_VIEW_BY_SWITCH = {
+    month: "dayGridMonth",
+    week: "timeGridWeek",
+    day: "timeGridDay",
+    agenda: "dayGridMonth",
+};
+// INFO: the range a bareNewDTW calendar view shows around a date — the same
+// bounds the calendar's own range query uses
+var handleGetCalendarSwitchRange = function (date, view) {
+    var unit = view === "day" ? "day" : view === "week" ? "isoWeek" : "month";
+    return {
+        start: (0, dayjs_1.default)(date).startOf(unit).toDate(),
+        end: (0, dayjs_1.default)(date).endOf(unit).toDate(),
+    };
+};
 exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     // INFO: props.type is what the caller asked for; resolvedType is what THIS
     // instance renders. They differ in exactly one case: readDrawer is on and the
@@ -350,6 +365,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     // (calendarView above drives the matching range query)
     var _114 = (0, react_1.useState)("month"), newCalendarViewMode = _114[0], setNewCalendarViewMode = _114[1];
     var _115 = (0, react_1.useState)(new Date()), calendarTabMonth = _115[0], setCalendarTabMonth = _115[1];
+    // INFO: defaultViewSwitch picks the opening view only — the tab re-inits
+    // whenever its settings change, and that must not undo the user's switch
+    var calendarViewInitRef = (0, react_1.useRef)(false);
     var _116 = (0, react_1.useState)(true), kanbanDroppable = _116[0], setKanbanDroppable = _116[1];
     var _117 = (0, react_1.useState)([]), kanbanOptions = _117[0], setKanbanOptions = _117[1];
     var _118 = (0, react_1.useState)(false), queryForm = _118[0], setQueryForm = _118[1];
@@ -1570,10 +1588,10 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     (0, react_1.useEffect)(function () {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         var handleInitTab = function () { return __awaiter(void 0, void 0, void 0, function () {
-            var currentTab, kanbanSettings, kanbanTitle_1, kanbanRefRQ_1, kanbanRefOption_1, kanbanRefLabel_1, kanbanRefQuery;
-            var _a, _b, _c, _d, _e, _f, _g;
-            return __generator(this, function (_h) {
-                switch (_h.label) {
+            var currentTab, defaultViewSwitch, kanbanSettings, kanbanTitle_1, kanbanRefRQ_1, kanbanRefOption_1, kanbanRefLabel_1, kanbanRefQuery;
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            return __generator(this, function (_j) {
+                switch (_j.label) {
                     case 0:
                         currentTab = (0, listModule_1.renderSelectedRefreshTab)(props.localURLEndpoint, resolvedType, props.collectionId, props.id, (_a = props.organise) === null || _a === void 0 ? void 0 : _a.extendedTabs, (_b = props.organise) === null || _b === void 0 ? void 0 : _b.viewId);
                         if (!(resolvedType === "list")) return [3 /*break*/, 5];
@@ -1582,13 +1600,19 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         if ((_c = currentTab === null || currentTab === void 0 ? void 0 : currentTab.calendarSettings) === null || _c === void 0 ? void 0 : _c.defaultStartDate) {
                             setCalendarTabMonth((0, dayjs_1.default)(currentTab.calendarSettings.defaultStartDate).toDate());
                         }
+                        defaultViewSwitch = (_d = currentTab === null || currentTab === void 0 ? void 0 : currentTab.calendarSettings) === null || _d === void 0 ? void 0 : _d.defaultViewSwitch;
+                        if (defaultViewSwitch && !calendarViewInitRef.current) {
+                            setNewCalendarViewMode(defaultViewSwitch);
+                            setCalendarView(CALENDAR_VIEW_BY_SWITCH[defaultViewSwitch]);
+                        }
+                        calendarViewInitRef.current = true;
                         setFilterSearch({});
                         setFilterSearchParams({});
                         return [3 /*break*/, 5];
                     case 1:
                         if (!((currentTab === null || currentTab === void 0 ? void 0 : currentTab.viewType) === "kanban")) return [3 /*break*/, 4];
                         kanbanSettings = currentTab === null || currentTab === void 0 ? void 0 : currentTab.kanbanSettings;
-                        kanbanTitle_1 = (_d = kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.title) !== null && _d !== void 0 ? _d : "";
+                        kanbanTitle_1 = (_e = kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.title) !== null && _e !== void 0 ? _e : "";
                         kanbanRefRQ_1 = null;
                         kanbanRefOption_1 = [];
                         kanbanRefLabel_1 = "";
@@ -1613,10 +1637,10 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         return [4 /*yield*/, kanbanRefRQ_1.call({
                                 type: "list",
                                 limit: limit,
-                                query: ((_e = currentTab === null || currentTab === void 0 ? void 0 : currentTab.kanbanSettings) === null || _e === void 0 ? void 0 : _e.query) || undefined,
+                                query: ((_f = currentTab === null || currentTab === void 0 ? void 0 : currentTab.kanbanSettings) === null || _f === void 0 ? void 0 : _f.query) || undefined,
                             })];
                     case 2:
-                        kanbanRefQuery = _h.sent();
+                        kanbanRefQuery = _j.sent();
                         if (kanbanRefQuery.data) {
                             kanbanRefQuery.data.map(function (eachData) {
                                 kanbanRefOption_1.push({
@@ -1626,7 +1650,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                 return null;
                             });
                         }
-                        _h.label = 3;
+                        _j.label = 3;
                     case 3:
                         setKanbanOptions(kanbanRefOption_1);
                         return [3 /*break*/, 5];
@@ -1639,14 +1663,14 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             setFilterSearch({});
                             setFilterSearchParams({});
                             if (currentTab.structure)
-                                setStructure((_f = currentTab.structure) !== null && _f !== void 0 ? _f : []);
+                                setStructure((_g = currentTab.structure) !== null && _g !== void 0 ? _g : []);
                             if (currentTab.additionalQuery)
-                                setAdditionalQuery((_g = currentTab.additionalQuery) !== null && _g !== void 0 ? _g : []);
+                                setAdditionalQuery((_h = currentTab.additionalQuery) !== null && _h !== void 0 ? _h : []);
                             if (currentTab.groupBy)
                                 setGroupId(currentTab.groupBy);
                             setExportPDFTitle(currentTab === null || currentTab === void 0 ? void 0 : currentTab.name);
                         }
-                        _h.label = 5;
+                        _j.label = 5;
                     case 5: return [2 /*return*/];
                 }
             });
@@ -2306,6 +2330,16 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     // props.collectionId, and any state values without requiring the SSE
     // useEffect to re-run (which would tear down and rebuild the EventSource).
     handleApplyEnvelopeRef.current = handleApplyEnvelope;
+    // INFO: tells the app which range the calendar now shows — fired only on a
+    // user's paging or view switch, never on render, so an app that feeds the
+    // range back through defaultStartDate cannot loop
+    var handleEmitCalendarRange = function (date, view) {
+        var _a;
+        if (!((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareCalendarOnChangeRange))
+            return;
+        var _b = handleGetCalendarSwitchRange(date, view), start = _b.start, end = _b.end;
+        props.bareSettings.bareCalendarOnChangeRange(start, end, view);
+    };
     var handleReadQueryHocSort = function (query) {
         // INFO: Use persisted sort when persistViewState is active, otherwise fall back to prop sort
         var sort = activeSortId || undefined;
@@ -7941,8 +7975,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     }
                     // INFO: View settings — columns (hide, reorder, search), sort and rows
                     // per page in one panel. Standard on the new DTW; videColumnEnabled
-                    // keeps it available to legacy and bare DTWs.
-                    if (isViewSettingsEnabled) {
+                    // keeps it available to legacy and bare DTWs. A calendar has no
+                    // columns, sort or pages, so it gets no panel.
+                    if (isViewSettingsEnabled && (selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.viewType) !== "calendar") {
                         var hiddenColumnCount_1 = getViewSettingsColumns().filter(getIsColumnHidden).length;
                         // INFO: desktop and mobile both render, CSS decides which is shown —
                         // distinct test ids keep the two unambiguous for e2e
@@ -9392,10 +9427,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     if (calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.startDate) {
                         for (var _i = 0, spaceTableData_1 = spaceTableData; _i < spaceTableData_1.length; _i++) {
                             var eachData = spaceTableData_1[_i];
+                            // INFO: skip only the undated row — a union mixes collections, so
+                            // one row without a date must not hide every row after it
                             if (!eachData[calendarSettings_1.startDate])
-                                break;
+                                continue;
                             else if (!(0, dayjs_1.default)(eachData[calendarSettings_1.startDate], "YYYY-MM-DD HH:mm A").isValid()) {
-                                break;
+                                continue;
                             }
                             else {
                                 var id = eachData.id;
@@ -9450,7 +9487,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                     }
                                     eventAvailability["bgColor"] = color;
                                     eventAvailability["hoverColor"] = hoverColor;
-                                    eventAvailabilities["textColor"] = "text-white";
+                                    eventAvailability["textColor"] = "text-white";
                                 }
                                 eventAvailabilities.push(eventAvailability);
                             }
@@ -9460,7 +9497,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 };
                 // INFO: when bareNewDTW is enabled, render NewCalendar instead of legacy Calendar
                 if ((_35 = props.bareSettings) === null || _35 === void 0 ? void 0 : _35.bareNewDTW) {
-                    var newCalendarEvents = renderEventAvailabilities().map(function (ev) {
+                    var mappedCalendarEvents = renderEventAvailabilities().map(function (ev) {
                         var _a, _b, _c, _d;
                         return ({
                             id: (_a = ev.id) !== null && _a !== void 0 ? _a : "",
@@ -9474,8 +9511,22 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             textColor: ev.textColor,
                             status: ev.status,
                             date: ev.date,
+                            // INFO: the unformatted row, so a tap handler can tell which
+                            // collection a union event came from
+                            meta: {
+                                rawData: tableData.find(function (eachRow) {
+                                    return [eachRow === null || eachRow === void 0 ? void 0 : eachRow[serverId], eachRow === null || eachRow === void 0 ? void 0 : eachRow._id, eachRow === null || eachRow === void 0 ? void 0 : eachRow.id].some(function (eachId) {
+                                        return eachId !== undefined && String(eachId) === String(ev.id);
+                                    });
+                                }),
+                            },
                         });
                     });
+                    // INFO: lets the app reshape the fetched events — e.g. expand one
+                    // repeating row into an event per day, or colour by a derived status
+                    var newCalendarEvents = props.bareSettings.bareCalendarMapEvents
+                        ? props.bareSettings.bareCalendarMapEvents(mappedCalendarEvents)
+                        : mappedCalendarEvents;
                     // INFO: viewSwitch — optional Month/Week/Agenda toggle. The range
                     // query follows via calendarView ("dayGridMonth" ↔ "timeGridWeek");
                     // agenda lists the fetched month chronologically.
@@ -9483,6 +9534,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     var VIEW_VARIANT_MAP = {
                         month: "fullMonth",
                         week: "weekTimeGrid",
+                        day: "dayTimeline",
                         agenda: "agenda",
                     };
                     var activeVariant = (_37 = VIEW_VARIANT_MAP[newCalendarViewMode]) !== null && _37 !== void 0 ? _37 : "fullMonth";
@@ -9492,11 +9544,13 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                     if (view === newCalendarViewMode)
                                         return;
                                     setNewCalendarViewMode(view);
+                                    handleEmitCalendarRange(calendarTabMonth, view);
                                     // INFO: month and agenda share the month range —
-                                    // only week changes the query cond. Only set loading
-                                    // when a refetch will actually fire, otherwise
-                                    // nothing clears it and the spinner hangs forever.
-                                    var nextCalendarView = view === "week" ? "timeGridWeek" : "dayGridMonth";
+                                    // only week and day change the query cond. Only set
+                                    // loading when a refetch will actually fire,
+                                    // otherwise nothing clears it and the spinner hangs
+                                    // forever.
+                                    var nextCalendarView = CALENDAR_VIEW_BY_SWITCH[view];
                                     if (nextCalendarView !== calendarView) {
                                         setCalendarView(nextCalendarView);
                                         setTableLoading(true);
@@ -9509,6 +9563,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                 var endOfMonth = (0, dayjs_1.default)(calendarTabMonth).endOf("month");
                                 if (!(0, dayjs_1.default)(date).isBetween(startOfMonth, endOfMonth)) {
                                     setTableLoading(true);
+                                    handleEmitCalendarRange(date, newCalendarViewMode);
                                 }
                                 setCalendarTabMonth(date);
                             }, 
@@ -9517,16 +9572,29 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             onChangeMonth: function (monthStart) {
                                 setTableLoading(true);
                                 setCalendarTabMonth(monthStart);
+                                handleEmitCalendarRange(monthStart, newCalendarViewMode);
                             }, 
                             // INFO: Week paging in weekTimeGrid — anchor the isoWeek
                             // range query on the new week's Monday
                             onChangeWeek: function (weekStart) {
                                 setTableLoading(true);
                                 setCalendarTabMonth(weekStart);
+                                handleEmitCalendarRange(weekStart, "week");
+                            }, 
+                            // INFO: Day paging in dayTimeline — the timeGridDay range
+                            // query follows calendarTabMonth
+                            onChangeDay: function (day) {
+                                setTableLoading(true);
+                                setCalendarTabMonth(day);
+                                handleEmitCalendarRange(day, "day");
                             }, onClickEvent: function (event) {
-                                var _a, _b;
+                                var _a, _b, _c, _d;
+                                if ((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareCalendarOnClickEvent) {
+                                    props.bareSettings.bareCalendarOnClickEvent(event, (_b = event.meta) === null || _b === void 0 ? void 0 : _b.rawData);
+                                    return;
+                                }
                                 if (event.id)
-                                    (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "read", event.id, "general");
+                                    (_d = (_c = props.organise) === null || _c === void 0 ? void 0 : _c.handleNavigate) === null || _d === void 0 ? void 0 : _d.call(_c, "read", event.id, "general");
                             }, darkMode: (_38 = props.organise) === null || _38 === void 0 ? void 0 : _38.darkMode, className: "w-full" }))));
                 }
                 return (react_1.default.createElement("div", { className: "mt-4" }, tableLoading ? (react_1.default.createElement(loading_1.Loading, null)) : (react_1.default.createElement(calendar_1.Calendar, { currentDate: calendarTabMonth, calendarView: (_39 = calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.defaultView) !== null && _39 !== void 0 ? _39 : calendarView, handleMonthChange: function (date) {