blixify-ui-web 1.2.49 → 1.2.51

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":"AAiCA,OAAO,KASN,MAAM,OAAO,CAAC;AA+Ef,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAoC1B,eAAO,MAAM,YAAY,mFAogWvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAiCA,OAAO,KASN,MAAM,OAAO,CAAC;AA+Ef,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAoC1B,eAAO,MAAM,YAAY,mFA+jWvB,CAAC"}

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

@@ -250,120 +250,123 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         return (0, listModule_1.renderSelectedRefreshTab)(props.localURLEndpoint, props.type, 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);
     }), selectedTab = _71[0], setSelectedTab = _71[1];
     var _72 = (0, react_1.useState)("dayGridMonth"), calendarView = _72[0], setCalendarView = _72[1];
-    var _73 = (0, react_1.useState)(new Date()), calendarTabMonth = _73[0], setCalendarTabMonth = _73[1];
-    var _74 = (0, react_1.useState)(true), kanbanDroppable = _74[0], setKanbanDroppable = _74[1];
-    var _75 = (0, react_1.useState)([]), kanbanOptions = _75[0], setKanbanOptions = _75[1];
-    var _76 = (0, react_1.useState)(false), queryForm = _76[0], setQueryForm = _76[1];
-    var _77 = (0, react_1.useState)(false), batchUpdateModal = _77[0], setBatchUpdateModal = _77[1];
-    var _78 = (0, react_1.useState)({
+    // INFO: bareNewDTW calendar viewSwitch mode — drives the NewCalendar variant
+    // (calendarView above drives the matching range query)
+    var _73 = (0, react_1.useState)("month"), newCalendarViewMode = _73[0], setNewCalendarViewMode = _73[1];
+    var _74 = (0, react_1.useState)(new Date()), calendarTabMonth = _74[0], setCalendarTabMonth = _74[1];
+    var _75 = (0, react_1.useState)(true), kanbanDroppable = _75[0], setKanbanDroppable = _75[1];
+    var _76 = (0, react_1.useState)([]), kanbanOptions = _76[0], setKanbanOptions = _76[1];
+    var _77 = (0, react_1.useState)(false), queryForm = _77[0], setQueryForm = _77[1];
+    var _78 = (0, react_1.useState)(false), batchUpdateModal = _78[0], setBatchUpdateModal = _78[1];
+    var _79 = (0, react_1.useState)({
         columnId: "",
         columnData: {},
-    }), batchUpdateData = _78[0], setBatchUpdateData = _78[1];
-    var _79 = (0, react_1.useState)((props === null || props === void 0 ? void 0 : props.model) || []), structure = _79[0], setStructure = _79[1];
-    var _80 = (0, react_1.useState)(((_c = props === null || props === void 0 ? void 0 : props.organise) === null || _c === void 0 ? void 0 : _c.additionalQuery) || []), additionalQuery = _80[0], setAdditionalQuery = _80[1];
+    }), batchUpdateData = _79[0], setBatchUpdateData = _79[1];
+    var _80 = (0, react_1.useState)((props === null || props === void 0 ? void 0 : props.model) || []), structure = _80[0], setStructure = _80[1];
+    var _81 = (0, react_1.useState)(((_c = props === null || props === void 0 ? void 0 : props.organise) === null || _c === void 0 ? void 0 : _c.additionalQuery) || []), additionalQuery = _81[0], setAdditionalQuery = _81[1];
     // INFO: State for user-configurable flex filters (Monday.com-style)
     // INFO: Initialize with one empty row so users see inputs immediately without clicking "Add Filter"
-    var _81 = (0, react_1.useState)([
+    var _82 = (0, react_1.useState)([
         {
             id: "flex-filter-init-row",
             columnId: "",
             operator: "=",
             value: undefined,
         },
-    ]), flexFilters = _81[0], setFlexFilters = _81[1];
+    ]), flexFilters = _82[0], setFlexFilters = _82[1];
     // INFO: Debounced version of flexFilters used by renderImpSearchFilterConditions
     // to prevent API calls on every keystroke when typing in value inputs
-    var _82 = (0, react_1.useState)([
+    var _83 = (0, react_1.useState)([
         {
             id: "flex-filter-init-row",
             columnId: "",
             operator: "=",
             value: undefined,
         },
-    ]), flexFiltersDebounced = _82[0], setFlexFiltersDebounced = _82[1];
-    var _83 = (0, react_1.useState)({}), flexFilterReferenceOptions = _83[0], setFlexFilterReferenceOptions = _83[1];
-    var _84 = (0, react_1.useState)({}), flexFilterReferenceSearch = _84[0], setFlexFilterReferenceSearch = _84[1];
-    var _85 = (0, react_1.useState)(false), flexFilterModalOpen = _85[0], setFlexFilterModalOpen = _85[1];
+    ]), flexFiltersDebounced = _83[0], setFlexFiltersDebounced = _83[1];
+    var _84 = (0, react_1.useState)({}), flexFilterReferenceOptions = _84[0], setFlexFilterReferenceOptions = _84[1];
+    var _85 = (0, react_1.useState)({}), flexFilterReferenceSearch = _85[0], setFlexFilterReferenceSearch = _85[1];
+    var _86 = (0, react_1.useState)(false), flexFilterModalOpen = _86[0], setFlexFilterModalOpen = _86[1];
     //INFO : Used by Auth
-    var _86 = (0, react_1.useState)({
+    var _87 = (0, react_1.useState)({
         email: "",
         google: "",
         phone: "",
         disabled: false,
         create: false,
-    }), authMethods = _86[0], setAuthMethods = _86[1];
-    var _87 = (0, react_1.useState)(""), selectedAuthMethod = _87[0], setSelectedAuthMethod = _87[1];
+    }), authMethods = _87[0], setAuthMethods = _87[1];
+    var _88 = (0, react_1.useState)(""), selectedAuthMethod = _88[0], setSelectedAuthMethod = _88[1];
     // INFO: Used by Activity Log
-    var _88 = (0, react_1.useState)(false), activityModal = _88[0], setActivityModal = _88[1];
-    var _89 = (0, react_1.useState)(""), activityId = _89[0], setActivityId = _89[1];
+    var _89 = (0, react_1.useState)(false), activityModal = _89[0], setActivityModal = _89[1];
+    var _90 = (0, react_1.useState)(""), activityId = _90[0], setActivityId = _90[1];
     //INFO : Used by Export
-    var _90 = (0, react_1.useState)(null), csvFile = _90[0], setCSVFile = _90[1];
-    var _91 = (0, react_1.useState)([]), csvFileData = _91[0], setCSVFileData = _91[1];
-    var _92 = (0, react_1.useState)(0), stepCSVIndex = _92[0], setStepCSVIndex = _92[1];
-    var _93 = (0, react_1.useState)({}), listCSVMapAttribute = _93[0], setListCSVMapAttribute = _93[1];
-    var _94 = (0, react_1.useState)({}), listCSVObjAttribute = _94[0], setListCSVObjAttribute = _94[1];
-    var _95 = (0, react_1.useState)([]), csvAPIAttribute = _95[0], setCSVAPIAttribute = _95[1];
-    var _96 = (0, react_1.useState)(((_d = props.devSettings.currentUser) === null || _d === void 0 ? void 0 : _d.userEmail) || ""), exportCSVEmail = _96[0], setExportCSVEmail = _96[1];
-    var _97 = (0, react_1.useState)(((_f = (_e = props.organise) === null || _e === void 0 ? void 0 : _e.exportSettings) === null || _f === void 0 ? void 0 : _f.defaultExportPDFName) || ""), exportPDFTitle = _97[0], setExportPDFTitle = _97[1];
-    var _98 = (0, react_1.useState)(false), exportPDFLoading = _98[0], setExportPDFLoading = _98[1];
-    var _99 = (0, react_1.useState)(false), exportReadPDFLoading = _99[0], setExportReadPDFLoading = _99[1];
-    var _100 = (0, react_1.useState)((_j = (_h = (_g = props.organise) === null || _g === void 0 ? void 0 : _g.exportSettings) === null || _h === void 0 ? void 0 : _h.sumColumnId) !== null && _j !== void 0 ? _j : []), exportSumAttributeIds = _100[0], setExportSumAttributeIds = _100[1];
-    var _101 = (0, react_1.useState)((_m = (_l = (_k = props.organise) === null || _k === void 0 ? void 0 : _k.exportSettings) === null || _l === void 0 ? void 0 : _l.hideSubItems) !== null && _m !== void 0 ? _m : false), hideSubItems = _101[0], setHideSubItems = _101[1];
-    var _102 = (0, react_1.useState)([]), importTableData = _102[0], setImportTableData = _102[1];
-    var _103 = (0, react_1.useState)([]), queryList = _103[0], setQueryList = _103[1];
-    var _104 = (0, react_1.useState)(undefined), allQueryList = _104[0], setAllQueryList = _104[1];
-    var _105 = (0, react_1.useState)(-1), queryIndex = _105[0], setQueryIndex = _105[1];
-    var _106 = (0, react_1.useState)((_o = props.organise) === null || _o === void 0 ? void 0 : _o.groupBy), groupId = _106[0], setGroupId = _106[1];
-    var _107 = (0, react_1.useState)(""), readTabSection = _107[0], setReadTabSection = _107[1];
-    var _108 = (0, react_1.useState)(false), readFloatingNav = _108[0], setReadFloatingNav = _108[1];
+    var _91 = (0, react_1.useState)(null), csvFile = _91[0], setCSVFile = _91[1];
+    var _92 = (0, react_1.useState)([]), csvFileData = _92[0], setCSVFileData = _92[1];
+    var _93 = (0, react_1.useState)(0), stepCSVIndex = _93[0], setStepCSVIndex = _93[1];
+    var _94 = (0, react_1.useState)({}), listCSVMapAttribute = _94[0], setListCSVMapAttribute = _94[1];
+    var _95 = (0, react_1.useState)({}), listCSVObjAttribute = _95[0], setListCSVObjAttribute = _95[1];
+    var _96 = (0, react_1.useState)([]), csvAPIAttribute = _96[0], setCSVAPIAttribute = _96[1];
+    var _97 = (0, react_1.useState)(((_d = props.devSettings.currentUser) === null || _d === void 0 ? void 0 : _d.userEmail) || ""), exportCSVEmail = _97[0], setExportCSVEmail = _97[1];
+    var _98 = (0, react_1.useState)(((_f = (_e = props.organise) === null || _e === void 0 ? void 0 : _e.exportSettings) === null || _f === void 0 ? void 0 : _f.defaultExportPDFName) || ""), exportPDFTitle = _98[0], setExportPDFTitle = _98[1];
+    var _99 = (0, react_1.useState)(false), exportPDFLoading = _99[0], setExportPDFLoading = _99[1];
+    var _100 = (0, react_1.useState)(false), exportReadPDFLoading = _100[0], setExportReadPDFLoading = _100[1];
+    var _101 = (0, react_1.useState)((_j = (_h = (_g = props.organise) === null || _g === void 0 ? void 0 : _g.exportSettings) === null || _h === void 0 ? void 0 : _h.sumColumnId) !== null && _j !== void 0 ? _j : []), exportSumAttributeIds = _101[0], setExportSumAttributeIds = _101[1];
+    var _102 = (0, react_1.useState)((_m = (_l = (_k = props.organise) === null || _k === void 0 ? void 0 : _k.exportSettings) === null || _l === void 0 ? void 0 : _l.hideSubItems) !== null && _m !== void 0 ? _m : false), hideSubItems = _102[0], setHideSubItems = _102[1];
+    var _103 = (0, react_1.useState)([]), importTableData = _103[0], setImportTableData = _103[1];
+    var _104 = (0, react_1.useState)([]), queryList = _104[0], setQueryList = _104[1];
+    var _105 = (0, react_1.useState)(undefined), allQueryList = _105[0], setAllQueryList = _105[1];
+    var _106 = (0, react_1.useState)(-1), queryIndex = _106[0], setQueryIndex = _106[1];
+    var _107 = (0, react_1.useState)((_o = props.organise) === null || _o === void 0 ? void 0 : _o.groupBy), groupId = _107[0], setGroupId = _107[1];
+    var _108 = (0, react_1.useState)(""), readTabSection = _108[0], setReadTabSection = _108[1];
+    var _109 = (0, react_1.useState)(false), readFloatingNav = _109[0], setReadFloatingNav = _109[1];
     var readTabSectionRefs = (0, react_1.useRef)({});
     //INFO : Used by Read
     //INFO : Used by Update
-    var _109 = (0, react_1.useState)(false), modalVisible = _109[0], setModalVisible = _109[1];
-    var _110 = (0, react_1.useState)(false), deleteModal = _110[0], setDeleteModal = _110[1];
-    var _111 = (0, react_1.useState)(false), excelModal = _111[0], setExcelModal = _111[1];
-    var _112 = (0, react_1.useState)(false), exportExcel = _112[0], setExportExcel = _112[1];
-    var _113 = (0, react_1.useState)(""), exportType = _113[0], setExportType = _113[1];
-    var _114 = (0, react_1.useState)(false), exportQR = _114[0], setExportQR = _114[1];
-    var _115 = (0, react_1.useState)(function () {
+    var _110 = (0, react_1.useState)(false), modalVisible = _110[0], setModalVisible = _110[1];
+    var _111 = (0, react_1.useState)(false), deleteModal = _111[0], setDeleteModal = _111[1];
+    var _112 = (0, react_1.useState)(false), excelModal = _112[0], setExcelModal = _112[1];
+    var _113 = (0, react_1.useState)(false), exportExcel = _113[0], setExportExcel = _113[1];
+    var _114 = (0, react_1.useState)(""), exportType = _114[0], setExportType = _114[1];
+    var _115 = (0, react_1.useState)(false), exportQR = _115[0], setExportQR = _115[1];
+    var _116 = (0, react_1.useState)(function () {
         var _a, _b;
         var firstTabId = (_b = (_a = structure.find(function (item) { return item.tabId; })) === null || _a === void 0 ? void 0 : _a.tabId) !== null && _b !== void 0 ? _b : "";
         return firstTabId;
-    }), activeTab = _115[0], setActiveTab = _115[1];
-    var _116 = (0, react_1.useState)(false), signatureSigning = _116[0], setSignatureSigning = _116[1];
-    var _117 = (0, react_1.useState)({}), selectedData = _117[0], setSelectedData = _117[1];
-    var _118 = (0, react_1.useState)(""), selectedObjectStructureId = _118[0], setSelectedObjectStructureId = _118[1];
-    var _119 = (0, react_1.useState)(""), selectedObjectId = _119[0], setSelectedObjectId = _119[1];
-    var _120 = (0, react_1.useState)(""), selectedListAddressId = _120[0], setSelectedListAddressId = _120[1];
-    var _121 = (0, react_1.useState)(-1), selectedListAddressIndex = _121[0], setSelectedListAddressIndex = _121[1];
-    var _122 = (0, react_1.useState)({
+    }), activeTab = _116[0], setActiveTab = _116[1];
+    var _117 = (0, react_1.useState)(false), signatureSigning = _117[0], setSignatureSigning = _117[1];
+    var _118 = (0, react_1.useState)({}), selectedData = _118[0], setSelectedData = _118[1];
+    var _119 = (0, react_1.useState)(""), selectedObjectStructureId = _119[0], setSelectedObjectStructureId = _119[1];
+    var _120 = (0, react_1.useState)(""), selectedObjectId = _120[0], setSelectedObjectId = _120[1];
+    var _121 = (0, react_1.useState)(""), selectedListAddressId = _121[0], setSelectedListAddressId = _121[1];
+    var _122 = (0, react_1.useState)(-1), selectedListAddressIndex = _122[0], setSelectedListAddressIndex = _122[1];
+    var _123 = (0, react_1.useState)({
         lat: 0,
         lng: 0,
         name: "",
-    }), selectedListAddress = _122[0], setSelectedListAddress = _122[1];
-    var _123 = (0, react_1.useState)({}), selectedObjectData = _123[0], setSelectedObjectData = _123[1];
-    var _124 = (0, react_1.useState)(false), referenceLoading = _124[0], setReferenceLoading = _124[1];
-    var _125 = (0, react_1.useState)({}), referencesOptions = _125[0], setReferencesOptions = _125[1];
-    var _126 = (0, react_1.useState)({}), referencesDetails = _126[0], setReferencesDetails = _126[1];
-    var _127 = (0, react_1.useState)({}), referenceDeleteTableData = _127[0], setReferenceDeleteTableData = _127[1];
-    var _128 = (0, react_1.useState)(0), referenceDeleteIndex = _128[0], setReferenceDeleteIndex = _128[1];
-    var _129 = (0, react_1.useState)({
+    }), selectedListAddress = _123[0], setSelectedListAddress = _123[1];
+    var _124 = (0, react_1.useState)({}), selectedObjectData = _124[0], setSelectedObjectData = _124[1];
+    var _125 = (0, react_1.useState)(false), referenceLoading = _125[0], setReferenceLoading = _125[1];
+    var _126 = (0, react_1.useState)({}), referencesOptions = _126[0], setReferencesOptions = _126[1];
+    var _127 = (0, react_1.useState)({}), referencesDetails = _127[0], setReferencesDetails = _127[1];
+    var _128 = (0, react_1.useState)({}), referenceDeleteTableData = _128[0], setReferenceDeleteTableData = _128[1];
+    var _129 = (0, react_1.useState)(0), referenceDeleteIndex = _129[0], setReferenceDeleteIndex = _129[1];
+    var _130 = (0, react_1.useState)({
         id: "",
         name: "",
         type: "string",
-    }), referenceCreationModal = _129[0], setReferenceCreationModal = _129[1];
-    var _130 = (0, react_1.useState)({}), referenceModelSchema = _130[0], setReferenceSchema = _130[1];
-    var _131 = (0, react_1.useState)([]), kanbanChecked = _131[0], setKanbanChecked = _131[1];
+    }), referenceCreationModal = _130[0], setReferenceCreationModal = _130[1];
+    var _131 = (0, react_1.useState)({}), referenceModelSchema = _131[0], setReferenceSchema = _131[1];
+    var _132 = (0, react_1.useState)([]), kanbanChecked = _132[0], setKanbanChecked = _132[1];
     //INFO : Offline
-    var _132 = (0, react_1.useState)(0), offlineDataLength = _132[0], setOfflineDataLength = _132[1];
-    var _133 = (0, react_1.useState)(false), offlineModal = _133[0], setOfflineModal = _133[1];
+    var _133 = (0, react_1.useState)(0), offlineDataLength = _133[0], setOfflineDataLength = _133[1];
+    var _134 = (0, react_1.useState)(false), offlineModal = _134[0], setOfflineModal = _134[1];
     // INFO: live-stream state — driven by socket connection and navigator.onLine
-    var _134 = (0, react_1.useState)(false), isLive = _134[0], setIsLive = _134[1];
-    var _135 = (0, react_1.useState)(false), isLiveOffline = _135[0], setIsLiveOffline = _135[1];
+    var _135 = (0, react_1.useState)(false), isLive = _135[0], setIsLive = _135[1];
+    var _136 = (0, react_1.useState)(false), isLiveOffline = _136[0], setIsLiveOffline = _136[1];
     // INFO: true when navigator is offline — used to switch ReadQueryHoc between
     // server reads (online, full pagination) and IndexedDB reads (offline, cached data).
     // Independent of SSE status so it works even when bareSocketName is not set.
-    var _136 = (0, react_1.useState)(typeof navigator !== "undefined" ? !navigator.onLine : false), isNetworkOffline = _136[0], setIsNetworkOffline = _136[1];
+    var _137 = (0, react_1.useState)(typeof navigator !== "undefined" ? !navigator.onLine : false), isNetworkOffline = _137[0], setIsNetworkOffline = _137[1];
     var previousType = (0, react_1.useRef)(null);
     var previousSelectedData = (0, react_1.useRef)(null);
     var scrollSentinelRef = (0, react_1.useRef)(null);
@@ -7579,7 +7582,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         }
     };
     var renderTabContent = function (tabs, dataType, viewType) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32;
         var selectedTabData = tabs.find(function (eachTab) {
             if (eachTab.id === viewType) {
                 return eachTab;
@@ -7930,26 +7933,60 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             date: ev.date,
                         });
                     });
-                    return (react_1.default.createElement("div", { className: "mt-4" }, tableLoading ? (react_1.default.createElement(loading_1.Loading, null)) : (react_1.default.createElement(newCalendar_1.NewCalendar, { variant: "fullMonth", events: newCalendarEvents, selectedDate: calendarTabMonth, onSelectDate: function (date) {
-                            var startOfMonth = (0, dayjs_1.default)(calendarTabMonth).startOf("month");
-                            var endOfMonth = (0, dayjs_1.default)(calendarTabMonth).endOf("month");
-                            if (!(0, dayjs_1.default)(date).isBetween(startOfMonth, endOfMonth)) {
+                    // INFO: viewSwitch — optional Month/Week/Agenda toggle. The range
+                    // query follows via calendarView ("dayGridMonth" ↔ "timeGridWeek");
+                    // agenda lists the fetched month chronologically.
+                    var viewSwitchOptions = (_21 = calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.viewSwitch) !== null && _21 !== void 0 ? _21 : [];
+                    var VIEW_VARIANT_MAP = {
+                        month: "fullMonth",
+                        week: "weekTimeGrid",
+                        agenda: "agenda",
+                    };
+                    var activeVariant = (_22 = VIEW_VARIANT_MAP[newCalendarViewMode]) !== null && _22 !== void 0 ? _22 : "fullMonth";
+                    return (react_1.default.createElement("div", { className: "mt-4" },
+                        viewSwitchOptions.length > 1 && (react_1.default.createElement("div", { className: "mb-2 flex justify-end" },
+                            react_1.default.createElement("div", { className: "inline-flex rounded-lg border border-gray-200 bg-white p-0.5" }, viewSwitchOptions.map(function (view) { return (react_1.default.createElement("button", { key: view, type: "button", onClick: function () {
+                                    if (view === newCalendarViewMode)
+                                        return;
+                                    setNewCalendarViewMode(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";
+                                    if (nextCalendarView !== calendarView) {
+                                        setCalendarView(nextCalendarView);
+                                        setTableLoading(true);
+                                    }
+                                }, className: "rounded-md px-3 py-1 text-xs font-medium capitalize ".concat(newCalendarViewMode === view
+                                    ? "bg-primary-500 text-white"
+                                    : "text-gray-500 hover:bg-gray-50") }, view)); })))),
+                        tableLoading ? (react_1.default.createElement(loading_1.Loading, null)) : (react_1.default.createElement(newCalendar_1.NewCalendar, { key: newCalendarViewMode, variant: activeVariant, events: newCalendarEvents, selectedDate: calendarTabMonth, onSelectDate: function (date) {
+                                var startOfMonth = (0, dayjs_1.default)(calendarTabMonth).startOf("month");
+                                var endOfMonth = (0, dayjs_1.default)(calendarTabMonth).endOf("month");
+                                if (!(0, dayjs_1.default)(date).isBetween(startOfMonth, endOfMonth)) {
+                                    setTableLoading(true);
+                                }
+                                setCalendarTabMonth(date);
+                            }, 
+                            // INFO: Header month paging must refetch — the month range
+                            // query is driven by calendarTabMonth
+                            onChangeMonth: function (monthStart) {
                                 setTableLoading(true);
-                            }
-                            setCalendarTabMonth(date);
-                        }, 
-                        // INFO: Header month paging must refetch — the month range
-                        // query is driven by calendarTabMonth
-                        onChangeMonth: function (monthStart) {
-                            setTableLoading(true);
-                            setCalendarTabMonth(monthStart);
-                        }, onClickEvent: function (event) {
-                            var _a, _b;
-                            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");
-                        }, darkMode: (_21 = props.organise) === null || _21 === void 0 ? void 0 : _21.darkMode, className: "w-full" }))));
+                                setCalendarTabMonth(monthStart);
+                            }, 
+                            // INFO: Week paging in weekTimeGrid — anchor the isoWeek
+                            // range query on the new week's Monday
+                            onChangeWeek: function (weekStart) {
+                                setTableLoading(true);
+                                setCalendarTabMonth(weekStart);
+                            }, onClickEvent: function (event) {
+                                var _a, _b;
+                                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");
+                            }, darkMode: (_23 = props.organise) === null || _23 === void 0 ? void 0 : _23.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: (_22 = calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.defaultView) !== null && _22 !== void 0 ? _22 : calendarView, handleMonthChange: function (date) {
+                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: (_24 = calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.defaultView) !== null && _24 !== void 0 ? _24 : calendarView, handleMonthChange: function (date) {
                         var startOfMonth = (0, dayjs_1.default)(calendarTabMonth).startOf("month");
                         var endOfMonth = (0, dayjs_1.default)(calendarTabMonth).endOf("month");
                         if (!(0, dayjs_1.default)(date).isBetween(startOfMonth, endOfMonth)) {
@@ -7967,7 +8004,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             else if (selectedTabData.viewType === "feeds") {
                 var contentList_1 = [];
                 var feedsSettings_1 = selectedTabData.feedsSettings;
-                var customFeedsData = (_23 = feedsSettings_1 === null || feedsSettings_1 === void 0 ? void 0 : feedsSettings_1.customFeedsData) === null || _23 === void 0 ? void 0 : _23.call(feedsSettings_1, tableData, spaceTableData);
+                var customFeedsData = (_25 = feedsSettings_1 === null || feedsSettings_1 === void 0 ? void 0 : feedsSettings_1.customFeedsData) === null || _25 === void 0 ? void 0 : _25.call(feedsSettings_1, tableData, spaceTableData);
                 if (customFeedsData && customFeedsData.length > 0) {
                     customFeedsData.map(function (eachData) {
                         var _a, _b, _c, _d;
@@ -8008,11 +8045,11 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     });
                 }
                 return (react_1.default.createElement("div", { className: "mt-4" }, tableLoading ? (react_1.default.createElement(loading_1.Loading, null)) : (react_1.default.createElement("div", { className: "p-4 bg-white rounded-lg" },
-                    react_1.default.createElement(feeds_1.Feeds, { bold: true, content: contentList_1, darkMode: (_24 = props.organise) === null || _24 === void 0 ? void 0 : _24.darkMode }),
+                    react_1.default.createElement(feeds_1.Feeds, { bold: true, content: contentList_1, darkMode: (_26 = props.organise) === null || _26 === void 0 ? void 0 : _26.darkMode }),
                     react_1.default.createElement("div", { className: "my-10" }),
-                    contentList_1.length > 0 && !((_25 = props.organise) === null || _25 === void 0 ? void 0 : _25.hidePagination) && (react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: renderResolvedPaginationType(), handleUpdatePageIndex: function (value) {
+                    contentList_1.length > 0 && !((_27 = props.organise) === null || _27 === void 0 ? void 0 : _27.hidePagination) && (react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: renderResolvedPaginationType(), handleUpdatePageIndex: function (value) {
                             handlePagination(value);
-                        }, darkMode: (_26 = props.organise) === null || _26 === void 0 ? void 0 : _26.darkMode, customPaginationSize: customPaginationSize }))))));
+                        }, darkMode: (_28 = props.organise) === null || _28 === void 0 ? void 0 : _28.darkMode, customPaginationSize: customPaginationSize }))))));
             }
             else if (selectedTabData.viewType === "map") {
                 var mapSettings_1 = selectedTabData.mapSettings;
@@ -8111,7 +8148,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             }
             else if (selectedTabData.viewType === "kanban") {
                 var kanbanSettings = selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.kanbanSettings;
-                var kanbanTitle_2 = (_27 = kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.title) !== null && _27 !== void 0 ? _27 : "";
+                var kanbanTitle_2 = (_29 = kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.title) !== null && _29 !== void 0 ? _29 : "";
                 var nullColumn_1 = false;
                 var groupBy_1 = [];
                 var groupLabel_1 = [];
@@ -8132,10 +8169,10 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 });
                 var kanbanData = renderGridAndListData("", "kanban", kanbanTitle_2, kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.useColumnName);
                 // INFO: when bareNewDTW is enabled, render NewKanban instead of legacy Kanban
-                if ((_28 = props.bareSettings) === null || _28 === void 0 ? void 0 : _28.bareNewDTW) {
+                if ((_30 = props.bareSettings) === null || _30 === void 0 ? void 0 : _30.bareNewDTW) {
                     return (react_1.default.createElement(newKanban_1.NewKanban, { className: "inline-flex", data: kanbanData, loading: tableLoading, groupBy: groupBy_1, groupId: kanbanTitle_2 !== null && kanbanTitle_2 !== void 0 ? kanbanTitle_2 : "", groupLabel: groupLabel_1.length > 0 ? groupLabel_1 : undefined, nullColumn: nullColumn_1, alertMessage: kanbanData.length === limit
                             ? "Data has exceeded limit, please apply filters"
-                            : "", groupCluster: kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.groupCluster, draggable: true, droppable: kanbanDroppable, mobileView: (_29 = props.bareSettings) === null || _29 === void 0 ? void 0 : _29.bareListMobileView, onUpdateData: function (cardId, _fromCol, toCol) {
+                            : "", groupCluster: kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.groupCluster, draggable: true, droppable: kanbanDroppable, mobileView: (_31 = props.bareSettings) === null || _31 === void 0 ? void 0 : _31.bareListMobileView, onUpdateData: function (cardId, _fromCol, toCol) {
                             var _a;
                             setKanbanDroppable(false);
                             handleSubmitData("update", cardId, kanbanTitle_2, (_a = {},
@@ -8144,7 +8181,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         }, onClickData: function (id) {
                             var _a, _b;
                             (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "read", id, "general");
-                        }, darkMode: (_30 = props.organise) === null || _30 === void 0 ? void 0 : _30.darkMode }));
+                        }, darkMode: (_32 = props.organise) === null || _32 === void 0 ? void 0 : _32.darkMode }));
                 }
                 return (react_1.default.createElement(kanban_1.Kanban, { className: "inline-flex", data: kanbanData, loading: tableLoading, groupBy: groupBy_1, groupId: kanbanTitle_2 !== null && kanbanTitle_2 !== void 0 ? kanbanTitle_2 : "", groupLabel: groupLabel_1.length > 0 ? groupLabel_1 : undefined, nullColumn: nullColumn_1, alertMessage: kanbanData.length === limit
                         ? "Data has exceeded limit, please apply filters"