blixify-ui-web 1.2.132 → 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,mFAq6avB,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;
@@ -9510,15 +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"
-                                        : view === "day"
-                                            ? "timeGridDay"
-                                            : "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);
@@ -9531,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);
                             }, 
@@ -9539,18 +9572,21 @@ 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, _c, _d;
                                 if ((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareCalendarOnClickEvent) {