blixify-ui-web 0.4.203 → 0.4.204

package/lib/components/data/dataTemplate/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAQN,MAAM,OAAO,CAAC;AAuEf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAoB1B,eAAO,MAAM,YAAY,mFAuhPvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAQN,MAAM,OAAO,CAAC;AAuEf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAoB1B,eAAO,MAAM,YAAY,mFA0hPvB,CAAC"}

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;
     var intialiseDefaultFilterValues = function () {
         var _a;
         var initialFilterSearch = {};
@@ -206,118 +206,118 @@ 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 _37 = intialiseDefaultFilterValues(), initialFilterSearch = _37.initialFilterSearch, initialFilterSearchParams = _37.initialFilterSearchParams, initialFilterSelection = _37.initialFilterSelection, initialFilterReference = _37.initialFilterReference, initialFilterReferenceDate = _37.initialFilterReferenceDate;
+    var _38 = (0, react_1.useState)(false), loading = _38[0], setLoading = _38[1];
+    var _39 = (0, react_1.useState)(), notification = _39[0], setNotification = _39[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 _40 = (0, react_1.useState)(initialFilterSearch), filterSearch = _40[0], setFilterSearch = _40[1];
+    var _41 = (0, react_1.useState)(initialFilterSearchParams), filterSearchParams = _41[0], setFilterSearchParams = _41[1];
+    var _42 = (0, react_1.useState)(initialFilterSelection), filterSelection = _42[0], setFilterSelection = _42[1];
+    var _43 = (0, react_1.useState)(initialFilterReference), filterReference = _43[0], setFilterReference = _43[1];
+    var _44 = (0, react_1.useState)({}), filterReferenceSearch = _44[0], setFilterReferenceSearch = _44[1];
+    var _45 = (0, react_1.useState)({}), filterReferenceList = _45[0], setFilterReferenceList = _45[1];
+    var _46 = (0, react_1.useState)(initialFilterReferenceDate), filterReferenceDate = _46[0], setFilterReferenceDate = _46[1];
+    var _47 = (0, react_1.useState)(true), tableLoading = _47[0], setTableLoading = _47[1];
+    var _48 = (0, react_1.useState)(""), cursor = _48[0], setCursor = _48[1];
+    var _49 = (0, react_1.useState)(""), lastCursor = _49[0], setLastCursor = _49[1];
+    var _50 = (0, react_1.useState)([]), tableData = _50[0], setTableData = _50[1];
+    var _51 = (0, react_1.useState)([]), spaceTableData = _51[0], setSpaceTableData = _51[1];
+    var _52 = (0, react_1.useState)(0), size = _52[0], setSize = _52[1];
+    var _53 = (0, react_1.useState)((_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.pageIndex) !== null && _b !== void 0 ? _b : 0), pageIndex = _53[0], setPageIndex = _53[1];
+    var _54 = (0, react_1.useState)([]), selectedIds = _54[0], setSelectedIds = _54[1];
+    var _55 = (0, react_1.useState)(false), selectAll = _55[0], setSelectAll = _55[1];
+    var _56 = (0, react_1.useState)(""), deletePasscode = _56[0], setDeletePasscode = _56[1];
+    var _57 = (0, react_1.useState)(""), deletePasscodeInput = _57[0], setDeletePasscodeInput = _57[1];
+    var _58 = (0, react_1.useState)(""), deleteFeedId = _58[0], setDeleteFeedId = _58[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 _59 = (0, react_1.useState)(false), sortModal = _59[0], setSortModal = _59[1];
+    var _60 = (0, react_1.useState)(false), filterModal = _60[0], setFilterModal = _60[1];
+    var _61 = (0, react_1.useState)(false), filterDraft = _61[0], setFilterDraft = _61[1];
+    var _62 = (0, react_1.useState)(false), addTabModal = _62[0], setAddTabModal = _62[1];
+    var _63 = (0, react_1.useState)(false), overviewModal = _63[0], setOverviewModal = _63[1];
+    var _64 = (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 = _64[0], setSelectedTab = _64[1];
+    var _65 = (0, react_1.useState)("dayGridMonth"), calendarView = _65[0], setCalendarView = _65[1];
+    var _66 = (0, react_1.useState)(new Date()), calendarTabMonth = _66[0], setCalendarTabMonth = _66[1];
+    var _67 = (0, react_1.useState)(true), kanbanDroppable = _67[0], setKanbanDroppable = _67[1];
+    var _68 = (0, react_1.useState)([]), kanbanOptions = _68[0], setKanbanOptions = _68[1];
+    var _69 = (0, react_1.useState)(false), queryForm = _69[0], setQueryForm = _69[1];
+    var _70 = (0, react_1.useState)(false), batchUpdateModal = _70[0], setBatchUpdateModal = _70[1];
+    var _71 = (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 = _71[0], setBatchUpdateData = _71[1];
+    var _72 = (0, react_1.useState)((props === null || props === void 0 ? void 0 : props.model) || []), structure = _72[0], setStructure = _72[1];
+    var _73 = (0, react_1.useState)(((_e = props === null || props === void 0 ? void 0 : props.organise) === null || _e === void 0 ? void 0 : _e.additionalQuery) || []), additionalQuery = _73[0], setAdditionalQuery = _73[1];
     //INFO : Used by Auth
-    var _72 = (0, react_1.useState)({
+    var _74 = (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 = _74[0], setAuthMethods = _74[1];
+    var _75 = (0, react_1.useState)(""), selectedAuthMethod = _75[0], setSelectedAuthMethod = _75[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 _76 = (0, react_1.useState)(false), activityModal = _76[0], setActivityModal = _76[1];
+    var _77 = (0, react_1.useState)(""), activityId = _77[0], setActivityId = _77[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 _78 = (0, react_1.useState)(null), csvFile = _78[0], setCSVFile = _78[1];
+    var _79 = (0, react_1.useState)([]), csvFileData = _79[0], setCSVFileData = _79[1];
+    var _80 = (0, react_1.useState)(0), stepCSVIndex = _80[0], setStepCSVIndex = _80[1];
+    var _81 = (0, react_1.useState)({}), listCSVMapAttribute = _81[0], setListCSVMapAttribute = _81[1];
+    var _82 = (0, react_1.useState)({}), listCSVObjAttribute = _82[0], setListCSVObjAttribute = _82[1];
+    var _83 = (0, react_1.useState)([]), csvAPIAttribute = _83[0], setCSVAPIAttribute = _83[1];
+    var _84 = (0, react_1.useState)(((_f = props.devSettings.currentUser) === null || _f === void 0 ? void 0 : _f.userEmail) || ""), exportCSVEmail = _84[0], setExportCSVEmail = _84[1];
+    var _85 = (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 = _85[0], setExportPDFTitle = _85[1];
+    var _86 = (0, react_1.useState)(false), exportPDFLoading = _86[0], setExportPDFLoading = _86[1];
+    var _87 = (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 = _87[0], setExportSumAttributeIds = _87[1];
+    var _88 = (0, react_1.useState)([]), importTableData = _88[0], setImportTableData = _88[1];
+    var _89 = (0, react_1.useState)([]), queryList = _89[0], setQueryList = _89[1];
+    var _90 = (0, react_1.useState)(undefined), allQueryList = _90[0], setAllQueryList = _90[1];
+    var _91 = (0, react_1.useState)(-1), queryIndex = _91[0], setQueryIndex = _91[1];
+    var _92 = (0, react_1.useState)((_m = props.organise) === null || _m === void 0 ? void 0 : _m.groupBy), groupId = _92[0], setGroupId = _92[1];
     //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 _93 = (0, react_1.useState)(false), modalVisible = _93[0], setModalVisible = _93[1];
+    var _94 = (0, react_1.useState)(false), deleteModal = _94[0], setDeleteModal = _94[1];
+    var _95 = (0, react_1.useState)(false), excelModal = _95[0], setExcelModal = _95[1];
+    var _96 = (0, react_1.useState)(false), exportExcel = _96[0], setExportExcel = _96[1];
+    var _97 = (0, react_1.useState)(""), exportType = _97[0], setExportType = _97[1];
+    var _98 = (0, react_1.useState)(false), exportQR = _98[0], setExportQR = _98[1];
+    var _99 = (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 = _99[0], setActiveTab = _99[1];
+    var _100 = (0, react_1.useState)(false), signatureSigning = _100[0], setSignatureSigning = _100[1];
+    var _101 = (0, react_1.useState)({}), selectedData = _101[0], setSelectedData = _101[1];
+    var _102 = (0, react_1.useState)(""), selectedObjectStructureId = _102[0], setSelectedObjectStructureId = _102[1];
+    var _103 = (0, react_1.useState)(""), selectedObjectId = _103[0], setSelectedObjectId = _103[1];
+    var _104 = (0, react_1.useState)(""), selectedListAddressId = _104[0], setSelectedListAddressId = _104[1];
+    var _105 = (0, react_1.useState)(-1), selectedListAddressIndex = _105[0], setSelectedListAddressIndex = _105[1];
+    var _106 = (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 = _106[0], setSelectedListAddress = _106[1];
+    var _107 = (0, react_1.useState)({}), selectedObjectData = _107[0], setSelectedObjectData = _107[1];
+    var _108 = (0, react_1.useState)(false), referenceLoading = _108[0], setReferenceLoading = _108[1];
+    var _109 = (0, react_1.useState)({}), referencesOptions = _109[0], setReferencesOptions = _109[1];
+    var _110 = (0, react_1.useState)({}), referencesDetails = _110[0], setReferencesDetails = _110[1];
+    var _111 = (0, react_1.useState)({}), referenceDeleteTableData = _111[0], setReferenceDeleteTableData = _111[1];
+    var _112 = (0, react_1.useState)(0), referenceDeleteIndex = _112[0], setReferenceDeleteIndex = _112[1];
+    var _113 = (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 = _113[0], setReferenceCreationModal = _113[1];
+    var _114 = (0, react_1.useState)({}), referenceModelSchema = _114[0], setReferenceSchema = _114[1];
+    var _115 = (0, react_1.useState)([]), kanbanChecked = _115[0], setKanbanChecked = _115[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 _116 = (0, react_1.useState)(0), offlineDataLength = _116[0], setOfflineDataLength = _116[1];
+    var _117 = (0, react_1.useState)(false), offlineModal = _117[0], setOfflineModal = _117[1];
     var previousType = (0, react_1.useRef)();
     var previousSelectedData = (0, react_1.useRef)();
     var formRef = (0, react_1.createRef)();
@@ -359,13 +359,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 +375,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 +383,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 +394,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 +404,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 +414,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 +424,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 +434,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 +444,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 +454,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 +463,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 +638,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 () {
@@ -4395,7 +4397,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 +4413,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 +4545,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 +4594,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;
@@ -5733,7 +5735,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 +5949,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 () {
+        ((_35 = (_34 = props.renderSettings) === null || _34 === void 0 ? void 0 : _34.renderLoadingUI) === null || _35 === void 0 ? void 0 : _35.call(_34)) && loading ? ((_36 = props.renderSettings) === null || _36 === void 0 ? void 0 : _36.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;