blixify-ui-web 0.3.90 → 0.3.92

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

@@ -137,7 +137,7 @@ var pagination_1 = require("./pagination");
 var referenceModal_1 = require("./referenceModal");
 var settingsModal_1 = require("./settingsModal");
 exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
-    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;
+    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;
     var formRef = (0, react_1.createRef)();
     var objectFormRef = (0, react_1.createRef)();
     var listAddressFromRef = (0, react_1.createRef)();
@@ -152,98 +152,98 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var typingTimeout = (0, react_1.useRef)();
     // const oldCollectionId: any = useRef();
     var mapViewRef = (0, react_1.useRef)();
-    var _5 = (0, react_1.useState)(false), loading = _5[0], setLoading = _5[1];
-    var _6 = (0, react_1.useState)(), notification = _6[0], setNotification = _6[1];
+    var _6 = (0, react_1.useState)(false), loading = _6[0], setLoading = _6[1];
+    var _7 = (0, react_1.useState)(), notification = _7[0], setNotification = _7[1];
     //INFO : Used by List
-    var _7 = (0, react_1.useState)({}), filterSearch = _7[0], setFilterSearch = _7[1];
-    var _8 = (0, react_1.useState)({}), filterSearchParams = _8[0], setFilterSearchParams = _8[1];
-    var _9 = (0, react_1.useState)({}), filterSelection = _9[0], setFilterSelection = _9[1];
-    var _10 = (0, react_1.useState)({}), filterReference = _10[0], setFilterReference = _10[1];
-    var _11 = (0, react_1.useState)({}), filterReferenceSearch = _11[0], setFilterReferenceSearch = _11[1];
-    var _12 = (0, react_1.useState)({}), filterReferenceList = _12[0], setFilterReferenceList = _12[1];
-    var _13 = (0, react_1.useState)({
+    var _8 = (0, react_1.useState)({}), filterSearch = _8[0], setFilterSearch = _8[1];
+    var _9 = (0, react_1.useState)({}), filterSearchParams = _9[0], setFilterSearchParams = _9[1];
+    var _10 = (0, react_1.useState)({}), filterSelection = _10[0], setFilterSelection = _10[1];
+    var _11 = (0, react_1.useState)({}), filterReference = _11[0], setFilterReference = _11[1];
+    var _12 = (0, react_1.useState)({}), filterReferenceSearch = _12[0], setFilterReferenceSearch = _12[1];
+    var _13 = (0, react_1.useState)({}), filterReferenceList = _13[0], setFilterReferenceList = _13[1];
+    var _14 = (0, react_1.useState)({
         startDate: undefined,
         endDate: undefined,
-    }), filterReferenceDate = _13[0], setFilterReferenceDate = _13[1];
-    var _14 = (0, react_1.useState)(true), tableLoading = _14[0], setTableLoading = _14[1];
-    var _15 = (0, react_1.useState)(""), cursor = _15[0], setCursor = _15[1];
-    var _16 = (0, react_1.useState)(""), lastCursor = _16[0], setLastCursor = _16[1];
-    var _17 = (0, react_1.useState)([]), tableData = _17[0], setTableData = _17[1];
-    var _18 = (0, react_1.useState)([]), spaceTableData = _18[0], setSpaceTableData = _18[1];
-    var _19 = (0, react_1.useState)(0), size = _19[0], setSize = _19[1];
-    var _20 = (0, react_1.useState)((_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.pageIndex) !== null && _b !== void 0 ? _b : 0), pageIndex = _20[0], setPageIndex = _20[1];
-    var _21 = (0, react_1.useState)([]), selectedIds = _21[0], setSelectedIds = _21[1];
-    var _22 = (0, react_1.useState)(false), selectAll = _22[0], setSelectAll = _22[1];
-    var _23 = (0, react_1.useState)(""), deletePasscode = _23[0], setDeletePasscode = _23[1];
-    var _24 = (0, react_1.useState)(""), deletePasscodeInput = _24[0], setDeletePasscodeInput = _24[1];
-    var _25 = (0, react_1.useState)(""), deleteFeedId = _25[0], setDeleteFeedId = _25[1];
+    }), filterReferenceDate = _14[0], setFilterReferenceDate = _14[1];
+    var _15 = (0, react_1.useState)(true), tableLoading = _15[0], setTableLoading = _15[1];
+    var _16 = (0, react_1.useState)(""), cursor = _16[0], setCursor = _16[1];
+    var _17 = (0, react_1.useState)(""), lastCursor = _17[0], setLastCursor = _17[1];
+    var _18 = (0, react_1.useState)([]), tableData = _18[0], setTableData = _18[1];
+    var _19 = (0, react_1.useState)([]), spaceTableData = _19[0], setSpaceTableData = _19[1];
+    var _20 = (0, react_1.useState)(0), size = _20[0], setSize = _20[1];
+    var _21 = (0, react_1.useState)((_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.pageIndex) !== null && _b !== void 0 ? _b : 0), pageIndex = _21[0], setPageIndex = _21[1];
+    var _22 = (0, react_1.useState)([]), selectedIds = _22[0], setSelectedIds = _22[1];
+    var _23 = (0, react_1.useState)(false), selectAll = _23[0], setSelectAll = _23[1];
+    var _24 = (0, react_1.useState)(""), deletePasscode = _24[0], setDeletePasscode = _24[1];
+    var _25 = (0, react_1.useState)(""), deletePasscodeInput = _25[0], setDeletePasscodeInput = _25[1];
+    var _26 = (0, react_1.useState)(""), deleteFeedId = _26[0], setDeleteFeedId = _26[1];
     var previousType = (0, react_1.useRef)();
     var previousSelectedData = (0, react_1.useRef)();
     //INFO : Used by List Organise
-    var _26 = (0, react_1.useState)(false), sortModal = _26[0], setSortModal = _26[1];
-    var _27 = (0, react_1.useState)(false), filterModal = _27[0], setFilterModal = _27[1];
-    var _28 = (0, react_1.useState)(false), addTabModal = _28[0], setAddTabModal = _28[1];
-    var _29 = (0, react_1.useState)(false), overviewModal = _29[0], setOverviewModal = _29[1];
-    var _30 = (0, react_1.useState)((_c = props.defaultTab) !== null && _c !== void 0 ? _c : ""), selectedTab = _30[0], setSelectedTab = _30[1];
-    var _31 = (0, react_1.useState)("dayGridMonth"), calendarView = _31[0], setCalendarView = _31[1];
-    var _32 = (0, react_1.useState)(new Date()), calendarTabMonth = _32[0], setCalendarTabMonth = _32[1];
-    var _33 = (0, react_1.useState)(true), kanbanDroppable = _33[0], setKanbanDroppable = _33[1];
-    var _34 = (0, react_1.useState)([]), kanbanOptions = _34[0], setKanbanOptions = _34[1];
-    var _35 = (0, react_1.useState)(false), queryForm = _35[0], setQueryForm = _35[1];
-    var _36 = (0, react_1.useState)(false), batchUpdateModal = _36[0], setBatchUpdateModal = _36[1];
-    var _37 = (0, react_1.useState)({
+    var _27 = (0, react_1.useState)(false), sortModal = _27[0], setSortModal = _27[1];
+    var _28 = (0, react_1.useState)(false), filterModal = _28[0], setFilterModal = _28[1];
+    var _29 = (0, react_1.useState)(false), addTabModal = _29[0], setAddTabModal = _29[1];
+    var _30 = (0, react_1.useState)(false), overviewModal = _30[0], setOverviewModal = _30[1];
+    var _31 = (0, react_1.useState)((_c = props.defaultTab) !== null && _c !== void 0 ? _c : ""), selectedTab = _31[0], setSelectedTab = _31[1];
+    var _32 = (0, react_1.useState)("dayGridMonth"), calendarView = _32[0], setCalendarView = _32[1];
+    var _33 = (0, react_1.useState)(new Date()), calendarTabMonth = _33[0], setCalendarTabMonth = _33[1];
+    var _34 = (0, react_1.useState)(true), kanbanDroppable = _34[0], setKanbanDroppable = _34[1];
+    var _35 = (0, react_1.useState)([]), kanbanOptions = _35[0], setKanbanOptions = _35[1];
+    var _36 = (0, react_1.useState)(false), queryForm = _36[0], setQueryForm = _36[1];
+    var _37 = (0, react_1.useState)(false), batchUpdateModal = _37[0], setBatchUpdateModal = _37[1];
+    var _38 = (0, react_1.useState)({
         columnId: "",
         columnData: {},
-    }), batchUpdateData = _37[0], setBatchUpdateData = _37[1];
+    }), batchUpdateData = _38[0], setBatchUpdateData = _38[1];
     // INFO: Used by Activity Log
-    var _38 = (0, react_1.useState)(false), activityModal = _38[0], setActivityModal = _38[1];
-    var _39 = (0, react_1.useState)(""), activityId = _39[0], setActivityId = _39[1];
+    var _39 = (0, react_1.useState)(false), activityModal = _39[0], setActivityModal = _39[1];
+    var _40 = (0, react_1.useState)(""), activityId = _40[0], setActivityId = _40[1];
     //INFO : Used by Export
-    var _40 = (0, react_1.useState)(null), csvFile = _40[0], setCSVFile = _40[1];
-    var _41 = (0, react_1.useState)([]), csvFileData = _41[0], setCSVFileData = _41[1];
-    var _42 = (0, react_1.useState)(0), stepCSVIndex = _42[0], setStepCSVIndex = _42[1];
-    var _43 = (0, react_1.useState)({}), listCSVMapAttribute = _43[0], setListCSVMapAttribute = _43[1];
-    var _44 = (0, react_1.useState)({}), listCSVObjAttribute = _44[0], setListCSVObjAttribute = _44[1];
-    var _45 = (0, react_1.useState)([]), csvAPIAttribute = _45[0], setCSVAPIAttribute = _45[1];
-    var _46 = (0, react_1.useState)(((_d = props.devSettings.currentUser) === null || _d === void 0 ? void 0 : _d.userEmail) || ""), exportCSVEmail = _46[0], setExportCSVEmail = _46[1];
-    var _47 = (0, react_1.useState)([]), importTableData = _47[0], setImportTableData = _47[1];
-    var _48 = (0, react_1.useState)([]), queryList = _48[0], setQueryList = _48[1];
-    var _49 = (0, react_1.useState)(-1), queryIndex = _49[0], setQueryIndex = _49[1];
+    var _41 = (0, react_1.useState)(null), csvFile = _41[0], setCSVFile = _41[1];
+    var _42 = (0, react_1.useState)([]), csvFileData = _42[0], setCSVFileData = _42[1];
+    var _43 = (0, react_1.useState)(0), stepCSVIndex = _43[0], setStepCSVIndex = _43[1];
+    var _44 = (0, react_1.useState)({}), listCSVMapAttribute = _44[0], setListCSVMapAttribute = _44[1];
+    var _45 = (0, react_1.useState)({}), listCSVObjAttribute = _45[0], setListCSVObjAttribute = _45[1];
+    var _46 = (0, react_1.useState)([]), csvAPIAttribute = _46[0], setCSVAPIAttribute = _46[1];
+    var _47 = (0, react_1.useState)(((_d = props.devSettings.currentUser) === null || _d === void 0 ? void 0 : _d.userEmail) || ""), exportCSVEmail = _47[0], setExportCSVEmail = _47[1];
+    var _48 = (0, react_1.useState)([]), importTableData = _48[0], setImportTableData = _48[1];
+    var _49 = (0, react_1.useState)([]), queryList = _49[0], setQueryList = _49[1];
+    var _50 = (0, react_1.useState)(-1), queryIndex = _50[0], setQueryIndex = _50[1];
     //INFO : Used by Read
     //INFO : Used by Update
-    var _50 = (0, react_1.useState)(false), modalVisible = _50[0], setModalVisible = _50[1];
-    var _51 = (0, react_1.useState)(false), deleteModal = _51[0], setDeleteModal = _51[1];
-    var _52 = (0, react_1.useState)(false), excelModal = _52[0], setExcelModal = _52[1];
-    var _53 = (0, react_1.useState)(false), exportExcel = _53[0], setExportExcel = _53[1];
-    var _54 = (0, react_1.useState)(""), exportType = _54[0], setExportType = _54[1];
-    var _55 = (0, react_1.useState)(false), exportQR = _55[0], setExportQR = _55[1];
-    var _56 = (0, react_1.useState)(false), signatureSigning = _56[0], setSignatureSigning = _56[1];
-    var _57 = (0, react_1.useState)({}), selectedData = _57[0], setSelectedData = _57[1];
-    var _58 = (0, react_1.useState)(""), selectedObjectStructureId = _58[0], setSelectedObjectStructureId = _58[1];
-    var _59 = (0, react_1.useState)(""), selectedObjectId = _59[0], setSelectedObjectId = _59[1];
-    var _60 = (0, react_1.useState)(""), selectedListAddressId = _60[0], setSelectedListAddressId = _60[1];
-    var _61 = (0, react_1.useState)({
+    var _51 = (0, react_1.useState)(false), modalVisible = _51[0], setModalVisible = _51[1];
+    var _52 = (0, react_1.useState)(false), deleteModal = _52[0], setDeleteModal = _52[1];
+    var _53 = (0, react_1.useState)(false), excelModal = _53[0], setExcelModal = _53[1];
+    var _54 = (0, react_1.useState)(false), exportExcel = _54[0], setExportExcel = _54[1];
+    var _55 = (0, react_1.useState)(""), exportType = _55[0], setExportType = _55[1];
+    var _56 = (0, react_1.useState)(false), exportQR = _56[0], setExportQR = _56[1];
+    var _57 = (0, react_1.useState)(false), signatureSigning = _57[0], setSignatureSigning = _57[1];
+    var _58 = (0, react_1.useState)({}), selectedData = _58[0], setSelectedData = _58[1];
+    var _59 = (0, react_1.useState)(""), selectedObjectStructureId = _59[0], setSelectedObjectStructureId = _59[1];
+    var _60 = (0, react_1.useState)(""), selectedObjectId = _60[0], setSelectedObjectId = _60[1];
+    var _61 = (0, react_1.useState)(""), selectedListAddressId = _61[0], setSelectedListAddressId = _61[1];
+    var _62 = (0, react_1.useState)({
         lat: 0,
         lng: 0,
         name: "",
-    }), selectedListAddress = _61[0], setSelectedListAddress = _61[1];
-    var _62 = (0, react_1.useState)({}), selectedObjectData = _62[0], setSelectedObjectData = _62[1];
-    var _63 = (0, react_1.useState)(false), referenceLoading = _63[0], setReferenceLoading = _63[1];
-    var _64 = (0, react_1.useState)({}), referencesOptions = _64[0], setReferencesOptions = _64[1];
-    var _65 = (0, react_1.useState)({}), referencesDetails = _65[0], setReferencesDetails = _65[1];
-    var _66 = (0, react_1.useState)({}), referenceDeleteTableData = _66[0], setReferenceDeleteTableData = _66[1];
-    var _67 = (0, react_1.useState)(0), referenceDeleteIndex = _67[0], setReferenceDeleteIndex = _67[1];
-    var _68 = (0, react_1.useState)({
+    }), selectedListAddress = _62[0], setSelectedListAddress = _62[1];
+    var _63 = (0, react_1.useState)({}), selectedObjectData = _63[0], setSelectedObjectData = _63[1];
+    var _64 = (0, react_1.useState)(false), referenceLoading = _64[0], setReferenceLoading = _64[1];
+    var _65 = (0, react_1.useState)({}), referencesOptions = _65[0], setReferencesOptions = _65[1];
+    var _66 = (0, react_1.useState)({}), referencesDetails = _66[0], setReferencesDetails = _66[1];
+    var _67 = (0, react_1.useState)({}), referenceDeleteTableData = _67[0], setReferenceDeleteTableData = _67[1];
+    var _68 = (0, react_1.useState)(0), referenceDeleteIndex = _68[0], setReferenceDeleteIndex = _68[1];
+    var _69 = (0, react_1.useState)({
         id: "",
         name: "",
         type: "string",
-    }), referenceCreationModal = _68[0], setReferenceCreationModal = _68[1];
-    var _69 = (0, react_1.useState)({}), referenceModelSchema = _69[0], setReferenceSchema = _69[1];
+    }), referenceCreationModal = _69[0], setReferenceCreationModal = _69[1];
+    var _70 = (0, react_1.useState)({}), referenceModelSchema = _70[0], setReferenceSchema = _70[1];
     // INFO ; Use to Trigger Update Prefill UI
-    var _70 = (0, react_1.useState)(false), prefillTrigger = _70[0], setPrefillTrigger = _70[1];
+    var _71 = (0, react_1.useState)(false), prefillTrigger = _71[0], setPrefillTrigger = _71[1];
     //INFO : Offline
-    var _71 = (0, react_1.useState)(0), offlineDataLength = _71[0], setOfflineDataLength = _71[1];
-    var _72 = (0, react_1.useState)(false), offlineModal = _72[0], setOfflineModal = _72[1];
+    var _72 = (0, react_1.useState)(0), offlineDataLength = _72[0], setOfflineDataLength = _72[1];
+    var _73 = (0, react_1.useState)(false), offlineModal = _73[0], setOfflineModal = _73[1];
     var devSettings = props.devSettings;
     var serverId = (0, utils_1.parseServerId)(devSettings.server);
     var viewType = (_f = (_e = props.organise) === null || _e === void 0 ? void 0 : _e.viewId) !== null && _f !== void 0 ? _f : "general";
@@ -256,17 +256,18 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var isOffline = (_k = props.bareSettings) === null || _k === void 0 ? void 0 : _k.bareOffline;
     var showId = (_l = props.space) === null || _l === void 0 ? void 0 : _l.showId;
     var idField = (_m = props.space) === null || _m === void 0 ? void 0 : _m.idField;
-    var hasNavigation = ((_o = props.organise) === null || _o === void 0 ? void 0 : _o.handleNavigate) ? true : false;
-    var formColumn = ((_p = props.bareSettings) === null || _p === void 0 ? void 0 : _p.bareUpdateOneColumn)
+    var pipeline = (_o = props === null || props === void 0 ? void 0 : props.space) === null || _o === void 0 ? void 0 : _o.pipeline;
+    var hasNavigation = ((_p = props.organise) === null || _p === void 0 ? void 0 : _p.handleNavigate) ? true : false;
+    var formColumn = ((_q = props.bareSettings) === null || _q === void 0 ? void 0 : _q.bareUpdateOneColumn)
         ? "grid-cols-2"
         : "grid-cols-4";
-    var isActivityLog = (((_r = (_q = props.edit) === null || _q === void 0 ? void 0 : _q.activityLog) === null || _r === void 0 ? void 0 : _r.enableComments) &&
-        ((_s = props.edit) === null || _s === void 0 ? void 0 : _s.activityLog.commentCollectionId)) ||
-        (((_u = (_t = props.edit) === null || _t === void 0 ? void 0 : _t.activityLog) === null || _u === void 0 ? void 0 : _u.enableLogs) &&
-            ((_v = props.edit) === null || _v === void 0 ? void 0 : _v.activityLog.logsCollectionId));
+    var isActivityLog = (((_s = (_r = props.edit) === null || _r === void 0 ? void 0 : _r.activityLog) === null || _s === void 0 ? void 0 : _s.enableComments) &&
+        ((_t = props.edit) === null || _t === void 0 ? void 0 : _t.activityLog.commentCollectionId)) ||
+        (((_v = (_u = props.edit) === null || _u === void 0 ? void 0 : _u.activityLog) === null || _v === void 0 ? void 0 : _v.enableLogs) &&
+            ((_w = props.edit) === null || _w === void 0 ? void 0 : _w.activityLog.logsCollectionId));
     //TODO : Code - Pass ...devSettings, search dbEndpoint:
     var writeServerQuery = new writeQuery_1.WriteQuery({
-        dbModule: (_w = props.lib) === null || _w === void 0 ? void 0 : _w.axios,
+        dbModule: (_x = props.lib) === null || _x === void 0 ? void 0 : _x.axios,
         dbType: devSettings.server,
         dbCollection: props.collectionId,
         dbEndpoint: devSettings.dbEndpoint,
@@ -274,7 +275,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         dbUserToken: devSettings.dbUserToken,
     });
     var readServerQuery = new readQuery_1.ReadQuery({
-        dbModule: (_x = props.lib) === null || _x === void 0 ? void 0 : _x.axios,
+        dbModule: (_y = props.lib) === null || _y === void 0 ? void 0 : _y.axios,
         dbType: devSettings.server,
         dbCollection: props.collectionId,
         dbEndpoint: devSettings.dbEndpoint,
@@ -282,7 +283,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         dbUserToken: devSettings.dbUserToken,
     });
     var moreButtonPopUp = [
-        ((_y = props.edit) === null || _y === void 0 ? void 0 : _y.allEditable) && !isFirebase
+        ((_z = props.edit) === null || _z === void 0 ? void 0 : _z.allEditable) && !isFirebase
             ? {
                 text: "Import Excel",
                 onClick: function () {
@@ -331,7 +332,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             },
         },
     ].filter(Boolean);
-    if ((_z = props.organise) === null || _z === void 0 ? void 0 : _z.moreSettings)
+    if ((_0 = props.organise) === null || _0 === void 0 ? void 0 : _0.moreSettings)
         moreButtonPopUp = moreButtonPopUp.concat(props.organise.moreSettings);
     var renderImpSearchFilterConditions = function () {
         var _a;
@@ -416,22 +417,22 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     (0, react_1.useEffect)(function () {
         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;
-            return __generator(this, function (_f) {
-                switch (_f.label) {
+            var _a, _b, _c, _d;
+            return __generator(this, function (_e) {
+                switch (_e.label) {
                     case 0:
-                        if (!(props.type === "list" && (selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.id) !== ((_a = props.organise) === null || _a === void 0 ? void 0 : _a.viewId))) return [3 /*break*/, 4];
-                        currentTab = (0, listModule_1.renderSelectedRefreshTab)(props.localURLEndpoint, props.type, props.collectionId, props.id, (_b = props.organise) === null || _b === void 0 ? void 0 : _b.extendedTabs, (_c = props.organise) === null || _c === void 0 ? void 0 : _c.viewId);
+                        if (!(props.type === "list")) return [3 /*break*/, 4];
+                        currentTab = (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);
                         setSelectedTab(currentTab);
                         if (!((currentTab === null || currentTab === void 0 ? void 0 : currentTab.viewType) === "calendar")) return [3 /*break*/, 1];
                         setFilterSearch({});
                         setFilterSearchParams({});
-                        (_d = listRQueryHocRef.current) === null || _d === void 0 ? void 0 : _d.handleRefresh();
+                        (_c = listRQueryHocRef.current) === null || _c === void 0 ? void 0 : _c.handleRefresh();
                         return [3 /*break*/, 4];
                     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 = (_e = kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.title) !== null && _e !== void 0 ? _e : "";
+                        kanbanTitle_1 = (_d = kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.title) !== null && _d !== void 0 ? _d : "";
                         kanbanRefRQ_1 = null;
                         kanbanRefOption_1 = [];
                         kanbanRefLabel_1 = "";
@@ -458,7 +459,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                 limit: limit,
                             })];
                     case 2:
-                        kanbanRefQuery = _f.sent();
+                        kanbanRefQuery = _e.sent();
                         if (kanbanRefQuery.data) {
                             kanbanRefQuery.data.map(function (eachData) {
                                 kanbanRefOption_1.push({
@@ -468,10 +469,10 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                 return null;
                             });
                         }
-                        _f.label = 3;
+                        _e.label = 3;
                     case 3:
                         setKanbanOptions(kanbanRefOption_1);
-                        _f.label = 4;
+                        _e.label = 4;
                     case 4: return [2 /*return*/];
                 }
             });
@@ -481,8 +482,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         props.collectionId,
         props.id,
         props.localURLEndpoint,
-        (_0 = props.organise) === null || _0 === void 0 ? void 0 : _0.extendedTabs,
-        (_1 = props.organise) === null || _1 === void 0 ? void 0 : _1.viewId,
+        (_1 = props.organise) === null || _1 === void 0 ? void 0 : _1.extendedTabs,
+        (_2 = props.organise) === null || _2 === void 0 ? void 0 : _2.viewId,
         props.type,
         selectedTab,
     ]);
@@ -636,6 +637,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             cursor: renderCursor(),
             sort: handleReadQueryHocSort(query),
             limit: limit,
+            pipeline: pipeline,
         };
         if (calendarSettings || (selectedTab && selectedTab.viewType === "map")) {
             cond.limit = undefined;
@@ -729,7 +731,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     });
                     prettierDataList = dummyPrettierDataList_1;
                     return [3 /*break*/, 3];
-                case 1: return [4 /*yield*/, (0, listModule_1.handleListDataBasedOnModel)(responseData.data, props.devSettings, (_b = props.lib) === null || _b === void 0 ? void 0 : _b.axios, props.model, (_c = props.organise) === null || _c === void 0 ? void 0 : _c.handleNavigate, ((_d = props.organise) === null || _d === void 0 ? void 0 : _d.viewId) === "general", setActivityModal, setActivityId, isActivityLog ? (_e = props.edit) === null || _e === void 0 ? void 0 : _e.activityLog : undefined, (_f = props.bareSettings) === null || _f === void 0 ? void 0 : _f.bareListActionBtns, referenceModelSchema)];
+                case 1: return [4 /*yield*/, (0, listModule_1.handleListDataBasedOnModel)(responseData.data, props.devSettings, (_b = props.lib) === null || _b === void 0 ? void 0 : _b.axios, props.model, (_c = props.organise) === null || _c === void 0 ? void 0 : _c.handleNavigate, ((_d = props.organise) === null || _d === void 0 ? void 0 : _d.viewId) === "general", setActivityModal, setActivityId, isActivityLog ? (_e = props.edit) === null || _e === void 0 ? void 0 : _e.activityLog : undefined, (_f = props.bareSettings) === null || _f === void 0 ? void 0 : _f.bareListActionBtns)];
                 case 2:
                     prettierDataList = _g.sent();
                     _g.label = 3;
@@ -3115,7 +3117,6 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         var _a;
         var tableHeader = [];
         props.model.map(function (eachAttribute) {
-            var _a;
             if (eachAttribute.id === "baseUpdatedAt" ||
                 eachAttribute.id === "baseDraft" ||
                 eachAttribute.type === "listObject" ||
@@ -3127,21 +3128,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 eachAttribute.hide) {
                 return null;
             }
-            if (eachAttribute.type === "showReference" &&
-                eachAttribute.showReferenceColumnIds &&
-                (eachAttribute === null || eachAttribute === void 0 ? void 0 : eachAttribute.showReferenceColumnIds.length) > 0) {
-                (_a = eachAttribute === null || eachAttribute === void 0 ? void 0 : eachAttribute.showReferenceColumnIds) === null || _a === void 0 ? void 0 : _a.map(function (eachAttributeLabel) {
-                    var _a, _b;
-                    var selectedModel = (_a = referenceModelSchema === null || referenceModelSchema === void 0 ? void 0 : referenceModelSchema[eachAttribute.id]) === null || _a === void 0 ? void 0 : _a.find(function (eachSchema) { return eachAttributeLabel === (eachSchema === null || eachSchema === void 0 ? void 0 : eachSchema.id); });
-                    if (!(selectedModel === null || selectedModel === void 0 ? void 0 : selectedModel.hide)) {
-                        tableHeader.push(__assign(__assign({}, eachAttribute), { key: "".concat(eachAttribute.id, "_").concat(eachAttributeLabel !== null && eachAttributeLabel !== void 0 ? eachAttributeLabel : ""), title: (_b = selectedModel === null || selectedModel === void 0 ? void 0 : selectedModel.name) !== null && _b !== void 0 ? _b : eachAttributeLabel }));
-                    }
-                    return null;
-                });
-            }
-            else {
-                tableHeader.push(__assign(__assign({}, eachAttribute), { key: eachAttribute.id, title: eachAttribute.name }));
-            }
+            tableHeader.push(__assign(__assign({}, eachAttribute), { key: eachAttribute.id, title: eachAttribute.name }));
             return null;
         });
         if (isEditor && !((_a = props.edit) === null || _a === void 0 ? void 0 : _a.disabledUpdate))
@@ -3547,6 +3534,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         }, cond: {
                             type: "get",
                             id: props.id,
+                            pipeline: pipeline,
                         }, offline: (_c = props.bareSettings) === null || _c === void 0 ? void 0 : _c.bareOffline, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError }),
                     !loading && (react_1.default.createElement(react_1.default.Fragment, null,
                         renderBreadcrumb(pages),
@@ -3612,6 +3600,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         }, cond: {
                             type: "get",
                             id: props.id,
+                            pipeline: pipeline,
                         }, offline: (_k = props.bareSettings) === null || _k === void 0 ? void 0 : _k.bareOffline, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError })),
                     renderBreadcrumb(pages),
                     react_1.default.createElement("div", { className: "flex flex-col py-2 sm:items-center sm:flex-row" },
@@ -3919,8 +3908,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 });
         return tabs;
     };
+    var renderAddMathColumn = function (id, onClose) {
+        var _a, _b, _c;
+        return (react_1.default.createElement(settingsModal_1.ExpressionModal, { selectedId: id, model: props.model, renderReferenceLabelOptions: (_a = props.organise) === null || _a === void 0 ? void 0 : _a.renderReferenceLabelOptions, renderReferenceSpaceOptions: (_b = props.organise) === null || _b === void 0 ? void 0 : _b.renderReferenceSpaceOptions, onAddModelSchema: (_c = props.organise) === null || _c === void 0 ? void 0 : _c.onAddColumns, onClose: onClose }));
+    };
     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;
+        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;
         var selectedTabData = tabs.find(function (eachTab) {
             if (eachTab.id === viewType) {
                 return eachTab;
@@ -3959,14 +3952,16 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         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", lib: { axios: (_j = props.lib) === null || _j === void 0 ? void 0 : _j.axios }, devSettings: props.devSettings, bareSettings: props.bareSettings, fixedPagination: (_k = props.organise) === null || _k === void 0 ? void 0 : _k.fixedPagination, advSettings: {
-                        dragEnabled: (_l = props.organise) === null || _l === void 0 ? void 0 : _l.advDragEnabled,
-                        sortEnabled: (_m = props.organise) === null || _m === void 0 ? void 0 : _m.advSortEnabled,
-                        filterEnabled: (_o = props.organise) === null || _o === void 0 ? void 0 : _o.advFilterEnabled,
-                        sortId: (_p = props.organise) === null || _p === void 0 ? void 0 : _p.sort,
-                        sortOptions: (_r = (_q = props.organise) === null || _q === void 0 ? void 0 : _q.renderReferenceLabelOptions) === null || _r === void 0 ? void 0 : _r.call(_q),
-                        onSortColumn: (_s = props.organise) === null || _s === void 0 ? void 0 : _s.onChangeSort,
-                        onDragColumn: (_t = props.organise) === null || _t === void 0 ? void 0 : _t.onChangeDrag,
-                        filterOptions: (_v = (_u = props.organise) === null || _u === void 0 ? void 0 : _u.additionalQuery) === null || _v === void 0 ? void 0 : _v.map(function (eachQuery) {
+                        addColumnEnabled: (_l = props.organise) === null || _l === void 0 ? void 0 : _l.addColumnEnabled,
+                        renderAddColumnElements: renderAddMathColumn,
+                        dragEnabled: (_m = props.organise) === null || _m === void 0 ? void 0 : _m.advDragEnabled,
+                        sortEnabled: (_o = props.organise) === null || _o === void 0 ? void 0 : _o.advSortEnabled,
+                        filterEnabled: (_p = props.organise) === null || _p === void 0 ? void 0 : _p.advFilterEnabled,
+                        sortId: (_q = props.organise) === null || _q === void 0 ? void 0 : _q.sort,
+                        sortOptions: (_s = (_r = props.organise) === null || _r === void 0 ? void 0 : _r.renderReferenceLabelOptions) === null || _s === void 0 ? void 0 : _s.call(_r),
+                        onSortColumn: (_t = props.organise) === null || _t === void 0 ? void 0 : _t.onChangeSort,
+                        onDragColumn: (_u = props.organise) === null || _u === void 0 ? void 0 : _u.onChangeDrag,
+                        filterOptions: (_w = (_v = props.organise) === null || _v === void 0 ? void 0 : _v.additionalQuery) === null || _w === void 0 ? void 0 : _w.map(function (eachQuery) {
                             var _a;
                             return {
                                 key: eachQuery.value,
@@ -3983,7 +3978,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             return renderSearchContent(newQuery);
                         },
                     }, editable: {
-                        active: ((_w = props.edit) === null || _w === void 0 ? void 0 : _w.listEditable) && !props.edit.disabledUpdate
+                        active: ((_x = props.edit) === null || _x === void 0 ? void 0 : _x.listEditable) && !props.edit.disabledUpdate
                             ? true
                             : false,
                         onUpdateData: function (rowId, columnId, data) { return __awaiter(void 0, void 0, void 0, function () {
@@ -3997,7 +3992,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             });
                         }); },
                     }, addable: {
-                        active: ((_x = props.edit) === null || _x === void 0 ? void 0 : _x.listAddable) ? true : false,
+                        active: ((_y = props.edit) === null || _y === void 0 ? void 0 : _y.listAddable) ? true : false,
                         onAddData: function (data) { return __awaiter(void 0, void 0, void 0, function () {
                             return __generator(this, function (_a) {
                                 switch (_a.label) {
@@ -4008,46 +4003,46 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                 }
                             });
                         }); },
-                    }, darkMode: (_y = props.organise) === null || _y === void 0 ? void 0 : _y.darkMode, hidePagination: (_z = props.organise) === null || _z === void 0 ? void 0 : _z.hidePagination }));
+                    }, darkMode: (_z = props.organise) === null || _z === void 0 ? void 0 : _z.darkMode, hidePagination: (_0 = props.organise) === null || _0 === void 0 ? void 0 : _0.hidePagination }));
             }
             else if (dataType === "read") {
                 return (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(detailList_1.DetailList, { model: props.model, referenceModel: referenceModelSchema, className: "mt-5 bg-white rounded-md", title: "General Details", list: renderDetailListData(props.model), handleReferenceLink: !schemaPresent && ((_0 = props.bareSettings) === null || _0 === void 0 ? void 0 : _0.bareReadReferenceView)
+                    react_1.default.createElement(detailList_1.DetailList, { model: props.model, referenceModel: referenceModelSchema, className: "mt-5 bg-white rounded-md", title: "General Details", list: renderDetailListData(props.model), handleReferenceLink: !schemaPresent && ((_1 = props.bareSettings) === null || _1 === void 0 ? void 0 : _1.bareReadReferenceView)
                             ? props.bareSettings.bareReadReferenceView
-                            : undefined, splitView: (_1 = props.organise) === null || _1 === void 0 ? void 0 : _1.splitView }),
+                            : undefined, splitView: (_2 = props.organise) === null || _2 === void 0 ? void 0 : _2.splitView }),
                     react_1.default.createElement("div", { className: "mt-8" }, renderListAddress(dataType)),
                     react_1.default.createElement("div", { className: "mt-8" }, renderListObject(dataType))));
             }
         }
         else if (selectedTabData) {
-            if ((_2 = props.bareSettings) === null || _2 === void 0 ? void 0 : _2.bareListComponent) {
+            if ((_3 = props.bareSettings) === null || _3 === void 0 ? void 0 : _3.bareListComponent) {
                 return (react_1.default.createElement(react_1.default.Fragment, null,
                     props.bareSettings.bareListComponent(tableData, spaceTableData, tableLoading, pageIndex),
-                    !((_3 = props.organise) === null || _3 === void 0 ? void 0 : _3.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: (_4 = props.organise) === null || _4 === void 0 ? void 0 : _4.darkMode }))));
+                    !((_4 = props.organise) === null || _4 === void 0 ? void 0 : _4.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: (_5 = props.organise) === null || _5 === void 0 ? void 0 : _5.darkMode }))));
             }
             else if (selectedTabData.viewType === "iframe") {
-                return (react_1.default.createElement("iframe", { id: "blixify-iframe", className: "w-full mt-5", style: { height: "70vh" }, src: (_5 = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.iframeSrc) !== null && _5 !== void 0 ? _5 : "", title: (_6 = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.id) !== null && _6 !== void 0 ? _6 : "", onLoad: props.onLoadIframe }));
+                return (react_1.default.createElement("iframe", { id: "blixify-iframe", className: "w-full mt-5", style: { height: "70vh" }, src: (_6 = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.iframeSrc) !== null && _6 !== void 0 ? _6 : "", title: (_7 = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.id) !== null && _7 !== void 0 ? _7 : "", 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: isFirebase ? "cursor" : "page", list: renderGridAndListData(selectedTabData.viewImage, "list"), size: size, limit: limit, cursor: cursor, loading: tableLoading, pageIndex: pageIndex, checkbox: multipleSelect, selectAll: selectAll, selectedIds: selectedIds, handleSelectAll: handleSelectAllPages, handleSelectedIds: handleSelectIds, selectAllText: selectAll ? "from filter" : "", multiActionButton: react_1.default.createElement("div", { className: "flex flex-row space-x-3" },
-                            selectedIds.length > 0 && !((_7 = props.edit) === null || _7 === void 0 ? void 0 : _7.disabledUpdate) && (react_1.default.createElement(react_1.default.Fragment, null,
+                            selectedIds.length > 0 && !((_8 = props.edit) === null || _8 === void 0 ? void 0 : _8.disabledUpdate) && (react_1.default.createElement(react_1.default.Fragment, null,
                                 react_1.default.createElement(textButton_1.TextButton, { className: "text-sm", text: "Change to Draft", disable: loading, onClick: function () {
                                         handleBatchDraftData();
                                     } }),
                                 react_1.default.createElement(textButton_1.TextButton, { className: "text-sm", text: "Clone Items", disable: loading, onClick: function () {
                                         handleCloneSelectedData();
                                     } }))),
-                            ((_8 = props.edit) === null || _8 === void 0 ? void 0 : _8.deleteBtn) && (react_1.default.createElement(textButton_1.TextButton, { className: "text-sm text-red-500 hover:text-red-600", text: "Delete", onClick: function () {
+                            ((_9 = props.edit) === null || _9 === void 0 ? void 0 : _9.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);
                                 } })),
-                            !isFirebase && !((_9 = props.edit) === null || _9 === void 0 ? void 0 : _9.disabledUpdate) && (react_1.default.createElement(textButton_1.TextButton, { className: "text-sm", text: "Update", onClick: function () {
+                            !isFirebase && !((_10 = props.edit) === null || _10 === void 0 ? void 0 : _10.disabledUpdate) && (react_1.default.createElement(textButton_1.TextButton, { className: "text-sm", text: "Update", onClick: function () {
                                     setBatchUpdateModal(true);
                                 } }))), 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: (_10 = props.organise) === null || _10 === void 0 ? void 0 : _10.hidePagination })));
+                        }, 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: (_11 = props.organise) === null || _11 === void 0 ? void 0 : _11.hidePagination })));
             }
             else if (selectedTabData.viewType === "grid") {
                 var isGridScroll = renderCheckGridScroll();
@@ -4055,7 +4050,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     react_1.default.createElement(grid_1.Grid, { paginationType: isGridScroll || isFirebase ? "cursor" : "page", data: renderGridAndListData(selectedTabData.viewImage, "grid"), size: size, limit: limit, cursor: cursor, loading: tableLoading, infinityScroll: isGridScroll, horizontalScroll: isGridScroll, 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: (_11 = props.bareSettings) === null || _11 === void 0 ? void 0 : _11.bareListGridColClassName, className: "mt-5", hidePagination: (_12 = props.organise) === null || _12 === void 0 ? void 0 : _12.hidePagination })));
+                        }, linkType: props.linkType, custom: props.custom, newTabUrl: "".concat(props.localURLEndpoint, "?data="), addNewTabUrl: "&type=read&collection=".concat(props.collectionId, "&view=general"), handleUpdatePageIndex: handlePagination, gridColClassName: (_12 = props.bareSettings) === null || _12 === void 0 ? void 0 : _12.bareListGridColClassName, className: "mt-5", hidePagination: (_13 = props.organise) === null || _13 === void 0 ? void 0 : _13.hidePagination })));
             }
             else if (selectedTabData.viewType === "calendar") {
                 var calendarSettings_1 = selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.calendarSettings;
@@ -4149,7 +4144,7 @@ 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, calendarView: (_13 = calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.defaultView) !== null && _13 !== void 0 ? _13 : 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: (_14 = calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.defaultView) !== null && _14 !== void 0 ? _14 : 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)) {
@@ -4165,7 +4160,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 = (_14 = feedsSettings_1 === null || feedsSettings_1 === void 0 ? void 0 : feedsSettings_1.customFeedsData) === null || _14 === void 0 ? void 0 : _14.call(feedsSettings_1, tableData, spaceTableData);
+                var customFeedsData = (_15 = feedsSettings_1 === null || feedsSettings_1 === void 0 ? void 0 : feedsSettings_1.customFeedsData) === null || _15 === void 0 ? void 0 : _15.call(feedsSettings_1, tableData, spaceTableData);
                 if (customFeedsData && customFeedsData.length > 0) {
                     customFeedsData.map(function (eachData) {
                         var _a, _b, _c, _d;
@@ -4206,9 +4201,9 @@ 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: (_15 = props.organise) === null || _15 === void 0 ? void 0 : _15.darkMode }),
+                    react_1.default.createElement(feeds_1.Feeds, { bold: true, content: contentList_1, darkMode: (_16 = props.organise) === null || _16 === void 0 ? void 0 : _16.darkMode }),
                     react_1.default.createElement("div", { className: "my-10" }),
-                    contentList_1.length > 0 && !((_16 = props.organise) === null || _16 === void 0 ? void 0 : _16.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: (_17 = props.organise) === null || _17 === void 0 ? void 0 : _17.darkMode }))))));
+                    contentList_1.length > 0 && !((_17 = props.organise) === null || _17 === void 0 ? void 0 : _17.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: (_18 = props.organise) === null || _18 === void 0 ? void 0 : _18.darkMode }))))));
             }
             else if (selectedTabData.viewType === "map") {
                 var mapSettings_1 = selectedTabData.mapSettings;
@@ -4307,7 +4302,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 = (_18 = kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.title) !== null && _18 !== void 0 ? _18 : "";
+                var kanbanTitle_2 = (_19 = kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.title) !== null && _19 !== void 0 ? _19 : "";
                 var nullColumn_1 = false;
                 var groupBy_1 = [];
                 var groupLabel_1 = [];
@@ -4349,6 +4344,155 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "read", id, "general");
                     } }));
             }
+            // else if (selectedTabData.viewType === "report") {
+            //   return (
+            //     <Table
+            //       showId={showId}
+            //       paginationType={isFirebase ? "cursor" : "page"}
+            //       data={tableData}
+            //       spaceData={spaceTableData}
+            //       size={size}
+            //       limit={limit}
+            //       cursor={cursor}
+            //       loading={tableLoading}
+            //       checkbox={multipleSelect}
+            //       selectAll={selectAll}
+            //       selectedIds={selectedIds}
+            //       selectAllText={selectAll ? "from filter" : ""}
+            //       multiActionButton={
+            //         <div className="flex flex-row space-x-3">
+            //           {selectedIds.length > 0 &&
+            //             !props.edit?.disabledUpdate &&
+            //             !props.bareSettings?.bareHideTableExtraMultipleAction && (
+            //               <>
+            //                 <TextButton
+            //                   className="text-sm"
+            //                   text="Change to Draft"
+            //                   disable={loading}
+            //                   onClick={() => {
+            //                     handleBatchDraftData();
+            //                   }}
+            //                 />
+            //                 <TextButton
+            //                   className="text-sm"
+            //                   text="Clone Items"
+            //                   disable={loading}
+            //                   onClick={() => {
+            //                     handleCloneSelectedData();
+            //                   }}
+            //                 />
+            //               </>
+            //             )}
+            //           {props.edit?.deleteBtn && (
+            //             <TextButton
+            //               className="text-sm text-red-500 hover:text-red-600"
+            //               text="Delete"
+            //               onClick={() => {
+            //                 handleGenerateDeletePasscode();
+            //                 setDeleteModal(true);
+            //               }}
+            //             />
+            //           )}
+            //           {!isFirebase && !props.edit?.disableBatchUpdate && (
+            //             <TextButton
+            //               className="text-sm"
+            //               text="Update"
+            //               onClick={() => {
+            //                 setBatchUpdateModal(true);
+            //               }}
+            //             />
+            //           )}
+            //           {props.bareSettings?.bareListMultipleSelectAddtionalActions &&
+            //             props.bareSettings?.bareListMultipleSelectAddtionalActions?.map(
+            //               (eachButton) => {
+            //                 return (
+            //                   <TextButton
+            //                     className={`text-sm ${eachButton.className}`}
+            //                     text={eachButton.text}
+            //                     onClick={() => {
+            //                       eachButton.onClick?.(
+            //                         selectedIds,
+            //                         selectAll,
+            //                         renderImpSearchFilterConditions() ?? []
+            //                       );
+            //                     }}
+            //                   />
+            //                 );
+            //               }
+            //             )}
+            //         </div>
+            //       }
+            //       handleSelectAll={handleSelectAllPages}
+            //       handleSelectedIds={handleSelectIds}
+            //       header={renderTableHeader()}
+            //       pageIndex={pageIndex}
+            //       onClickRow={(id: string) => {
+            //         props.organise?.handleNavigate?.("read", id, "general");
+            //       }}
+            //       linkType={props.linkType}
+            //       custom={props.custom}
+            //       newTabUrl={`${props.localURLEndpoint}?data=`}
+            //       addNewTabUrl={`&type=read&collection=${props.collectionId}&view=general`}
+            //       handleUpdatePageIndex={handlePagination}
+            //       className="mt-5"
+            //       lib={{ axios: props.lib?.axios }}
+            //       devSettings={props.devSettings}
+            //       bareSettings={props.bareSettings}
+            //       fixedPagination={props.organise?.fixedPagination}
+            //       advSettings={{
+            //         addColumnEnabled: true,
+            //         renderAddColumnElements: renderAddMathColumn,
+            //         dragEnabled: props.organise?.advDragEnabled,
+            //         sortEnabled: props.organise?.advSortEnabled,
+            //         filterEnabled: props.organise?.advFilterEnabled,
+            //         sortId: props.organise?.sort,
+            //         sortOptions: props.organise?.renderReferenceLabelOptions?.(),
+            //         onSortColumn: props.organise?.onChangeSort,
+            //         onDragColumn: props.organise?.onChangeDrag,
+            //         filterOptions: props.organise?.additionalQuery?.map(
+            //           (eachQuery) => {
+            //             return {
+            //               key: eachQuery.value,
+            //               label: eachQuery.label ?? "",
+            //             };
+            //           }
+            //         ),
+            //         renderFilterElements: (id: string) => {
+            //           const selectedQuery = props.organise?.additionalQuery?.filter(
+            //             (eachQuery) => {
+            //               return eachQuery.value === id;
+            //             }
+            //           );
+            //           const selectedModelList = props.model.filter(
+            //             (eachModel) => eachModel.id === id
+            //           );
+            //           const newQuery = renderSearchAdditionalQueries(
+            //             selectedModelList,
+            //             selectedQuery
+            //           );
+            //           return renderSearchContent(newQuery);
+            //         },
+            //       }}
+            //       editable={{
+            //         active:
+            //           props.edit?.listEditable && !props.edit.disabledUpdate
+            //             ? true
+            //             : false,
+            //         onUpdateData: async (rowId, columnId, data) => {
+            //           await handleSubmitData("update", rowId, columnId, data);
+            //         },
+            //       }}
+            //       addable={{
+            //         active: props.edit?.listAddable ? true : false,
+            //         onAddData: async (data) => {
+            //           await handleSubmitData("create", "", "", data);
+            //         },
+            //       }}
+            //       darkMode={props.organise?.darkMode}
+            //       hidePagination={props.organise?.hidePagination}
+            //     />
+            //   );
+            // }
             else if (selectedTabData.renderComp) {
                 return react_1.default.createElement(react_1.default.Fragment, null, selectedTabData.renderComp());
             }
@@ -4752,7 +4896,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         renderNotification("root"),
-        ((_3 = (_2 = props.renderSettings) === null || _2 === void 0 ? void 0 : _2.renderLoadingUI) === null || _3 === void 0 ? void 0 : _3.call(_2)) && loading ? ((_4 = props.renderSettings) === null || _4 === void 0 ? void 0 : _4.renderLoadingUI()) : (react_1.default.createElement(modal_1.Modal, { maxWidth: selectedObjectStructureId || excelModal ? "2xl" : undefined, open: modalVisible, title: renderModalTitle(), renderContent: renderModalContent, onClose: function () {
+        ((_4 = (_3 = props.renderSettings) === null || _3 === void 0 ? void 0 : _3.renderLoadingUI) === null || _4 === void 0 ? void 0 : _4.call(_3)) && loading ? ((_5 = props.renderSettings) === null || _5 === void 0 ? void 0 : _5.renderLoadingUI()) : (react_1.default.createElement(modal_1.Modal, { maxWidth: selectedObjectStructureId || excelModal ? "2xl" : undefined, open: modalVisible, title: renderModalTitle(), renderContent: renderModalContent, onClose: function () {
                 var _a, _b;
                 if (loading)
                     return;