blixify-ui-web 0.4.203 → 0.4.205

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

@@ -145,7 +145,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, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37;
     var intialiseDefaultFilterValues = function () {
         var _a;
         var initialFilterSearch = {};
@@ -206,118 +206,121 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             initialFilterReferenceDate: initialFilterReferenceDate,
         };
     };
-    var _35 = intialiseDefaultFilterValues(), initialFilterSearch = _35.initialFilterSearch, initialFilterSearchParams = _35.initialFilterSearchParams, initialFilterSelection = _35.initialFilterSelection, initialFilterReference = _35.initialFilterReference, initialFilterReferenceDate = _35.initialFilterReferenceDate;
-    var _36 = (0, react_1.useState)(false), loading = _36[0], setLoading = _36[1];
-    var _37 = (0, react_1.useState)(), notification = _37[0], setNotification = _37[1];
+    var _38 = intialiseDefaultFilterValues(), initialFilterSearch = _38.initialFilterSearch, initialFilterSearchParams = _38.initialFilterSearchParams, initialFilterSelection = _38.initialFilterSelection, initialFilterReference = _38.initialFilterReference, initialFilterReferenceDate = _38.initialFilterReferenceDate;
+    var _39 = (0, react_1.useState)(false), loading = _39[0], setLoading = _39[1];
+    var _40 = (0, react_1.useState)(), notification = _40[0], setNotification = _40[1];
     //INFO : Used by List
-    var _38 = (0, react_1.useState)(initialFilterSearch), filterSearch = _38[0], setFilterSearch = _38[1];
-    var _39 = (0, react_1.useState)(initialFilterSearchParams), filterSearchParams = _39[0], setFilterSearchParams = _39[1];
-    var _40 = (0, react_1.useState)(initialFilterSelection), filterSelection = _40[0], setFilterSelection = _40[1];
-    var _41 = (0, react_1.useState)(initialFilterReference), filterReference = _41[0], setFilterReference = _41[1];
-    var _42 = (0, react_1.useState)({}), filterReferenceSearch = _42[0], setFilterReferenceSearch = _42[1];
-    var _43 = (0, react_1.useState)({}), filterReferenceList = _43[0], setFilterReferenceList = _43[1];
-    var _44 = (0, react_1.useState)(initialFilterReferenceDate), filterReferenceDate = _44[0], setFilterReferenceDate = _44[1];
-    var _45 = (0, react_1.useState)(true), tableLoading = _45[0], setTableLoading = _45[1];
-    var _46 = (0, react_1.useState)(""), cursor = _46[0], setCursor = _46[1];
-    var _47 = (0, react_1.useState)(""), lastCursor = _47[0], setLastCursor = _47[1];
-    var _48 = (0, react_1.useState)([]), tableData = _48[0], setTableData = _48[1];
-    var _49 = (0, react_1.useState)([]), spaceTableData = _49[0], setSpaceTableData = _49[1];
-    var _50 = (0, react_1.useState)(0), size = _50[0], setSize = _50[1];
-    var _51 = (0, react_1.useState)((_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.pageIndex) !== null && _b !== void 0 ? _b : 0), pageIndex = _51[0], setPageIndex = _51[1];
-    var _52 = (0, react_1.useState)([]), selectedIds = _52[0], setSelectedIds = _52[1];
-    var _53 = (0, react_1.useState)(false), selectAll = _53[0], setSelectAll = _53[1];
-    var _54 = (0, react_1.useState)(""), deletePasscode = _54[0], setDeletePasscode = _54[1];
-    var _55 = (0, react_1.useState)(""), deletePasscodeInput = _55[0], setDeletePasscodeInput = _55[1];
-    var _56 = (0, react_1.useState)(""), deleteFeedId = _56[0], setDeleteFeedId = _56[1];
+    var _41 = (0, react_1.useState)(initialFilterSearch), filterSearch = _41[0], setFilterSearch = _41[1];
+    var _42 = (0, react_1.useState)(initialFilterSearchParams), filterSearchParams = _42[0], setFilterSearchParams = _42[1];
+    var _43 = (0, react_1.useState)(initialFilterSelection), filterSelection = _43[0], setFilterSelection = _43[1];
+    var _44 = (0, react_1.useState)(initialFilterReference), filterReference = _44[0], setFilterReference = _44[1];
+    var _45 = (0, react_1.useState)({}), filterReferenceSearch = _45[0], setFilterReferenceSearch = _45[1];
+    var _46 = (0, react_1.useState)({}), filterReferenceList = _46[0], setFilterReferenceList = _46[1];
+    var _47 = (0, react_1.useState)(initialFilterReferenceDate), filterReferenceDate = _47[0], setFilterReferenceDate = _47[1];
+    var _48 = (0, react_1.useState)(true), tableLoading = _48[0], setTableLoading = _48[1];
+    var _49 = (0, react_1.useState)(""), cursor = _49[0], setCursor = _49[1];
+    var _50 = (0, react_1.useState)(""), lastCursor = _50[0], setLastCursor = _50[1];
+    var _51 = (0, react_1.useState)([]), tableData = _51[0], setTableData = _51[1];
+    var _52 = (0, react_1.useState)([]), spaceTableData = _52[0], setSpaceTableData = _52[1];
+    var _53 = (0, react_1.useState)(0), size = _53[0], setSize = _53[1];
+    var _54 = (0, react_1.useState)((_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.pageIndex) !== null && _b !== void 0 ? _b : 0), pageIndex = _54[0], setPageIndex = _54[1];
+    var _55 = (0, react_1.useState)([]), selectedIds = _55[0], setSelectedIds = _55[1];
+    var _56 = (0, react_1.useState)(false), selectAll = _56[0], setSelectAll = _56[1];
+    var _57 = (0, react_1.useState)(""), deletePasscode = _57[0], setDeletePasscode = _57[1];
+    var _58 = (0, react_1.useState)(""), deletePasscodeInput = _58[0], setDeletePasscodeInput = _58[1];
+    var _59 = (0, react_1.useState)(""), deleteFeedId = _59[0], setDeleteFeedId = _59[1];
     //INFO : Used by List Organise
-    var _57 = (0, react_1.useState)(false), sortModal = _57[0], setSortModal = _57[1];
-    var _58 = (0, react_1.useState)(false), filterModal = _58[0], setFilterModal = _58[1];
-    var _59 = (0, react_1.useState)(false), filterDraft = _59[0], setFilterDraft = _59[1];
-    var _60 = (0, react_1.useState)(false), addTabModal = _60[0], setAddTabModal = _60[1];
-    var _61 = (0, react_1.useState)(false), overviewModal = _61[0], setOverviewModal = _61[1];
-    var _62 = (0, react_1.useState)(props.defaultTab
+    var _60 = (0, react_1.useState)(false), sortModal = _60[0], setSortModal = _60[1];
+    var _61 = (0, react_1.useState)(false), filterModal = _61[0], setFilterModal = _61[1];
+    var _62 = (0, react_1.useState)(false), filterDraft = _62[0], setFilterDraft = _62[1];
+    var _63 = (0, react_1.useState)(false), addTabModal = _63[0], setAddTabModal = _63[1];
+    var _64 = (0, react_1.useState)(false), overviewModal = _64[0], setOverviewModal = _64[1];
+    var _65 = (0, react_1.useState)(props.defaultTab
         ? (0, listModule_1.renderSelectedRefreshTab)(props.localURLEndpoint, props.type, props.collectionId, props.id, (_c = props.organise) === null || _c === void 0 ? void 0 : _c.extendedTabs, (_d = props.organise) === null || _d === void 0 ? void 0 : _d.viewId)
-        : ""), selectedTab = _62[0], setSelectedTab = _62[1];
-    var _63 = (0, react_1.useState)("dayGridMonth"), calendarView = _63[0], setCalendarView = _63[1];
-    var _64 = (0, react_1.useState)(new Date()), calendarTabMonth = _64[0], setCalendarTabMonth = _64[1];
-    var _65 = (0, react_1.useState)(true), kanbanDroppable = _65[0], setKanbanDroppable = _65[1];
-    var _66 = (0, react_1.useState)([]), kanbanOptions = _66[0], setKanbanOptions = _66[1];
-    var _67 = (0, react_1.useState)(false), queryForm = _67[0], setQueryForm = _67[1];
-    var _68 = (0, react_1.useState)(false), batchUpdateModal = _68[0], setBatchUpdateModal = _68[1];
-    var _69 = (0, react_1.useState)({
+        : ""), selectedTab = _65[0], setSelectedTab = _65[1];
+    var _66 = (0, react_1.useState)("dayGridMonth"), calendarView = _66[0], setCalendarView = _66[1];
+    var _67 = (0, react_1.useState)(new Date()), calendarTabMonth = _67[0], setCalendarTabMonth = _67[1];
+    var _68 = (0, react_1.useState)(true), kanbanDroppable = _68[0], setKanbanDroppable = _68[1];
+    var _69 = (0, react_1.useState)([]), kanbanOptions = _69[0], setKanbanOptions = _69[1];
+    var _70 = (0, react_1.useState)(false), queryForm = _70[0], setQueryForm = _70[1];
+    var _71 = (0, react_1.useState)(false), batchUpdateModal = _71[0], setBatchUpdateModal = _71[1];
+    var _72 = (0, react_1.useState)({
         columnId: "",
         columnData: {},
-    }), batchUpdateData = _69[0], setBatchUpdateData = _69[1];
-    var _70 = (0, react_1.useState)((props === null || props === void 0 ? void 0 : props.model) || []), structure = _70[0], setStructure = _70[1];
-    var _71 = (0, react_1.useState)(((_e = props === null || props === void 0 ? void 0 : props.organise) === null || _e === void 0 ? void 0 : _e.additionalQuery) || []), additionalQuery = _71[0], setAdditionalQuery = _71[1];
+    }), batchUpdateData = _72[0], setBatchUpdateData = _72[1];
+    var _73 = (0, react_1.useState)((props === null || props === void 0 ? void 0 : props.model) || []), structure = _73[0], setStructure = _73[1];
+    var _74 = (0, react_1.useState)(((_e = props === null || props === void 0 ? void 0 : props.organise) === null || _e === void 0 ? void 0 : _e.additionalQuery) || []), additionalQuery = _74[0], setAdditionalQuery = _74[1];
     //INFO : Used by Auth
-    var _72 = (0, react_1.useState)({
+    var _75 = (0, react_1.useState)({
         email: "",
         google: "",
         phone: "",
         disabled: false,
         create: false,
-    }), authMethods = _72[0], setAuthMethods = _72[1];
-    var _73 = (0, react_1.useState)(""), selectedAuthMethod = _73[0], setSelectedAuthMethod = _73[1];
+    }), authMethods = _75[0], setAuthMethods = _75[1];
+    var _76 = (0, react_1.useState)(""), selectedAuthMethod = _76[0], setSelectedAuthMethod = _76[1];
     // INFO: Used by Activity Log
-    var _74 = (0, react_1.useState)(false), activityModal = _74[0], setActivityModal = _74[1];
-    var _75 = (0, react_1.useState)(""), activityId = _75[0], setActivityId = _75[1];
+    var _77 = (0, react_1.useState)(false), activityModal = _77[0], setActivityModal = _77[1];
+    var _78 = (0, react_1.useState)(""), activityId = _78[0], setActivityId = _78[1];
     //INFO : Used by Export
-    var _76 = (0, react_1.useState)(null), csvFile = _76[0], setCSVFile = _76[1];
-    var _77 = (0, react_1.useState)([]), csvFileData = _77[0], setCSVFileData = _77[1];
-    var _78 = (0, react_1.useState)(0), stepCSVIndex = _78[0], setStepCSVIndex = _78[1];
-    var _79 = (0, react_1.useState)({}), listCSVMapAttribute = _79[0], setListCSVMapAttribute = _79[1];
-    var _80 = (0, react_1.useState)({}), listCSVObjAttribute = _80[0], setListCSVObjAttribute = _80[1];
-    var _81 = (0, react_1.useState)([]), csvAPIAttribute = _81[0], setCSVAPIAttribute = _81[1];
-    var _82 = (0, react_1.useState)(((_f = props.devSettings.currentUser) === null || _f === void 0 ? void 0 : _f.userEmail) || ""), exportCSVEmail = _82[0], setExportCSVEmail = _82[1];
-    var _83 = (0, react_1.useState)(((_h = (_g = props.organise) === null || _g === void 0 ? void 0 : _g.exportSettings) === null || _h === void 0 ? void 0 : _h.defaultExportPDFName) || ""), exportPDFTitle = _83[0], setExportPDFTitle = _83[1];
-    var _84 = (0, react_1.useState)(false), exportPDFLoading = _84[0], setExportPDFLoading = _84[1];
-    var _85 = (0, react_1.useState)((_l = (_k = (_j = props.organise) === null || _j === void 0 ? void 0 : _j.exportSettings) === null || _k === void 0 ? void 0 : _k.sumColumnId) !== null && _l !== void 0 ? _l : []), exportSumAttributeIds = _85[0], setExportSumAttributeIds = _85[1];
-    var _86 = (0, react_1.useState)([]), importTableData = _86[0], setImportTableData = _86[1];
-    var _87 = (0, react_1.useState)([]), queryList = _87[0], setQueryList = _87[1];
-    var _88 = (0, react_1.useState)(undefined), allQueryList = _88[0], setAllQueryList = _88[1];
-    var _89 = (0, react_1.useState)(-1), queryIndex = _89[0], setQueryIndex = _89[1];
-    var _90 = (0, react_1.useState)((_m = props.organise) === null || _m === void 0 ? void 0 : _m.groupBy), groupId = _90[0], setGroupId = _90[1];
+    var _79 = (0, react_1.useState)(null), csvFile = _79[0], setCSVFile = _79[1];
+    var _80 = (0, react_1.useState)([]), csvFileData = _80[0], setCSVFileData = _80[1];
+    var _81 = (0, react_1.useState)(0), stepCSVIndex = _81[0], setStepCSVIndex = _81[1];
+    var _82 = (0, react_1.useState)({}), listCSVMapAttribute = _82[0], setListCSVMapAttribute = _82[1];
+    var _83 = (0, react_1.useState)({}), listCSVObjAttribute = _83[0], setListCSVObjAttribute = _83[1];
+    var _84 = (0, react_1.useState)([]), csvAPIAttribute = _84[0], setCSVAPIAttribute = _84[1];
+    var _85 = (0, react_1.useState)(((_f = props.devSettings.currentUser) === null || _f === void 0 ? void 0 : _f.userEmail) || ""), exportCSVEmail = _85[0], setExportCSVEmail = _85[1];
+    var _86 = (0, react_1.useState)(((_h = (_g = props.organise) === null || _g === void 0 ? void 0 : _g.exportSettings) === null || _h === void 0 ? void 0 : _h.defaultExportPDFName) || ""), exportPDFTitle = _86[0], setExportPDFTitle = _86[1];
+    var _87 = (0, react_1.useState)(false), exportPDFLoading = _87[0], setExportPDFLoading = _87[1];
+    var _88 = (0, react_1.useState)((_l = (_k = (_j = props.organise) === null || _j === void 0 ? void 0 : _j.exportSettings) === null || _k === void 0 ? void 0 : _k.sumColumnId) !== null && _l !== void 0 ? _l : []), exportSumAttributeIds = _88[0], setExportSumAttributeIds = _88[1];
+    var _89 = (0, react_1.useState)([]), importTableData = _89[0], setImportTableData = _89[1];
+    var _90 = (0, react_1.useState)([]), queryList = _90[0], setQueryList = _90[1];
+    var _91 = (0, react_1.useState)(undefined), allQueryList = _91[0], setAllQueryList = _91[1];
+    var _92 = (0, react_1.useState)(-1), queryIndex = _92[0], setQueryIndex = _92[1];
+    var _93 = (0, react_1.useState)((_m = props.organise) === null || _m === void 0 ? void 0 : _m.groupBy), groupId = _93[0], setGroupId = _93[1];
+    var _94 = (0, react_1.useState)(""), readTabSection = _94[0], setReadTabSection = _94[1];
+    var _95 = (0, react_1.useState)(false), readFloatingNav = _95[0], setReadFloatingNav = _95[1];
+    var readTabSectionRefs = (0, react_1.useRef)({});
     //INFO : Used by Read
     //INFO : Used by Update
-    var _91 = (0, react_1.useState)(false), modalVisible = _91[0], setModalVisible = _91[1];
-    var _92 = (0, react_1.useState)(false), deleteModal = _92[0], setDeleteModal = _92[1];
-    var _93 = (0, react_1.useState)(false), excelModal = _93[0], setExcelModal = _93[1];
-    var _94 = (0, react_1.useState)(false), exportExcel = _94[0], setExportExcel = _94[1];
-    var _95 = (0, react_1.useState)(""), exportType = _95[0], setExportType = _95[1];
-    var _96 = (0, react_1.useState)(false), exportQR = _96[0], setExportQR = _96[1];
-    var _97 = (0, react_1.useState)(function () {
+    var _96 = (0, react_1.useState)(false), modalVisible = _96[0], setModalVisible = _96[1];
+    var _97 = (0, react_1.useState)(false), deleteModal = _97[0], setDeleteModal = _97[1];
+    var _98 = (0, react_1.useState)(false), excelModal = _98[0], setExcelModal = _98[1];
+    var _99 = (0, react_1.useState)(false), exportExcel = _99[0], setExportExcel = _99[1];
+    var _100 = (0, react_1.useState)(""), exportType = _100[0], setExportType = _100[1];
+    var _101 = (0, react_1.useState)(false), exportQR = _101[0], setExportQR = _101[1];
+    var _102 = (0, react_1.useState)(function () {
         var _a, _b;
         var firstTabId = (_b = (_a = structure.find(function (item) { return item.tabId; })) === null || _a === void 0 ? void 0 : _a.tabId) !== null && _b !== void 0 ? _b : "";
         return firstTabId;
-    }), activeTab = _97[0], setActiveTab = _97[1];
-    var _98 = (0, react_1.useState)(false), signatureSigning = _98[0], setSignatureSigning = _98[1];
-    var _99 = (0, react_1.useState)({}), selectedData = _99[0], setSelectedData = _99[1];
-    var _100 = (0, react_1.useState)(""), selectedObjectStructureId = _100[0], setSelectedObjectStructureId = _100[1];
-    var _101 = (0, react_1.useState)(""), selectedObjectId = _101[0], setSelectedObjectId = _101[1];
-    var _102 = (0, react_1.useState)(""), selectedListAddressId = _102[0], setSelectedListAddressId = _102[1];
-    var _103 = (0, react_1.useState)(-1), selectedListAddressIndex = _103[0], setSelectedListAddressIndex = _103[1];
-    var _104 = (0, react_1.useState)({
+    }), activeTab = _102[0], setActiveTab = _102[1];
+    var _103 = (0, react_1.useState)(false), signatureSigning = _103[0], setSignatureSigning = _103[1];
+    var _104 = (0, react_1.useState)({}), selectedData = _104[0], setSelectedData = _104[1];
+    var _105 = (0, react_1.useState)(""), selectedObjectStructureId = _105[0], setSelectedObjectStructureId = _105[1];
+    var _106 = (0, react_1.useState)(""), selectedObjectId = _106[0], setSelectedObjectId = _106[1];
+    var _107 = (0, react_1.useState)(""), selectedListAddressId = _107[0], setSelectedListAddressId = _107[1];
+    var _108 = (0, react_1.useState)(-1), selectedListAddressIndex = _108[0], setSelectedListAddressIndex = _108[1];
+    var _109 = (0, react_1.useState)({
         lat: 0,
         lng: 0,
         name: "",
-    }), selectedListAddress = _104[0], setSelectedListAddress = _104[1];
-    var _105 = (0, react_1.useState)({}), selectedObjectData = _105[0], setSelectedObjectData = _105[1];
-    var _106 = (0, react_1.useState)(false), referenceLoading = _106[0], setReferenceLoading = _106[1];
-    var _107 = (0, react_1.useState)({}), referencesOptions = _107[0], setReferencesOptions = _107[1];
-    var _108 = (0, react_1.useState)({}), referencesDetails = _108[0], setReferencesDetails = _108[1];
-    var _109 = (0, react_1.useState)({}), referenceDeleteTableData = _109[0], setReferenceDeleteTableData = _109[1];
-    var _110 = (0, react_1.useState)(0), referenceDeleteIndex = _110[0], setReferenceDeleteIndex = _110[1];
-    var _111 = (0, react_1.useState)({
+    }), selectedListAddress = _109[0], setSelectedListAddress = _109[1];
+    var _110 = (0, react_1.useState)({}), selectedObjectData = _110[0], setSelectedObjectData = _110[1];
+    var _111 = (0, react_1.useState)(false), referenceLoading = _111[0], setReferenceLoading = _111[1];
+    var _112 = (0, react_1.useState)({}), referencesOptions = _112[0], setReferencesOptions = _112[1];
+    var _113 = (0, react_1.useState)({}), referencesDetails = _113[0], setReferencesDetails = _113[1];
+    var _114 = (0, react_1.useState)({}), referenceDeleteTableData = _114[0], setReferenceDeleteTableData = _114[1];
+    var _115 = (0, react_1.useState)(0), referenceDeleteIndex = _115[0], setReferenceDeleteIndex = _115[1];
+    var _116 = (0, react_1.useState)({
         id: "",
         name: "",
         type: "string",
-    }), referenceCreationModal = _111[0], setReferenceCreationModal = _111[1];
-    var _112 = (0, react_1.useState)({}), referenceModelSchema = _112[0], setReferenceSchema = _112[1];
-    var _113 = (0, react_1.useState)([]), kanbanChecked = _113[0], setKanbanChecked = _113[1];
+    }), referenceCreationModal = _116[0], setReferenceCreationModal = _116[1];
+    var _117 = (0, react_1.useState)({}), referenceModelSchema = _117[0], setReferenceSchema = _117[1];
+    var _118 = (0, react_1.useState)([]), kanbanChecked = _118[0], setKanbanChecked = _118[1];
     //INFO : Offline
-    var _114 = (0, react_1.useState)(0), offlineDataLength = _114[0], setOfflineDataLength = _114[1];
-    var _115 = (0, react_1.useState)(false), offlineModal = _115[0], setOfflineModal = _115[1];
+    var _119 = (0, react_1.useState)(0), offlineDataLength = _119[0], setOfflineDataLength = _119[1];
+    var _120 = (0, react_1.useState)(false), offlineModal = _120[0], setOfflineModal = _120[1];
     var previousType = (0, react_1.useRef)();
     var previousSelectedData = (0, react_1.useRef)();
     var formRef = (0, react_1.createRef)();
@@ -359,13 +362,15 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var hasNavigation = ((_z = props.organise) === null || _z === void 0 ? void 0 : _z.handleNavigate) ? true : false;
     var columnType = (_1 = (_0 = props.bareSettings) === null || _0 === void 0 ? void 0 : _0.bareUpdateColumnType) !== null && _1 !== void 0 ? _1 : "two";
     var formColumn = columnType === "one" ? "grid-cols-2" : "grid-cols-4";
-    var isActivityLog = (((_3 = (_2 = props.edit) === null || _2 === void 0 ? void 0 : _2.activityLog) === null || _3 === void 0 ? void 0 : _3.enableComments) &&
-        ((_4 = props.edit) === null || _4 === void 0 ? void 0 : _4.activityLog.commentCollectionId)) ||
-        (((_6 = (_5 = props.edit) === null || _5 === void 0 ? void 0 : _5.activityLog) === null || _6 === void 0 ? void 0 : _6.enableLogs) &&
-            ((_7 = props.edit) === null || _7 === void 0 ? void 0 : _7.activityLog.logsCollectionId));
+    var useMobileView = (_3 = (_2 = props.bareSettings) === null || _2 === void 0 ? void 0 : _2.bareUpdateMobileView) !== null && _3 !== void 0 ? _3 : false;
+    var gridGap = useMobileView ? "gap-x-6 gap-y-2 md:gap-y-6" : "gap-6";
+    var isActivityLog = (((_5 = (_4 = props.edit) === null || _4 === void 0 ? void 0 : _4.activityLog) === null || _5 === void 0 ? void 0 : _5.enableComments) &&
+        ((_6 = props.edit) === null || _6 === void 0 ? void 0 : _6.activityLog.commentCollectionId)) ||
+        (((_8 = (_7 = props.edit) === null || _7 === void 0 ? void 0 : _7.activityLog) === null || _8 === void 0 ? void 0 : _8.enableLogs) &&
+            ((_9 = props.edit) === null || _9 === void 0 ? void 0 : _9.activityLog.logsCollectionId));
     //TODO : Code - Pass ...devSettings, search dbEndpoint:
     var writeServerQuery = new writeQuery_1.WriteQuery({
-        dbModule: (_8 = props.lib) === null || _8 === void 0 ? void 0 : _8.axios,
+        dbModule: (_10 = props.lib) === null || _10 === void 0 ? void 0 : _10.axios,
         dbType: devSettings.server,
         dbCollection: props.collectionId,
         dbEndpoint: devSettings.dbEndpoint,
@@ -373,7 +378,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         dbUserToken: devSettings.dbUserToken,
     });
     var readServerQuery = new readQuery_1.ReadQuery({
-        dbModule: (_9 = props.lib) === null || _9 === void 0 ? void 0 : _9.axios,
+        dbModule: (_11 = props.lib) === null || _11 === void 0 ? void 0 : _11.axios,
         dbType: devSettings.server,
         dbCollection: props.collectionId,
         dbEndpoint: devSettings.dbEndpoint,
@@ -381,9 +386,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         dbUserToken: devSettings.dbUserToken,
     });
     var moreButtonPopUp = [
-        ((_10 = props.edit) === null || _10 === void 0 ? void 0 : _10.allEditable) &&
+        ((_12 = props.edit) === null || _12 === void 0 ? void 0 : _12.allEditable) &&
             !isFirebase &&
-            !((_12 = (_11 = props.organise) === null || _11 === void 0 ? void 0 : _11.exportSettings) === null || _12 === void 0 ? void 0 : _12.hideImportCSV)
+            !((_14 = (_13 = props.organise) === null || _13 === void 0 ? void 0 : _13.exportSettings) === null || _14 === void 0 ? void 0 : _14.hideImportCSV)
             ? {
                 text: "Import Excel",
                 onClick: function () {
@@ -392,7 +397,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_14 = (_13 = props.organise) === null || _13 === void 0 ? void 0 : _13.exportSettings) === null || _14 === void 0 ? void 0 : _14.hideExportCSV)
+        !((_16 = (_15 = props.organise) === null || _15 === void 0 ? void 0 : _15.exportSettings) === null || _16 === void 0 ? void 0 : _16.hideExportCSV)
             ? {
                 text: "Export CSV",
                 onClick: function () {
@@ -402,7 +407,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_16 = (_15 = props.organise) === null || _15 === void 0 ? void 0 : _15.exportSettings) === null || _16 === void 0 ? void 0 : _16.hideExportExcel)
+        !((_18 = (_17 = props.organise) === null || _17 === void 0 ? void 0 : _17.exportSettings) === null || _18 === void 0 ? void 0 : _18.hideExportExcel)
             ? {
                 text: "Export Excel",
                 onClick: function () {
@@ -412,7 +417,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_18 = (_17 = props.organise) === null || _17 === void 0 ? void 0 : _17.exportSettings) === null || _18 === void 0 ? void 0 : _18.hideExportPDF)
+        !((_20 = (_19 = props.organise) === null || _19 === void 0 ? void 0 : _19.exportSettings) === null || _20 === void 0 ? void 0 : _20.hideExportPDF)
             ? {
                 text: "Export PDF",
                 onClick: function () {
@@ -422,7 +427,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_20 = (_19 = props.organise) === null || _19 === void 0 ? void 0 : _19.exportSettings) === null || _20 === void 0 ? void 0 : _20.hideExportQR)
+        !((_22 = (_21 = props.organise) === null || _21 === void 0 ? void 0 : _21.exportSettings) === null || _22 === void 0 ? void 0 : _22.hideExportQR)
             ? {
                 text: "Export QR",
                 onClick: function () {
@@ -432,7 +437,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_22 = (_21 = props.organise) === null || _21 === void 0 ? void 0 : _21.exportSettings) === null || _22 === void 0 ? void 0 : _22.hideExportQR)
+        !((_24 = (_23 = props.organise) === null || _23 === void 0 ? void 0 : _23.exportSettings) === null || _24 === void 0 ? void 0 : _24.hideExportQR)
             ? {
                 text: "Export QR(Data)",
                 onClick: function () {
@@ -442,7 +447,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_24 = (_23 = props.organise) === null || _23 === void 0 ? void 0 : _23.exportSettings) === null || _24 === void 0 ? void 0 : _24.hideExportPrint)
+        !((_26 = (_25 = props.organise) === null || _25 === void 0 ? void 0 : _25.exportSettings) === null || _26 === void 0 ? void 0 : _26.hideExportPrint)
             ? {
                 text: "Print",
                 onClick: function () {
@@ -452,7 +457,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_26 = (_25 = props.organise) === null || _25 === void 0 ? void 0 : _25.exportSettings) === null || _26 === void 0 ? void 0 : _26.hideExportDraft)
+        !((_28 = (_27 = props.organise) === null || _27 === void 0 ? void 0 : _27.exportSettings) === null || _28 === void 0 ? void 0 : _28.hideExportDraft)
             ? {
                 text: filterDraft ? "Show All Items" : "Filter Draft",
                 onClick: function () {
@@ -461,7 +466,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             }
             : null,
     ].filter(Boolean);
-    if ((_27 = props.organise) === null || _27 === void 0 ? void 0 : _27.moreSettings)
+    if ((_29 = props.organise) === null || _29 === void 0 ? void 0 : _29.moreSettings)
         moreButtonPopUp = moreButtonPopUp.concat(props.organise.moreSettings);
     var renderImpSearchFilterConditions = function () {
         var _a;
@@ -636,10 +641,10 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         props.collectionId,
         props.model,
         props.localURLEndpoint,
-        (_28 = props.organise) === null || _28 === void 0 ? void 0 : _28.extendedTabs,
-        (_29 = props.organise) === null || _29 === void 0 ? void 0 : _29.viewId,
-        (_30 = props.organise) === null || _30 === void 0 ? void 0 : _30.additionalQuery,
-        (_31 = props.organise) === null || _31 === void 0 ? void 0 : _31.groupBy,
+        (_30 = props.organise) === null || _30 === void 0 ? void 0 : _30.extendedTabs,
+        (_31 = props.organise) === null || _31 === void 0 ? void 0 : _31.viewId,
+        (_32 = props.organise) === null || _32 === void 0 ? void 0 : _32.additionalQuery,
+        (_33 = props.organise) === null || _33 === void 0 ? void 0 : _33.groupBy,
         props.type,
     ]);
     (0, react_1.useEffect)(function () {
@@ -677,6 +682,87 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         }
         previousSelectedData.current = selectedData;
     }, [selectedData]);
+    (0, react_1.useEffect)(function () {
+        var _a;
+        if (!((_a = props.organise) === null || _a === void 0 ? void 0 : _a.showReadFloatingNav) || props.type !== "read")
+            return;
+        var timeoutId = setTimeout(function () {
+            var sections = Object.keys(readTabSectionRefs.current);
+            if (sections.length === 0)
+                return;
+            var observer = new IntersectionObserver(function (entries) {
+                var visibleEntries = entries.filter(function (entry) { return entry.isIntersecting; });
+                if (visibleEntries.length > 0) {
+                    var sortedEntries = visibleEntries.sort(function (a, b) {
+                        var aTop = a.boundingClientRect.top;
+                        var bTop = b.boundingClientRect.top;
+                        if (Math.abs(aTop - bTop) < 100) {
+                            return b.intersectionRatio - a.intersectionRatio;
+                        }
+                        return aTop - bTop;
+                    });
+                    var sectionKey = sortedEntries[0].target.getAttribute("data-section-key");
+                    if (sectionKey) {
+                        setReadTabSection(sectionKey);
+                    }
+                }
+            }, {
+                threshold: [0.1],
+                rootMargin: "0px 0px -15px 0px",
+            });
+            sections.forEach(function (key) {
+                var el = readTabSectionRefs.current[key];
+                if (el) {
+                    el.setAttribute("data-section-key", key);
+                    observer.observe(el);
+                }
+            });
+            return function () {
+                observer.disconnect();
+            };
+        }, 100);
+        return function () { return clearTimeout(timeoutId); };
+    }, [(_34 = props.organise) === null || _34 === void 0 ? void 0 : _34.showReadFloatingNav, props.type, props.id, loading]);
+    (0, react_1.useEffect)(function () {
+        if (props.type !== "read")
+            return;
+        var hasTabs = structure.some(function (eachModel) { return eachModel.tabId; });
+        var shouldGroup = structure.some(function (eachModel) { return eachModel.groupId; }) || hasTabs;
+        if (!shouldGroup)
+            return;
+        var groupedStructures = {};
+        structure.forEach(function (eachModel) {
+            var tabKey = eachModel.tabId || "Others";
+            var groupKey = eachModel.groupId || "Others";
+            if (!groupedStructures[tabKey]) {
+                groupedStructures[tabKey] = {};
+            }
+            if (!groupedStructures[tabKey][groupKey]) {
+                groupedStructures[tabKey][groupKey] = [];
+            }
+            groupedStructures[tabKey][groupKey].push(eachModel);
+        });
+        if (Object.keys(groupedStructures).length === 0)
+            return;
+        var sortedTabs = Object.keys(groupedStructures).sort(function (a, b) {
+            if (a === "Others")
+                return 1;
+            if (b === "Others")
+                return -1;
+            return a.localeCompare(b);
+        });
+        var allTabSections = [];
+        sortedTabs.forEach(function (eachTab) {
+            if (!allTabSections.includes(eachTab)) {
+                allTabSections.push(eachTab);
+            }
+        });
+        if (allTabSections.length > 0) {
+            if (!readTabSection || !allTabSections.includes(readTabSection)) {
+                setReadTabSection(allTabSections[0]);
+            }
+        }
+    }, [structure, props.type, readTabSection]);
     var handleUpdateSelectedData = function (changeData) {
         changeData.map(function (eachField) {
             var key = eachField.key, value = eachField.value;
@@ -4395,7 +4481,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                         var modelTabId = (_a = model.tabId) !== null && _a !== void 0 ? _a : "";
                                         return tabId === modelTabId;
                                     });
-                                    return (react_1.default.createElement("div", { key: tabId, className: "w-full grid ".concat(formColumn, " gap-6 ").concat(hasTabAlign_1
+                                    return (react_1.default.createElement("div", { key: tabId, className: "w-full grid ".concat(formColumn, " ").concat(gridGap, " ").concat(hasTabAlign_1
                                             ? activeTab === tabId
                                                 ? ""
                                                 : "hidden"
@@ -4411,7 +4497,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         ((_13 = props.bareSettings) === null || _13 === void 0 ? void 0 : _13.bareUpdateComponentAbove) &&
                             ((_14 = props.bareSettings) === null || _14 === void 0 ? void 0 : _14.bareUpdateComponent) &&
                             ((_15 = props.bareSettings) === null || _15 === void 0 ? void 0 : _15.bareUpdateComponent(selectedData)),
-                        react_1.default.createElement(form_1.Form, { className: "grid ".concat(formColumn, " gap-6 mt-6"), ref: formRef, refList: __spreadArray(__spreadArray([], modalFormInputRefs, true), flexTableRefs, true), handleComplete: handleSubmit, disabledOnEnter: disabledOnEnter_1, handleOnFailValidation: handleOnFailValidation },
+                        react_1.default.createElement(form_1.Form, { className: "grid ".concat(formColumn, " ").concat(gridGap, " mt-6"), ref: formRef, refList: __spreadArray(__spreadArray([], modalFormInputRefs, true), flexTableRefs, true), handleComplete: handleSubmit, disabledOnEnter: disabledOnEnter_1, handleOnFailValidation: handleOnFailValidation },
                             renderDataTemplateFormContent(selectedData, filterModel_1, modalFormInputRefs, false, false),
                             !((_16 = props.bareSettings) === null || _16 === void 0 ? void 0 : _16.bareUpdateComponentAbove) &&
                                 ((_17 = props.bareSettings) === null || _17 === void 0 ? void 0 : _17.bareUpdateComponent) &&
@@ -4543,7 +4629,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     //SECTION: Render Utils
     //=====================================================================================
     var renderDataTemplateFormContent = function (state, model, ref, isObject, isObjectList, modalInput, parentData, markdownReadOnly) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         return (0, updateModule_1.renderDataTemplateForm)(state, model, ref, {
             handleOnChangeAddress: handleOnChangeAddress,
             handleOnChangeText: handleOnChangeText,
@@ -4592,7 +4678,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             handleSelectListObjectData: handleSelectListObjectData,
             renderObjectTags: renderObjectTags,
             setSelectedData: setSelectedData,
-        }, { signing: signatureSigning, setSigning: setSignatureSigning }, { readOnly: markdownReadOnly ? true : false }, props.onComplete ? true : false, (_f = props.bareSettings) === null || _f === void 0 ? void 0 : _f.bareOffline, (_h = (_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareUpdateColumnType) !== null && _h !== void 0 ? _h : "two", (_j = props.bareSettings) === null || _j === void 0 ? void 0 : _j.bareUpdateIndividualComponent);
+        }, { signing: signatureSigning, setSigning: setSignatureSigning }, { readOnly: markdownReadOnly ? true : false }, props.onComplete ? true : false, (_f = props.bareSettings) === null || _f === void 0 ? void 0 : _f.bareOffline, (_h = (_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareUpdateColumnType) !== null && _h !== void 0 ? _h : "two", (_j = props.bareSettings) === null || _j === void 0 ? void 0 : _j.bareUpdateIndividualComponent, (_k = props.bareSettings) === null || _k === void 0 ? void 0 : _k.bareUpdateMobileView);
     };
     var renderGridAndListData = function (imageTag, type, kanbanGroupId, useColumnName) {
         var _a, _b;
@@ -5068,7 +5154,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         }
     };
     var renderTabContent = function (tabs, dataType, viewType) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8;
+        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;
         var selectedTabData = tabs.find(function (eachTab) {
             if (eachTab.id === viewType) {
                 return eachTab;
@@ -5116,6 +5202,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             return -1;
                         return a.localeCompare(b);
                     });
+                    var allTabSections_1 = [];
+                    sortedTabs.forEach(function (eachTab) {
+                        if (!allTabSections_1.includes(eachTab)) {
+                            allTabSections_1.push(eachTab);
+                        }
+                    });
                     sortedTabs.forEach(function (eachTab) {
                         var groups = groupedStructures_1[eachTab];
                         var sortedGroups = Object.keys(groups).sort(function (a, b) {
@@ -5134,7 +5226,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             var listData = renderDetailListData(groups[eachKey]);
                             if ((Array.isArray(listData) && (listData === null || listData === void 0 ? void 0 : listData.length) > 0) ||
                                 listObjModels.length > 0) {
-                                tabElement.push(react_1.default.createElement(react_1.default.Fragment, null,
+                                tabElement.push(react_1.default.createElement("div", { key: "section-".concat(eachKey) },
                                     Array.isArray(listData) && (listData === null || listData === void 0 ? void 0 : listData.length) > 0 && (react_1.default.createElement(detailList_1.DetailList, { model: groups[eachKey], referenceModel: referenceModelSchema, className: "mt-5 bg-white rounded-md", title: eachKey, list: listData, handleReferenceLink: !schemaPresent &&
                                             ((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareReadReferenceView)
                                             ? props.bareSettings.bareReadReferenceView
@@ -5155,7 +5247,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         if (tabElement.length > 0 ||
                             allGanttCharts.length > 0 ||
                             allCanvas.length > 0) {
-                            readElement_1.push(react_1.default.createElement(react_1.default.Fragment, null,
+                            readElement_1.push(react_1.default.createElement("div", { key: "tab-section-".concat(eachTab), ref: function (el) { return (readTabSectionRefs.current[eachTab] = el); } },
                                 hasTabs_1 && (react_1.default.createElement("div", { className: "bg-primary-500 p-4 rounded-lg mt-5" },
                                     react_1.default.createElement("h2", { className: "text-white text-lg font-semibold" }, eachTab))),
                                 tabElement,
@@ -5163,13 +5255,43 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                 allCanvas.length > 0 && (react_1.default.createElement("div", { className: "px-6" }, renderCanvas("read", allCanvas.map(function (eachModel) { return eachModel.id; }))))));
                         }
                     });
-                    return react_1.default.createElement(react_1.default.Fragment, null, readElement_1);
+                    var showReadFloatingNav_1 = ((_e = props.organise) === null || _e === void 0 ? void 0 : _e.showReadFloatingNav) && allTabSections_1.length > 1;
+                    var handleTabSectionClick_1 = function (tabKey) {
+                        setReadTabSection(tabKey);
+                        var element = readTabSectionRefs.current[tabKey];
+                        if (element) {
+                            element.scrollIntoView({ behavior: "smooth", block: "start" });
+                        }
+                    };
+                    var renderFloatingGroupNav = function () {
+                        if (!showReadFloatingNav_1 || allTabSections_1.length === 0)
+                            return null;
+                        return (react_1.default.createElement(react_1.default.Fragment, null,
+                            !readFloatingNav && (react_1.default.createElement("div", { className: "fixed bottom-24 right-2 p-2 flex flex-col gap-y-2 bg-white/10 backdrop-blur-md rounded-md text-right z-[100] sm:bottom-10 md:gap-y-4 max-h-[33vh] overflow-y-auto" }, allTabSections_1.map(function (tabKey, index) {
+                                var isActiveView = tabKey === readTabSection;
+                                return (react_1.default.createElement("div", { key: tabKey, onClick: function () { return handleTabSectionClick_1(tabKey); }, className: "relative flex gap-3 items-center cursor-pointer last:mb-0 hover:opacity-80 transition-opacity" },
+                                    index < allTabSections_1.length - 1 && (react_1.default.createElement("div", { className: "absolute right-[3px] top-3 w-0.5 h-full bg-gray-300 md:top-4" })),
+                                    react_1.default.createElement("div", { className: "flex-1 text-xs md:text-sm font-medium whitespace-nowrap ".concat(isActiveView
+                                            ? "text-primary-500"
+                                            : "text-gray-500") }, tabKey),
+                                    react_1.default.createElement("div", { className: "z-[15] flex-shrink-0 w-2 h-2 border rounded-full transition-all ".concat(isActiveView
+                                            ? "border-primary-500 bg-primary-500"
+                                            : "border-gray-300") })));
+                            }))),
+                            react_1.default.createElement("div", { className: "fixed bottom-4 right-4 z-[100] transition-transform ".concat(readFloatingNav ? "" : "hidden") },
+                                react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(outline_1.ChevronUpIcon, { className: "w-6 h-6 text-primary-600" }), onClick: function () { return setReadFloatingNav(false); }, background: "bg-transparent hover:bg-gray-100 transition-all duration-200", className: "hover:scale-110" })),
+                            !readFloatingNav && (react_1.default.createElement("div", { className: "fixed bottom-4 right-4 z-[100]" },
+                                react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(outline_1.ChevronDownIcon, { className: "w-6 h-6 text-primary-600" }), onClick: function () { return setReadFloatingNav(true); }, background: "bg-transparent hover:bg-gray-100 transition-all duration-200", className: "hover:scale-110" })))));
+                    };
+                    return (react_1.default.createElement(react_1.default.Fragment, null,
+                        renderFloatingGroupNav(),
+                        readElement_1));
                 }
                 else {
                     return (react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement(detailList_1.DetailList, { model: structure, referenceModel: referenceModelSchema, className: "mt-5 bg-white rounded-md", title: "General Details", list: renderDetailListData(structure), handleReferenceLink: !schemaPresent && ((_e = props.bareSettings) === null || _e === void 0 ? void 0 : _e.bareReadReferenceView)
+                        react_1.default.createElement(detailList_1.DetailList, { model: structure, referenceModel: referenceModelSchema, className: "mt-5 bg-white rounded-md", title: "General Details", list: renderDetailListData(structure), handleReferenceLink: !schemaPresent && ((_f = props.bareSettings) === null || _f === void 0 ? void 0 : _f.bareReadReferenceView)
                                 ? props.bareSettings.bareReadReferenceView
-                                : undefined, splitView: (_f = props.organise) === null || _f === void 0 ? void 0 : _f.splitView }),
+                                : undefined, splitView: (_g = props.organise) === null || _g === void 0 ? void 0 : _g.splitView }),
                         react_1.default.createElement("div", { className: "mt-8" }, renderListAddress(dataType)),
                         react_1.default.createElement("div", { className: "mt-8" }, renderListObject(dataType)),
                         react_1.default.createElement("div", { className: "mt-8" }, renderGanttChart(dataType)),
@@ -5178,43 +5300,43 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             }
         }
         else if (selectedTabData) {
-            if ((_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareListComponent) {
+            if ((_h = props.bareSettings) === null || _h === void 0 ? void 0 : _h.bareListComponent) {
                 return (react_1.default.createElement(react_1.default.Fragment, null,
                     props.bareSettings.bareListComponent(tableData, spaceTableData, tableLoading, pageIndex),
-                    !((_h = props.organise) === null || _h === void 0 ? void 0 : _h.hidePagination) && (react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: isFirebase ? "cursor" : "page", handleUpdatePageIndex: function (value) {
+                    !((_j = props.organise) === null || _j === void 0 ? void 0 : _j.hidePagination) && (react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: isFirebase ? "cursor" : "page", handleUpdatePageIndex: function (value) {
                             handlePagination(value);
-                        }, darkMode: (_j = props.organise) === null || _j === void 0 ? void 0 : _j.darkMode }))));
+                        }, darkMode: (_k = props.organise) === null || _k === void 0 ? void 0 : _k.darkMode }))));
             }
             else if (selectedTabData.viewType === "iframe") {
                 if (selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.customComponent) {
                     return selectedTabData.customComponent;
                 }
                 else {
-                    return (react_1.default.createElement("iframe", { id: "blixify-iframe", className: "w-full mt-5", style: { height: "70vh" }, src: (_k = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.iframeSrc) !== null && _k !== void 0 ? _k : "", title: (_l = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.id) !== null && _l !== void 0 ? _l : "", onLoad: props.onLoadIframe }));
+                    return (react_1.default.createElement("iframe", { id: "blixify-iframe", className: "w-full mt-5", style: { height: "70vh" }, src: (_l = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.iframeSrc) !== null && _l !== void 0 ? _l : "", title: (_m = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.id) !== null && _m !== void 0 ? _m : "", 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, disableSelectFullData: (_o = (_m = props.organise) === null || _m === void 0 ? void 0 : _m.disableSelectFullData) === null || _o === void 0 ? void 0 : _o.list, handleSelectAll: handleSelectAllPages, handleSelectedIds: handleSelectIds, selectAllText: selectAll ? "from filter" : "", multiActionButton: react_1.default.createElement("div", { className: "flex flex-row space-x-3" },
-                            selectedIds.length > 0 && !((_p = props.edit) === null || _p === void 0 ? void 0 : _p.disabledUpdate) && (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, disableSelectFullData: (_p = (_o = props.organise) === null || _o === void 0 ? void 0 : _o.disableSelectFullData) === null || _p === void 0 ? void 0 : _p.list, handleSelectAll: handleSelectAllPages, handleSelectedIds: handleSelectIds, selectAllText: selectAll ? "from filter" : "", multiActionButton: react_1.default.createElement("div", { className: "flex flex-row space-x-3" },
+                            selectedIds.length > 0 && !((_q = props.edit) === null || _q === void 0 ? void 0 : _q.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();
                                     } }))),
-                            ((_q = props.edit) === null || _q === void 0 ? void 0 : _q.deleteBtn) && (react_1.default.createElement(textButton_1.TextButton, { className: "text-sm text-red-500 hover:text-red-600", text: "Delete", onClick: function () {
+                            ((_r = props.edit) === null || _r === void 0 ? void 0 : _r.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 && !((_r = props.edit) === null || _r === void 0 ? void 0 : _r.disabledUpdate) && (react_1.default.createElement(textButton_1.TextButton, { className: "text-sm", text: "Update", onClick: function () {
+                            !isFirebase && !((_s = props.edit) === null || _s === void 0 ? void 0 : _s.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: (_t = (_s = props.newTabUrl) === null || _s === void 0 ? void 0 : _s.default) !== null && _t !== void 0 ? _t : "".concat(props.localURLEndpoint, "?data="), addNewTabUrl: (_v = (_u = props.newTabUrl) === null || _u === void 0 ? void 0 : _u.addons) !== null && _v !== void 0 ? _v : "&type=read&collection=".concat(props.collectionId, "&view=general"), handleUpdatePageIndex: function (value) {
+                        }, linkType: props.linkType, custom: props.custom, newTabUrl: (_u = (_t = props.newTabUrl) === null || _t === void 0 ? void 0 : _t.default) !== null && _u !== void 0 ? _u : "".concat(props.localURLEndpoint, "?data="), addNewTabUrl: (_w = (_v = props.newTabUrl) === null || _v === void 0 ? void 0 : _v.addons) !== null && _w !== void 0 ? _w : "&type=read&collection=".concat(props.collectionId, "&view=general"), handleUpdatePageIndex: function (value) {
                             handlePagination(value);
-                        }, className: "mt-5", hidePagination: (_w = props.organise) === null || _w === void 0 ? void 0 : _w.hidePagination })));
+                        }, className: "mt-5", hidePagination: (_x = props.organise) === null || _x === void 0 ? void 0 : _x.hidePagination })));
             }
             else if (selectedTabData.viewType === "grid") {
                 var isGridScroll = renderCheckGridScroll();
@@ -5222,9 +5344,9 @@ 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: (_y = (_x = props.newTabUrl) === null || _x === void 0 ? void 0 : _x.default) !== null && _y !== void 0 ? _y : "".concat(props.localURLEndpoint, "?data="), addNewTabUrl: (_0 = (_z = props.newTabUrl) === null || _z === void 0 ? void 0 : _z.addons) !== null && _0 !== void 0 ? _0 : "&type=read&collection=".concat(props.collectionId, "&view=general"), handleUpdatePageIndex: function (value) {
+                        }, linkType: props.linkType, custom: props.custom, newTabUrl: (_z = (_y = props.newTabUrl) === null || _y === void 0 ? void 0 : _y.default) !== null && _z !== void 0 ? _z : "".concat(props.localURLEndpoint, "?data="), addNewTabUrl: (_1 = (_0 = props.newTabUrl) === null || _0 === void 0 ? void 0 : _0.addons) !== null && _1 !== void 0 ? _1 : "&type=read&collection=".concat(props.collectionId, "&view=general"), handleUpdatePageIndex: function (value) {
                             handlePagination(value);
-                        }, imgContain: selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.gridContain, gridColClassName: (_1 = props.bareSettings) === null || _1 === void 0 ? void 0 : _1.bareListGridColClassName, className: "mt-5", hidePagination: (_2 = props.organise) === null || _2 === void 0 ? void 0 : _2.hidePagination })));
+                        }, imgContain: selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.gridContain, gridColClassName: (_2 = props.bareSettings) === null || _2 === void 0 ? void 0 : _2.bareListGridColClassName, className: "mt-5", hidePagination: (_3 = props.organise) === null || _3 === void 0 ? void 0 : _3.hidePagination })));
             }
             else if (selectedTabData.viewType === "calendar") {
                 var calendarSettings_1 = selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.calendarSettings;
@@ -5318,7 +5440,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: (_3 = calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.defaultView) !== null && _3 !== void 0 ? _3 : 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: (_4 = calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.defaultView) !== null && _4 !== void 0 ? _4 : 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)) {
@@ -5336,7 +5458,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 = (_4 = feedsSettings_1 === null || feedsSettings_1 === void 0 ? void 0 : feedsSettings_1.customFeedsData) === null || _4 === void 0 ? void 0 : _4.call(feedsSettings_1, tableData, spaceTableData);
+                var customFeedsData = (_5 = feedsSettings_1 === null || feedsSettings_1 === void 0 ? void 0 : feedsSettings_1.customFeedsData) === null || _5 === void 0 ? void 0 : _5.call(feedsSettings_1, tableData, spaceTableData);
                 if (customFeedsData && customFeedsData.length > 0) {
                     customFeedsData.map(function (eachData) {
                         var _a, _b, _c, _d;
@@ -5377,11 +5499,11 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     });
                 }
                 return (react_1.default.createElement("div", { className: "mt-4" }, tableLoading ? (react_1.default.createElement(loading_1.Loading, null)) : (react_1.default.createElement("div", { className: "p-4 bg-white rounded-lg" },
-                    react_1.default.createElement(feeds_1.Feeds, { bold: true, content: contentList_1, darkMode: (_5 = props.organise) === null || _5 === void 0 ? void 0 : _5.darkMode }),
+                    react_1.default.createElement(feeds_1.Feeds, { bold: true, content: contentList_1, darkMode: (_6 = props.organise) === null || _6 === void 0 ? void 0 : _6.darkMode }),
                     react_1.default.createElement("div", { className: "my-10" }),
-                    contentList_1.length > 0 && !((_6 = props.organise) === null || _6 === void 0 ? void 0 : _6.hidePagination) && (react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: isFirebase ? "cursor" : "page", handleUpdatePageIndex: function (value) {
+                    contentList_1.length > 0 && !((_7 = props.organise) === null || _7 === void 0 ? void 0 : _7.hidePagination) && (react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: isFirebase ? "cursor" : "page", handleUpdatePageIndex: function (value) {
                             handlePagination(value);
-                        }, darkMode: (_7 = props.organise) === null || _7 === void 0 ? void 0 : _7.darkMode }))))));
+                        }, darkMode: (_8 = props.organise) === null || _8 === void 0 ? void 0 : _8.darkMode }))))));
             }
             else if (selectedTabData.viewType === "map") {
                 var mapSettings_1 = selectedTabData.mapSettings;
@@ -5480,7 +5602,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 = (_8 = kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.title) !== null && _8 !== void 0 ? _8 : "";
+                var kanbanTitle_2 = (_9 = kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.title) !== null && _9 !== void 0 ? _9 : "";
                 var nullColumn_1 = false;
                 var groupBy_1 = [];
                 var groupLabel_1 = [];
@@ -5733,7 +5855,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     (_1 = (_0 = props.bareSettings) === null || _0 === void 0 ? void 0 : _0.bareListObjectHandleData) === null || _1 === void 0 ? void 0 : _1.call(_0, listObjectViewType, selectedObjectData);
                 }
                 return (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(form_1.Form, { className: "grid ".concat(formColumn, " gap-6 pb-32 mt-6 sm:pb-36"), ref: objectFormRef, refList: objectFormInputRefs, handleComplete: handleSubmitObjectDataType, disabledOnEnter: disabledOnEnter_2 }, renderDataTemplateFormContent(selectedObjectData, (_2 = filterObjectModel === null || filterObjectModel === void 0 ? void 0 : filterObjectModel.objectData) !== null && _2 !== void 0 ? _2 : [], objectFormInputRefs, true, filterObjectModel.type === "listObject", undefined, filterObjectModel.type === "listObject"
+                    react_1.default.createElement(form_1.Form, { className: "grid ".concat(formColumn, " ").concat(gridGap, " pb-32 mt-6 sm:pb-36"), ref: objectFormRef, refList: objectFormInputRefs, handleComplete: handleSubmitObjectDataType, disabledOnEnter: disabledOnEnter_2 }, renderDataTemplateFormContent(selectedObjectData, (_2 = filterObjectModel === null || filterObjectModel === void 0 ? void 0 : filterObjectModel.objectData) !== null && _2 !== void 0 ? _2 : [], objectFormInputRefs, true, filterObjectModel.type === "listObject", undefined, filterObjectModel.type === "listObject"
                         ? selectedData
                         : undefined)),
                     react_1.default.createElement("div", { className: "flex justify-end pt-8" },
@@ -5947,7 +6069,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         renderNotification("root"),
-        ((_33 = (_32 = props.renderSettings) === null || _32 === void 0 ? void 0 : _32.renderLoadingUI) === null || _33 === void 0 ? void 0 : _33.call(_32)) && loading ? ((_34 = props.renderSettings) === null || _34 === void 0 ? void 0 : _34.renderLoadingUI()) : (react_1.default.createElement(modal_1.Modal, { maxWidth: selectedObjectStructureId || excelModal ? "2xl" : undefined, open: modalVisible, title: renderModalTitle(), renderContent: renderModalContent, onClose: function () {
+        ((_36 = (_35 = props.renderSettings) === null || _35 === void 0 ? void 0 : _35.renderLoadingUI) === null || _36 === void 0 ? void 0 : _36.call(_35)) && loading ? ((_37 = props.renderSettings) === null || _37 === void 0 ? void 0 : _37.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;