blixify-ui-web 0.2.41 → 0.2.43

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

@@ -211,14 +211,16 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var _47 = (0, react_1.useState)(0), offlineDataLength = _47[0], setOfflineDataLength = _47[1];
     var _48 = (0, react_1.useState)(false), offlineModal = _48[0], setOfflineModal = _48[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;
-    var limit = props.limit ? props.limit : 10;
-    var dbModule = devSettings.server === "firebase" ? (_c = props.lib) === null || _c === void 0 ? void 0 : _c.firebase : (_d = props.lib) === null || _d === void 0 ? void 0 : _d.axios;
+    var serverId = (0, utils_1.parseServerId)(devSettings.server);
+    var isFirebaseClient = devSettings.server === "firebase";
+    var isFirebase = isFirebaseClient || devSettings.server === "fbServer";
+    var dbModule = isFirebaseClient ? (_b = props.lib) === null || _b === void 0 ? void 0 : _b.firebase : (_c = props.lib) === null || _c === void 0 ? void 0 : _c.axios;
     var schemaPresent = props.devSettings.schemaEndpoint ? true : false;
-    var hasNavigation = ((_e = props.organise) === null || _e === void 0 ? void 0 : _e.handleNavigate) ? true : false;
+    var limit = props.limit ? props.limit : 10;
+    var isEditor = ((_d = props.edit) === null || _d === void 0 ? void 0 : _d.allEditable) ? true : false;
+    var isOffline = (_e = props.bareSettings) === null || _e === void 0 ? void 0 : _e.bareOffline;
     var showId = (_f = props.space) === null || _f === void 0 ? void 0 : _f.showId;
-    var isOffline = (_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareOffline;
+    var hasNavigation = ((_g = props.organise) === null || _g === void 0 ? void 0 : _g.handleNavigate) ? true : false;
     var formColumn = ((_h = props.bareSettings) === null || _h === void 0 ? void 0 : _h.bareUpdateOneColumn)
         ? "grid-cols-2"
         : "grid-cols-4";
@@ -240,9 +242,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         dbUserToken: devSettings.dbUserToken,
     });
     var moreButtonPopUp = [
-        ((_l = props.edit) === null || _l === void 0 ? void 0 : _l.allEditable) &&
-            props.devSettings.server !== "fbServer" &&
-            props.devSettings.server !== "firebase"
+        ((_l = props.edit) === null || _l === void 0 ? void 0 : _l.allEditable) && !isFirebase
             ? {
                 text: "Import Excel",
                 onClick: function () {
@@ -365,7 +365,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var handleReadQueryHocSort = function (query) {
         var _a, _b;
         var sort = (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.sort) !== null && _b !== void 0 ? _b : undefined;
-        if (props.devSettings.server === "fbServer") {
+        if (isFirebase) {
             query === null || query === void 0 ? void 0 : query.map(function (eachQuery) {
                 var _a, _b;
                 if (eachQuery.type === "search") {
@@ -488,7 +488,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         setSelectAll(value);
     };
     var handlePagination = function (value) {
-        if (devSettings.server === "mongoServer") {
+        if (!isFirebase) {
             setTableLoading(true);
             handleSetListData([], []);
         }
@@ -498,7 +498,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         else {
             if (value === "next") {
                 //INFO : Retrieve latest cursor data from Firebase only
-                if (devSettings.server !== "mongoServer" &&
+                if (isFirebase &&
                     cursor &&
                     (pageIndex + 1) * limit + 1 > tableData.length) {
                     setLastCursor(cursor);
@@ -596,7 +596,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         catch (err) { }
                     }
                     else {
-                        if (devSettings.server === "mongoServer") {
+                        if (!isFirebase) {
                             handleSetListData(dataList, prettierDataList);
                             setSize(responseData.count);
                         }
@@ -645,8 +645,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         }, 500);
     };
     var handleClearDataByFilter = function (ignore) {
-        if (props.devSettings.server === "fbServer" ||
-            props.devSettings.server === "firebase") {
+        if (isFirebase) {
             if (ignore) {
                 if (ignore === "search") {
                     setFilterReference({});
@@ -728,8 +727,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     //SECTION: Handle Object
     //=====================================================================================
     var handleRemoveObjectListData = function () {
-        var _a, _b;
-        var clonedSelectedData = (0, updateModule_1.handleClonedDataAttribute)(selectedData, props.model, (_b = (_a = props.devSettings) === null || _a === void 0 ? void 0 : _a.server) !== null && _b !== void 0 ? _b : "mongoServer");
+        var clonedSelectedData = (0, updateModule_1.handleClonedDataAttribute)(selectedData, props.model, props.devSettings.server);
         if (selectedObjectId) {
             var index = clonedSelectedData[selectedObjectStructureId].findIndex(function (eachData) { return eachData.id === selectedObjectId; });
             if (index !== -1) {
@@ -741,12 +739,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         }
     };
     var handleSubmitObjectDataType = function () {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        var clonedSelectedData = (0, updateModule_1.handleClonedDataAttribute)(selectedData, props.model, (_b = (_a = props.devSettings) === null || _a === void 0 ? void 0 : _a.server) !== null && _b !== void 0 ? _b : "mongoServer", false, showId);
+        var _a, _b;
+        var clonedSelectedData = (0, updateModule_1.handleClonedDataAttribute)(selectedData, props.model, props.devSettings.server, false, showId);
         var filterObjectModel = props.model.find(function (eachModel) {
             return eachModel.id === selectedObjectStructureId;
         });
-        var clonedSelectedObjectData = (0, updateModule_1.handleClonedDataAttribute)(selectedObjectData, (_c = filterObjectModel === null || filterObjectModel === void 0 ? void 0 : filterObjectModel.objectData) !== null && _c !== void 0 ? _c : [], (_e = (_d = props.devSettings) === null || _d === void 0 ? void 0 : _d.server) !== null && _e !== void 0 ? _e : "mongoServer", true, true);
+        var clonedSelectedObjectData = (0, updateModule_1.handleClonedDataAttribute)(selectedObjectData, (_a = filterObjectModel === null || filterObjectModel === void 0 ? void 0 : filterObjectModel.objectData) !== null && _a !== void 0 ? _a : [], props.devSettings.server, true, true);
         if (!clonedSelectedObjectData["id"]) {
             clonedSelectedObjectData["id"] = (0, uuid_1.v4)();
         }
@@ -777,7 +775,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         }
         else {
             //INFO: [UPDATE] Updating an object field
-            var clonedSelectedObjectData_1 = (0, updateModule_1.handleClonedDataAttribute)(selectedObjectData, (_f = filterObjectModel === null || filterObjectModel === void 0 ? void 0 : filterObjectModel.objectData) !== null && _f !== void 0 ? _f : [], (_h = (_g = props.devSettings) === null || _g === void 0 ? void 0 : _g.server) !== null && _h !== void 0 ? _h : "mongoServer", true);
+            var clonedSelectedObjectData_1 = (0, updateModule_1.handleClonedDataAttribute)(selectedObjectData, (_b = filterObjectModel === null || filterObjectModel === void 0 ? void 0 : filterObjectModel.objectData) !== null && _b !== void 0 ? _b : [], props.devSettings.server, true);
             clonedSelectedData[selectedObjectStructureId] = clonedSelectedObjectData_1;
             setSelectedData(clonedSelectedData);
         }
@@ -847,15 +845,14 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     }); };
     var handleUploadImage = function (id, data) { return __awaiter(void 0, void 0, void 0, function () {
         var clonedSelectedData, objectAttribute, listObjectAttribute;
-        var _a, _b;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
                 case 0:
-                    clonedSelectedData = (0, updateModule_1.handleClonedDataAttribute)(data !== null && data !== void 0 ? data : selectedData, props.model, (_b = (_a = props.devSettings) === null || _a === void 0 ? void 0 : _a.server) !== null && _b !== void 0 ? _b : "mongoServer", true, showId);
+                    clonedSelectedData = (0, updateModule_1.handleClonedDataAttribute)(data !== null && data !== void 0 ? data : selectedData, props.model, props.devSettings.server, true, showId);
                     return [4 /*yield*/, handleParseImageField(id, clonedSelectedData, props.model)];
                 case 1:
                     //INFO: Parse & Upload Data "Image & File attributes"
-                    clonedSelectedData = _c.sent();
+                    clonedSelectedData = _a.sent();
                     objectAttribute = props.model.filter(function (eachAttribute) {
                         return eachAttribute.type === "object";
                     });
@@ -871,7 +868,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             });
                         }); }))];
                 case 2:
-                    _c.sent();
+                    _a.sent();
                     listObjectAttribute = props.model.filter(function (eachAttribute) {
                         return eachAttribute.type === "listObject";
                     });
@@ -887,7 +884,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             });
                         }); }))];
                 case 3:
-                    _c.sent();
+                    _a.sent();
                     return [2 /*return*/, clonedSelectedData];
             }
         });
@@ -1348,24 +1345,24 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     }); };
     var handleCheckDeleteReference = function (selectedData, multipleDelete) { return __awaiter(void 0, void 0, void 0, function () {
         var existDataIds, existsData, handleFindReference_1, collectionIdList_1, columnIdList_1, collectionNameList_1, refStructureList_1, schemaQuery, schemaRes, spaceList, err_8;
-        var _a, _b, _c;
-        return __generator(this, function (_d) {
-            switch (_d.label) {
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
                 case 0:
                     existDataIds = [];
                     existsData = {};
-                    _d.label = 1;
+                    _c.label = 1;
                 case 1:
-                    _d.trys.push([1, 10, , 11]);
+                    _c.trys.push([1, 10, , 11]);
                     handleFindReference_1 = function (data, referenceStructure, space, spaceId, spaceName) { return __awaiter(void 0, void 0, void 0, function () {
                         var referenceRQ, currentReferenceSelectedList;
-                        var _a, _b, _c, _d, _e, _f, _g;
-                        return __generator(this, function (_h) {
-                            switch (_h.label) {
+                        var _a, _b, _c, _d, _e, _f;
+                        return __generator(this, function (_g) {
+                            switch (_g.label) {
                                 case 0:
                                     referenceRQ = new readQuery_1.ReadQuery({
                                         dbModule: dbModule,
-                                        dbType: (_a = props.devSettings.server) !== null && _a !== void 0 ? _a : "mongoServer",
+                                        dbType: props.devSettings.server,
                                         dbCollection: space ? space._id : spaceId !== null && spaceId !== void 0 ? spaceId : "",
                                         dbEndpoint: props.devSettings.dbEndpoint,
                                         dbAPIToken: props.devSettings.dbAPIToken,
@@ -1384,16 +1381,16 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                             ],
                                         })];
                                 case 1:
-                                    currentReferenceSelectedList = _h.sent();
+                                    currentReferenceSelectedList = _g.sent();
                                     if ((currentReferenceSelectedList === null || currentReferenceSelectedList === void 0 ? void 0 : currentReferenceSelectedList.data) &&
                                         (currentReferenceSelectedList === null || currentReferenceSelectedList === void 0 ? void 0 : currentReferenceSelectedList.data.length) > 0) {
                                         if (!existDataIds.includes(data[serverId]))
                                             existDataIds.push(data[serverId]);
-                                        if (existsData[(_c = data[(_b = referenceStructure === null || referenceStructure === void 0 ? void 0 : referenceStructure.referenceLabel) !== null && _b !== void 0 ? _b : ""]) !== null && _c !== void 0 ? _c : data[serverId]]) {
-                                            existsData[(_e = data[(_d = referenceStructure === null || referenceStructure === void 0 ? void 0 : referenceStructure.referenceLabel) !== null && _d !== void 0 ? _d : ""]) !== null && _e !== void 0 ? _e : data[serverId]].push("".concat(space ? space.name : spaceName !== null && spaceName !== void 0 ? spaceName : "", " - ").concat(currentReferenceSelectedList.count));
+                                        if (existsData[(_b = data[(_a = referenceStructure === null || referenceStructure === void 0 ? void 0 : referenceStructure.referenceLabel) !== null && _a !== void 0 ? _a : ""]) !== null && _b !== void 0 ? _b : data[serverId]]) {
+                                            existsData[(_d = data[(_c = referenceStructure === null || referenceStructure === void 0 ? void 0 : referenceStructure.referenceLabel) !== null && _c !== void 0 ? _c : ""]) !== null && _d !== void 0 ? _d : data[serverId]].push("".concat(space ? space.name : spaceName !== null && spaceName !== void 0 ? spaceName : "", " - ").concat(currentReferenceSelectedList.count));
                                         }
                                         else {
-                                            existsData[(_g = data[(_f = referenceStructure.referenceLabel) !== null && _f !== void 0 ? _f : ""]) !== null && _g !== void 0 ? _g : data[serverId]] = [
+                                            existsData[(_f = data[(_e = referenceStructure.referenceLabel) !== null && _e !== void 0 ? _e : ""]) !== null && _f !== void 0 ? _f : data[serverId]] = [
                                                 "".concat(space ? space.name : spaceName !== null && spaceName !== void 0 ? spaceName : "", " - ").concat(currentReferenceSelectedList.count, " row(s)"),
                                             ];
                                         }
@@ -1445,8 +1442,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             });
                         }); }))];
                 case 2:
-                    _d.sent();
-                    _d.label = 3;
+                    _c.sent();
+                    _c.label = 3;
                 case 3: return [3 /*break*/, 5];
                 case 4:
                     if (multipleDelete) {
@@ -1458,21 +1455,22 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     }
                     else
                         return [2 /*return*/, selectedData];
-                    _d.label = 5;
+                    _c.label = 5;
                 case 5: return [3 /*break*/, 9];
                 case 6:
                     schemaQuery = new readQuery_1.ReadQuery({
                         dbModule: dbModule,
-                        dbType: (_b = props.devSettings.server) !== null && _b !== void 0 ? _b : "mongoServer",
+                        dbType: props.devSettings.server,
                         dbCollection: "spaces",
                         dbEndpoint: props.devSettings.schemaEndpoint,
+                        dbAPIToken: props.devSettings.schemaEndpointToken,
                     });
                     return [4 /*yield*/, schemaQuery.call({
                             query: [
                                 {
                                     type: "=",
                                     queryId: "workspaceId",
-                                    value: (_c = props.space) === null || _c === void 0 ? void 0 : _c.workspaceId,
+                                    value: (_b = props.space) === null || _b === void 0 ? void 0 : _b.workspaceId,
                                 },
                                 {
                                     type: "=",
@@ -1483,7 +1481,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             type: "list",
                         })];
                 case 7:
-                    schemaRes = _d.sent();
+                    schemaRes = _c.sent();
                     spaceList = schemaRes === null || schemaRes === void 0 ? void 0 : schemaRes.data;
                     return [4 /*yield*/, Promise.all(spaceList.map(function (eachSpace) { return __awaiter(void 0, void 0, void 0, function () {
                             var reference;
@@ -1547,11 +1545,11 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             });
                         }); }))];
                 case 8:
-                    _d.sent();
-                    _d.label = 9;
+                    _c.sent();
+                    _c.label = 9;
                 case 9: return [3 /*break*/, 11];
                 case 10:
-                    err_8 = _d.sent();
+                    err_8 = _c.sent();
                     return [3 /*break*/, 11];
                 case 11:
                     setReferenceDeleteTableData(existsData);
@@ -2078,17 +2076,15 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         }
     };
     var handleOnChangeFile = function (e) {
-        var _a, _b;
-        var _c = handleOnChangeData(), data = _c.data, model = _c.model;
-        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, (_b = (_a = props.devSettings) === null || _a === void 0 ? void 0 : _a.server) !== null && _b !== void 0 ? _b : "mongoServer", false, showId ? true : false);
+        var _a = handleOnChangeData(), data = _a.data, model = _a.model;
+        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, showId ? true : false);
         clonedData[e.target.id] =
             e.target.files.length > 0 ? e.target.files[0] : undefined;
         handleUpdateChangeData(clonedData);
     };
     var handleOnChangeFiles = function (id, value, action) {
-        var _a, _b;
-        var _c = handleOnChangeData(), data = _c.data, model = _c.model;
-        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, (_b = (_a = props.devSettings) === null || _a === void 0 ? void 0 : _a.server) !== null && _b !== void 0 ? _b : "mongoServer", false, showId ? true : false);
+        var _a = handleOnChangeData(), data = _a.data, model = _a.model;
+        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, showId ? true : false);
         var previousData = clonedData[id] && clonedData[id]["data"] ? clonedData[id]["data"] : [];
         var previousUploadData = clonedData[id] && clonedData[id]["upload"]
             ? clonedData[id]["upload"]
@@ -2135,37 +2131,32 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         }
     };
     var handleOnChangeAddress = function (id, address) {
-        var _a, _b;
-        var _c = handleOnChangeData(), data = _c.data, model = _c.model;
-        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, (_b = (_a = props.devSettings) === null || _a === void 0 ? void 0 : _a.server) !== null && _b !== void 0 ? _b : "mongoServer", false, showId ? true : false);
+        var _a = handleOnChangeData(), data = _a.data, model = _a.model;
+        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, showId ? true : false);
         clonedData[id] = address;
         handleUpdateChangeData(clonedData);
     };
     var handleOnChangeText = function (e) {
-        var _a, _b;
-        var _c = handleOnChangeData(), data = _c.data, model = _c.model;
-        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, (_b = (_a = props.devSettings) === null || _a === void 0 ? void 0 : _a.server) !== null && _b !== void 0 ? _b : "mongoServer", false, showId ? true : false);
+        var _a = handleOnChangeData(), data = _a.data, model = _a.model;
+        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, showId ? true : false);
         clonedData[e.target.id] = e.target.value;
         handleUpdateChangeData(clonedData);
     };
     var handleOnChangeSelect = function (id, value) {
-        var _a, _b;
-        var _c = handleOnChangeData(), data = _c.data, model = _c.model;
-        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, (_b = (_a = props.devSettings) === null || _a === void 0 ? void 0 : _a.server) !== null && _b !== void 0 ? _b : "mongoServer", false, showId ? true : false);
+        var _a = handleOnChangeData(), data = _a.data, model = _a.model;
+        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, showId ? true : false);
         clonedData[id] = value;
         handleUpdateChangeData(clonedData);
     };
     var handleOnChangeDate = function (id, value) {
-        var _a, _b;
-        var _c = handleOnChangeData(), data = _c.data, model = _c.model;
-        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, (_b = (_a = props.devSettings) === null || _a === void 0 ? void 0 : _a.server) !== null && _b !== void 0 ? _b : "mongoServer", false, showId ? true : false);
+        var _a = handleOnChangeData(), data = _a.data, model = _a.model;
+        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, showId ? true : false);
         clonedData[id] = value;
         handleUpdateChangeData(clonedData);
     };
     var handleOnChangeMarkdown = function (id, value) {
-        var _a, _b;
-        var _c = handleOnChangeData(), data = _c.data, model = _c.model;
-        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, (_b = (_a = props.devSettings) === null || _a === void 0 ? void 0 : _a.server) !== null && _b !== void 0 ? _b : "mongoServer", false, showId ? true : false);
+        var _a = handleOnChangeData(), data = _a.data, model = _a.model;
+        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, showId ? true : false);
         clonedData[id] = value;
         handleUpdateChangeData(clonedData);
     };
@@ -2639,7 +2630,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         return tableHeader;
     };
     var renderCursor = function () {
-        if (devSettings.server === "mongoServer") {
+        if (!isFirebase) {
             return pageIndex === 0 ? undefined : pageIndex * limit;
         }
         else {
@@ -2693,11 +2684,10 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         return detailList;
     };
     var renderListObject = function (type) {
-        var _a, _b;
         var listElement = [];
         var isListObject = props.model.filter(function (eachAttribute) { return eachAttribute.type === "listObject"; });
         var list = {};
-        var clonedSelectedData = (0, updateModule_1.handleClonedDataAttribute)(selectedData, props.model, (_b = (_a = props.devSettings) === null || _a === void 0 ? void 0 : _a.server) !== null && _b !== void 0 ? _b : "mongoServer", false, showId ? true : false);
+        var clonedSelectedData = (0, updateModule_1.handleClonedDataAttribute)(selectedData, props.model, props.devSettings.server, false, showId ? true : false);
         isListObject.map(function (eachListObject) {
             var _a, _b;
             if (props.onComplete &&
@@ -2756,9 +2746,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                     }
                                     break;
                                 case "date":
-                                    var timeStamp = (props.devSettings.server === "fbServer" ||
-                                        props.devSettings.server === "firebase") &&
-                                        (eachValue === null || eachValue === void 0 ? void 0 : eachValue["_seconds"])
+                                    var timeStamp = isFirebase && (eachValue === null || eachValue === void 0 ? void 0 : eachValue["_seconds"])
                                         ? (eachValue === null || eachValue === void 0 ? void 0 : eachValue["_seconds"]) * 1000
                                         : eachValue;
                                     eachNewList[eachKey] =
@@ -3266,13 +3254,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         });
         if (viewType === "general") {
             if (dataType === "list") {
-                return (react_1.default.createElement(table_1.Table, { showId: showId, paginationType: devSettings.server === "mongoServer" ? "page" : "cursor", data: tableData, spaceData: spaceTableData, size: size, limit: limit, cursor: cursor, loading: tableLoading, checkbox: isEditor ? true : false, selectAll: selectAll, selectedIds: selectedIds, selectAllText: selectAll ? "from filter" : "", multiActionButton: react_1.default.createElement("div", { className: "flex flex-row space-x-3" },
+                return (react_1.default.createElement(table_1.Table, { showId: showId, paginationType: isFirebase ? "cursor" : "page", data: tableData, spaceData: spaceTableData, size: size, limit: limit, cursor: cursor, loading: tableLoading, checkbox: isEditor ? true : false, selectAll: selectAll, selectedIds: selectedIds, selectAllText: selectAll ? "from filter" : "", multiActionButton: react_1.default.createElement("div", { className: "flex flex-row space-x-3" },
                         ((_a = props.edit) === null || _a === void 0 ? void 0 : _a.deleteBtn) && (react_1.default.createElement(textButton_1.TextButton, { className: "text-sm text-red-500 hover:text-red-600", text: "Delete", onClick: function () {
                                 handleGenerateDeletePasscode();
                                 setDeleteModal(true);
                             } })),
-                        props.devSettings.server === "mongoServer" &&
-                            !((_b = props.edit) === null || _b === void 0 ? void 0 : _b.disabledUpdate) && (react_1.default.createElement(textButton_1.TextButton, { className: "text-sm", text: "Update", onClick: function () {
+                        !isFirebase && !((_b = props.edit) === null || _b === void 0 ? void 0 : _b.disabledUpdate) && (react_1.default.createElement(textButton_1.TextButton, { className: "text-sm", text: "Update", onClick: function () {
                                 setBatchUpdateModal(true);
                             } }))), handleSelectAll: handleSelectAllPages, handleSelectedIds: handleSelectIds, header: renderTableHeader(), pageIndex: pageIndex, onClickRow: function (id) {
                         var _a, _b;
@@ -3320,21 +3307,21 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             if ((_j = props.bareSettings) === null || _j === void 0 ? void 0 : _j.bareListComponent) {
                 return (react_1.default.createElement(react_1.default.Fragment, null,
                     props.bareSettings.bareListComponent(tableData, spaceTableData, tableLoading),
-                    !((_k = props.organise) === null || _k === void 0 ? void 0 : _k.hidePagination) && (react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: devSettings.server === "mongoServer" ? "page" : "cursor", handleUpdatePageIndex: handlePagination, darkMode: (_l = props.organise) === null || _l === void 0 ? void 0 : _l.darkMode }))));
+                    !((_k = props.organise) === null || _k === void 0 ? void 0 : _k.hidePagination) && (react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: isFirebase ? "cursor" : "page", handleUpdatePageIndex: handlePagination, darkMode: (_l = props.organise) === null || _l === void 0 ? void 0 : _l.darkMode }))));
             }
             else if (selectedTabData.viewType === "iframe") {
                 return (react_1.default.createElement("iframe", { id: "blixify-iframe", className: "w-full mt-5", style: { height: "70vh" }, src: (_m = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.iframeSrc) !== null && _m !== void 0 ? _m : "", title: (_o = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.id) !== null && _o !== void 0 ? _o : "", onLoad: props.onLoadIframe }));
             }
             else if (selectedTabData.viewType === "list") {
                 return (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(list_1.List, { paginationType: devSettings.server === "mongoServer" ? "page" : "cursor", list: renderGridAndListData(selectedTabData.viewImage, "list"), size: size, limit: limit, cursor: cursor, loading: tableLoading, pageIndex: pageIndex, onClickRow: function (id) {
+                    react_1.default.createElement(list_1.List, { paginationType: isFirebase ? "cursor" : "page", list: renderGridAndListData(selectedTabData.viewImage, "list"), size: size, limit: limit, cursor: cursor, loading: tableLoading, pageIndex: pageIndex, onClickRow: 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");
                         }, linkType: props.linkType, custom: props.custom, newTabUrl: "".concat(props.localURLEndpoint, "?data="), addNewTabUrl: "&type=read&collection=".concat(props.collectionId, "&view=general"), handleUpdatePageIndex: handlePagination, className: "mt-5", hidePagination: (_p = props.organise) === null || _p === void 0 ? void 0 : _p.hidePagination })));
             }
             else if (selectedTabData.viewType === "grid") {
                 return (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(grid_1.Grid, { paginationType: devSettings.server === "mongoServer" ? "page" : "cursor", data: renderGridAndListData(selectedTabData.viewImage, "grid"), size: size, limit: limit, cursor: cursor, loading: tableLoading, pageIndex: pageIndex, onClickData: function (id) {
+                    react_1.default.createElement(grid_1.Grid, { paginationType: isFirebase ? "cursor" : "page", data: renderGridAndListData(selectedTabData.viewImage, "grid"), size: size, limit: limit, cursor: cursor, loading: tableLoading, pageIndex: pageIndex, 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");
                         }, linkType: props.linkType, custom: props.custom, newTabUrl: "".concat(props.localURLEndpoint, "?data="), addNewTabUrl: "&type=read&collection=".concat(props.collectionId, "&view=general"), handleUpdatePageIndex: handlePagination, gridColClassName: (_q = props.bareSettings) === null || _q === void 0 ? void 0 : _q.bareListGridColClassName, className: "mt-5", hidePagination: (_r = props.organise) === null || _r === void 0 ? void 0 : _r.hidePagination })));
@@ -3489,7 +3476,7 @@ 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: (_t = props.organise) === null || _t === void 0 ? void 0 : _t.darkMode }),
                     react_1.default.createElement("div", { className: "my-10" }),
-                    contentList_1.length > 0 && !((_u = props.organise) === null || _u === void 0 ? void 0 : _u.hidePagination) && (react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: devSettings.server === "mongoServer" ? "page" : "cursor", handleUpdatePageIndex: handlePagination, darkMode: (_v = props.organise) === null || _v === void 0 ? void 0 : _v.darkMode }))))));
+                    contentList_1.length > 0 && !((_u = props.organise) === null || _u === void 0 ? void 0 : _u.hidePagination) && (react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: isFirebase ? "cursor" : "page", handleUpdatePageIndex: handlePagination, darkMode: (_v = props.organise) === null || _v === void 0 ? void 0 : _v.darkMode }))))));
             }
             else if (selectedTabData.renderComp) {
                 return react_1.default.createElement(react_1.default.Fragment, null, selectedTabData.renderComp());