blixify-ui-web 0.1.266 → 0.1.268

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":"AAmBA,OAAO,KAON,MAAM,OAAO,CAAC;AAoDf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAM1B,eAAO,MAAM,YAAY,mFAy5HvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAON,MAAM,OAAO,CAAC;AAoDf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAM1B,eAAO,MAAM,YAAY,mFAi/HvB,CAAC"}

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

@@ -161,41 +161,42 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var _16 = (0, react_1.useState)(false), filterModal = _16[0], setFilterModal = _16[1];
     var _17 = (0, react_1.useState)(false), addTabModal = _17[0], setAddTabModal = _17[1];
     var _18 = (0, react_1.useState)(), selectedTab = _18[0], setSelectedTab = _18[1];
-    var _19 = (0, react_1.useState)((0, moment_1.default)().startOf("month").toDate()), calendarTabMonth = _19[0], setCalendarTabMonth = _19[1];
-    var _20 = (0, react_1.useState)(false), queryForm = _20[0], setQueryForm = _20[1];
-    var _21 = (0, react_1.useState)(false), batchUpdateModal = _21[0], setBatchUpdateModal = _21[1];
-    var _22 = (0, react_1.useState)({
+    var _19 = (0, react_1.useState)("dayGridMonth"), calendarView = _19[0], setCalendarView = _19[1];
+    var _20 = (0, react_1.useState)((0, moment_1.default)().startOf("month").toDate()), calendarTabMonth = _20[0], setCalendarTabMonth = _20[1];
+    var _21 = (0, react_1.useState)(false), queryForm = _21[0], setQueryForm = _21[1];
+    var _22 = (0, react_1.useState)(false), batchUpdateModal = _22[0], setBatchUpdateModal = _22[1];
+    var _23 = (0, react_1.useState)({
         columnId: "",
         columnData: {},
-    }), batchUpdateData = _22[0], setBatchUpdateData = _22[1];
+    }), batchUpdateData = _23[0], setBatchUpdateData = _23[1];
     //INFO : Used by Export
-    var _23 = (0, react_1.useState)(null), csvFile = _23[0], setCSVFile = _23[1];
-    var _24 = (0, react_1.useState)([]), csvFileData = _24[0], setCSVFileData = _24[1];
-    var _25 = (0, react_1.useState)(0), stepCSVIndex = _25[0], setStepCSVIndex = _25[1];
-    var _26 = (0, react_1.useState)({}), listCSVMapAttribute = _26[0], setListCSVMapAttribute = _26[1];
-    var _27 = (0, react_1.useState)({}), listCSVObjAttribute = _27[0], setListCSVObjAttribute = _27[1];
-    var _28 = (0, react_1.useState)([]), csvAPIAttribute = _28[0], setCSVAPIAttribute = _28[1];
-    var _29 = (0, react_1.useState)(((_a = props.devSettings.currentUser) === null || _a === void 0 ? void 0 : _a.userEmail) || ""), exportCSVEmail = _29[0], setExportCSVEmail = _29[1];
-    var _30 = (0, react_1.useState)([]), importTableData = _30[0], setImportTableData = _30[1];
-    var _31 = (0, react_1.useState)([]), queryList = _31[0], setQueryList = _31[1];
-    var _32 = (0, react_1.useState)(-1), queryIndex = _32[0], setQueryIndex = _32[1];
+    var _24 = (0, react_1.useState)(null), csvFile = _24[0], setCSVFile = _24[1];
+    var _25 = (0, react_1.useState)([]), csvFileData = _25[0], setCSVFileData = _25[1];
+    var _26 = (0, react_1.useState)(0), stepCSVIndex = _26[0], setStepCSVIndex = _26[1];
+    var _27 = (0, react_1.useState)({}), listCSVMapAttribute = _27[0], setListCSVMapAttribute = _27[1];
+    var _28 = (0, react_1.useState)({}), listCSVObjAttribute = _28[0], setListCSVObjAttribute = _28[1];
+    var _29 = (0, react_1.useState)([]), csvAPIAttribute = _29[0], setCSVAPIAttribute = _29[1];
+    var _30 = (0, react_1.useState)(((_a = props.devSettings.currentUser) === null || _a === void 0 ? void 0 : _a.userEmail) || ""), exportCSVEmail = _30[0], setExportCSVEmail = _30[1];
+    var _31 = (0, react_1.useState)([]), importTableData = _31[0], setImportTableData = _31[1];
+    var _32 = (0, react_1.useState)([]), queryList = _32[0], setQueryList = _32[1];
+    var _33 = (0, react_1.useState)(-1), queryIndex = _33[0], setQueryIndex = _33[1];
     //INFO : Used by Read
     //INFO : Used by Update
-    var _33 = (0, react_1.useState)(false), modalVisible = _33[0], setModalVisible = _33[1];
-    var _34 = (0, react_1.useState)(false), deleteModal = _34[0], setDeleteModal = _34[1];
-    var _35 = (0, react_1.useState)(false), excelModal = _35[0], setExcelModal = _35[1];
-    var _36 = (0, react_1.useState)(false), exportExcel = _36[0], setExportExcel = _36[1];
-    var _37 = (0, react_1.useState)(false), exportQR = _37[0], setExportQR = _37[1];
-    var _38 = (0, react_1.useState)({}), selectedData = _38[0], setSelectedData = _38[1];
-    var _39 = (0, react_1.useState)(""), selectedObjectStructureId = _39[0], setSelectedObjectStructureId = _39[1];
-    var _40 = (0, react_1.useState)(""), selectedObjectId = _40[0], setSelectedObjectId = _40[1];
-    var _41 = (0, react_1.useState)({}), selectedObjectData = _41[0], setSelectedObjectData = _41[1];
-    var _42 = (0, react_1.useState)(false), referenceLoading = _42[0], setReferenceLoading = _42[1];
-    var _43 = (0, react_1.useState)({}), referencesOptions = _43[0], setReferencesOptions = _43[1];
-    var _44 = (0, react_1.useState)({}), referenceModelSchema = _44[0], setReferenceSchema = _44[1];
+    var _34 = (0, react_1.useState)(false), modalVisible = _34[0], setModalVisible = _34[1];
+    var _35 = (0, react_1.useState)(false), deleteModal = _35[0], setDeleteModal = _35[1];
+    var _36 = (0, react_1.useState)(false), excelModal = _36[0], setExcelModal = _36[1];
+    var _37 = (0, react_1.useState)(false), exportExcel = _37[0], setExportExcel = _37[1];
+    var _38 = (0, react_1.useState)(false), exportQR = _38[0], setExportQR = _38[1];
+    var _39 = (0, react_1.useState)({}), selectedData = _39[0], setSelectedData = _39[1];
+    var _40 = (0, react_1.useState)(""), selectedObjectStructureId = _40[0], setSelectedObjectStructureId = _40[1];
+    var _41 = (0, react_1.useState)(""), selectedObjectId = _41[0], setSelectedObjectId = _41[1];
+    var _42 = (0, react_1.useState)({}), selectedObjectData = _42[0], setSelectedObjectData = _42[1];
+    var _43 = (0, react_1.useState)(false), referenceLoading = _43[0], setReferenceLoading = _43[1];
+    var _44 = (0, react_1.useState)({}), referencesOptions = _44[0], setReferencesOptions = _44[1];
+    var _45 = (0, react_1.useState)({}), referenceModelSchema = _45[0], setReferenceSchema = _45[1];
     //INFO : Offline
-    var _45 = (0, react_1.useState)(0), offlineDataLength = _45[0], setOfflineDataLength = _45[1];
-    var _46 = (0, react_1.useState)(false), offlineModal = _46[0], setOfflineModal = _46[1];
+    var _46 = (0, react_1.useState)(0), offlineDataLength = _46[0], setOfflineDataLength = _46[1];
+    var _47 = (0, react_1.useState)(false), offlineModal = _47[0], setOfflineModal = _47[1];
     var devSettings = props.devSettings;
     var serverId = devSettings.server === "mongoServer" ? "_id" : "id";
     var isEditor = ((_b = props.edit) === null || _b === void 0 ? void 0 : _b.allEditable) ? true : false;
@@ -341,7 +342,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         return sort;
     };
     var handleReadQueryHocCond = function () {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         var query = (_a = renderImpSearchFilterConditions()) !== null && _a !== void 0 ? _a : [];
         if ((_b = props.bareSettings) === null || _b === void 0 ? void 0 : _b.bareListFilterQuery) {
             // INFO - To Replace bareListFilterQuery when they have same queryId
@@ -365,15 +366,77 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             limit: limit,
         };
         if (selectedTab && selectedTab.viewType === "calendar") {
-            var lastDayOfMonth = (0, moment_1.default)(calendarTabMonth).endOf("month").toDate();
-            query.push({
-                type: "><",
-                queryId: (_d = selectedTab.calendarSettings) === null || _d === void 0 ? void 0 : _d.startDate,
-                value: [
-                    (0, moment_1.default)(calendarTabMonth).toISOString(),
-                    (0, moment_1.default)(lastDayOfMonth).toISOString(),
-                ],
-            });
+            var startDate = (0, moment_1.default)(calendarTabMonth).toDate();
+            var endDate = (0, moment_1.default)(calendarTabMonth).toDate();
+            if (calendarView === "timeGridDay") {
+                startDate = (0, moment_1.default)(calendarTabMonth).startOf("day").toDate();
+                endDate = (0, moment_1.default)(calendarTabMonth).endOf("day").toDate();
+            }
+            else if (calendarView === "timeGridWeek") {
+                startDate = (0, moment_1.default)(calendarTabMonth).startOf("isoWeek").toDate();
+                endDate = (0, moment_1.default)(calendarTabMonth).endOf("isoWeek").toDate();
+            }
+            else {
+                startDate = (0, moment_1.default)(calendarTabMonth).startOf("month").toDate();
+                endDate = (0, moment_1.default)(calendarTabMonth).endOf("month").toDate();
+            }
+            if ((_d = selectedTab.calendarSettings) === null || _d === void 0 ? void 0 : _d.endDate) {
+                //INFO 1 : Check my date is in range of calendar
+                query.push({
+                    type: ">",
+                    queryId: (_e = selectedTab.calendarSettings) === null || _e === void 0 ? void 0 : _e.startDate,
+                    value: (0, moment_1.default)(startDate).toISOString(),
+                    orQuery: true,
+                    orQueryGroupId: "1",
+                });
+                query.push({
+                    type: "<",
+                    queryId: (_f = selectedTab.calendarSettings) === null || _f === void 0 ? void 0 : _f.endDate,
+                    value: (0, moment_1.default)(endDate).toISOString(),
+                    orQuery: true,
+                    orQueryGroupId: "1",
+                });
+                //INFO 2 : Check start date before and my end date is after the range of calendar
+                query.push({
+                    type: "<",
+                    queryId: (_g = selectedTab.calendarSettings) === null || _g === void 0 ? void 0 : _g.startDate,
+                    value: (0, moment_1.default)(startDate).toISOString(),
+                    orQuery: true,
+                    orQueryGroupId: "2",
+                });
+                query.push({
+                    type: ">",
+                    queryId: (_h = selectedTab.calendarSettings) === null || _h === void 0 ? void 0 : _h.endDate,
+                    value: (0, moment_1.default)(endDate).toISOString(),
+                    orQuery: true,
+                    orQueryGroupId: "2",
+                });
+                //INFO 3 : Check whether my start date and my end date is between the range of calendar
+                query.push({
+                    type: "<",
+                    queryId: (_j = selectedTab.calendarSettings) === null || _j === void 0 ? void 0 : _j.startDate,
+                    value: (0, moment_1.default)(endDate).toISOString(),
+                    orQuery: true,
+                    orQueryGroupId: "3",
+                });
+                query.push({
+                    type: ">",
+                    queryId: (_k = selectedTab.calendarSettings) === null || _k === void 0 ? void 0 : _k.endDate,
+                    value: (0, moment_1.default)(startDate).toISOString(),
+                    orQuery: true,
+                    orQueryGroupId: "3",
+                });
+            }
+            else {
+                query.push({
+                    type: "><",
+                    queryId: (_l = selectedTab.calendarSettings) === null || _l === void 0 ? void 0 : _l.startDate,
+                    value: [
+                        (0, moment_1.default)(startDate).toISOString(),
+                        (0, moment_1.default)(endDate).toISOString(),
+                    ],
+                });
+            }
             cond.limit = undefined;
             cond.stopLimit = true;
         }
@@ -1574,39 +1637,57 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         });
     }); };
     var handleRetrieveSelectedData = function (responseData) { return __awaiter(void 0, void 0, void 0, function () {
-        var dummyRespData, dummyReferenceModelSchema, newRespData, _a;
+        var clonedReferencesOptions_1, dummyRespData, dummyReferenceModelSchema, newRespData, _a;
         var _b, _c, _d, _e, _f, _g, _h;
         return __generator(this, function (_j) {
             switch (_j.label) {
                 case 0:
-                    if (!responseData.data) return [3 /*break*/, 5];
-                    if (!((_b = props.bareSettings) === null || _b === void 0 ? void 0 : _b.bareOffline)) return [3 /*break*/, 1];
+                    if (!responseData.data) return [3 /*break*/, 6];
+                    if (!((_b = props.bareSettings) === null || _b === void 0 ? void 0 : _b.bareOffline)) return [3 /*break*/, 2];
                     setSelectedData(responseData.data);
                     if ((_c = props.bareSettings) === null || _c === void 0 ? void 0 : _c.bareReadHandleData)
                         props.bareSettings.bareReadHandleData(responseData.data);
-                    return [3 /*break*/, 5];
+                    clonedReferencesOptions_1 = JSON.parse(JSON.stringify(referencesOptions));
+                    return [4 /*yield*/, Promise.all(props.model.map(function (eachModel) { return __awaiter(void 0, void 0, void 0, function () {
+                            var offlineDataResp, offlineData;
+                            var _a;
+                            return __generator(this, function (_b) {
+                                switch (_b.label) {
+                                    case 0: return [4 /*yield*/, indexedDb_1.indexedDb.getValue("local", eachModel.referenceSpaceId + "-ref")];
+                                    case 1:
+                                        offlineDataResp = _b.sent();
+                                        offlineData = (_a = offlineDataResp === null || offlineDataResp === void 0 ? void 0 : offlineDataResp.data) !== null && _a !== void 0 ? _a : [];
+                                        clonedReferencesOptions_1[eachModel.id] = offlineData;
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); }))];
                 case 1:
+                    _j.sent();
+                    setReferencesOptions(clonedReferencesOptions_1);
+                    return [3 /*break*/, 6];
+                case 2:
                     dummyRespData = JSON.parse(JSON.stringify(responseData.data), utils_1.jsonReviver);
                     dummyReferenceModelSchema = JSON.parse(JSON.stringify(referenceModelSchema));
-                    if (!(props.type === "read")) return [3 /*break*/, 3];
+                    if (!(props.type === "read")) return [3 /*break*/, 4];
                     return [4 /*yield*/, (0, readModule_1.handleRetrieveDeepModel)(dummyRespData, (_d = props.model) !== null && _d !== void 0 ? _d : [], dbModule, devSettings, {
                             assetParentId: (_e = props.id) !== null && _e !== void 0 ? _e : "",
                             bucketName: (_f = devSettings.bucketName) !== null && _f !== void 0 ? _f : "",
                         }, (_g = devSettings.organisationMembers) !== null && _g !== void 0 ? _g : [], dummyReferenceModelSchema, setReferenceSchema)];
-                case 2:
-                    _a = _j.sent();
-                    return [3 /*break*/, 4];
                 case 3:
-                    _a = dummyRespData;
-                    _j.label = 4;
+                    _a = _j.sent();
+                    return [3 /*break*/, 5];
                 case 4:
+                    _a = dummyRespData;
+                    _j.label = 5;
+                case 5:
                     newRespData = _a;
                     setSelectedData(newRespData);
                     if ((_h = props.bareSettings) === null || _h === void 0 ? void 0 : _h.bareReadHandleData)
                         props.bareSettings.bareReadHandleData(newRespData);
                     (0, updateModule_1.handleRetrieveReferenceOptions)(newRespData, props.model, dbModule, devSettings.server, devSettings.dbEndpoint, devSettings.dbAPIToken, setReferencesOptions);
-                    _j.label = 5;
-                case 5:
+                    _j.label = 6;
+                case 6:
                     setModalVisible(false);
                     setLoading(false);
                     return [2 /*return*/];
@@ -2936,10 +3017,14 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     }
                     return eventAvailabilities;
                 };
-                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, handleMonthChange: function (date) {
-                        setTableLoading(true);
+                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: calendarView, handleMonthChange: function (date) {
+                        var startOfMonth = (0, moment_1.default)(calendarTabMonth).startOf("month");
+                        var endOfMonth = (0, moment_1.default)(calendarTabMonth).endOf("month");
+                        if (!(0, moment_1.default)(date).isBetween(startOfMonth, endOfMonth)) {
+                            setTableLoading(true);
+                        }
                         setCalendarTabMonth(date);
-                    }, renderEventAvailabilities: renderEventAvailabilities, onClickEvent: function (id) {
+                    }, handleViewChange: setCalendarView, renderEventAvailabilities: renderEventAvailabilities, onClickEvent: function (id) {
                         var _a, _b;
                         if (id)
                             (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "read", id, "general");