blixify-ui-web 0.1.200 → 0.1.202

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":"AAkBA,OAAO,KAMN,MAAM,OAAO,CAAC;AAkBf,OAAO,EAAE,MAAM,EAAU,MAAM,oBAAoB,CAAC;AAKpD,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAavD,OAAO,EAAwB,IAAI,EAAE,MAAM,cAAc,CAAC;AAI1D,OAAO,EAAmB,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAEpE,UAAU,QAAQ;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;IACpC,YAAY,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,EAAE,CAAC;IACvD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAC/C,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9E,2BAA2B,CAAC,EAAE,CAC5B,OAAO,CAAC,EAAE,MAAM,EAChB,gBAAgB,CAAC,EAAE,OAAO,EAC1B,IAAI,CAAC,EAAE,MAAM,KACV,MAAM,EAAE,CAAC;IACd,2BAA2B,CAAC,EAAE,MAAM,MAAM,EAAE,CAAC;CAC9C;AAED,UAAU,IAAI;IACZ,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,KAAM,SAAQ,SAAS;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,GAAG,CAAC,EAAE;QACJ,KAAK,CAAC,EAAE,GAAG,CAAC;QACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;QACf,QAAQ,CAAC,EAAE,GAAG,CAAC;QACf,YAAY,CAAC,EAAE,GAAG,CAAC;QACnB,IAAI,EAAE,GAAG,CAAC;QACV,MAAM,EAAE,GAAG,CAAC;QACZ,UAAU,EAAE,GAAG,CAAC;QAChB,UAAU,CAAC,EAAE,GAAG,CAAC;KAClB,CAAC;IACF,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AA2CD,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,qBAikHxC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAMN,MAAM,OAAO,CAAC;AAkBf,OAAO,EAAE,MAAM,EAAU,MAAM,oBAAoB,CAAC;AAKpD,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAavD,OAAO,EAAwB,IAAI,EAAE,MAAM,cAAc,CAAC;AAI1D,OAAO,EAAmB,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAEpE,UAAU,QAAQ;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;IACpC,YAAY,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,EAAE,CAAC;IACvD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAC/C,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9E,2BAA2B,CAAC,EAAE,CAC5B,OAAO,CAAC,EAAE,MAAM,EAChB,gBAAgB,CAAC,EAAE,OAAO,EAC1B,IAAI,CAAC,EAAE,MAAM,KACV,MAAM,EAAE,CAAC;IACd,2BAA2B,CAAC,EAAE,MAAM,MAAM,EAAE,CAAC;CAC9C;AAED,UAAU,IAAI;IACZ,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,KAAM,SAAQ,SAAS;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,GAAG,CAAC,EAAE;QACJ,KAAK,CAAC,EAAE,GAAG,CAAC;QACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;QACf,QAAQ,CAAC,EAAE,GAAG,CAAC;QACf,YAAY,CAAC,EAAE,GAAG,CAAC;QACnB,IAAI,EAAE,GAAG,CAAC;QACV,MAAM,EAAE,GAAG,CAAC;QACZ,UAAU,EAAE,GAAG,CAAC;QAChB,UAAU,CAAC,EAAE,GAAG,CAAC;KAClB,CAAC;IACF,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AA2CD,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,qBAooHxC"}

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

@@ -139,91 +139,93 @@ var queryTableHeader = [
 ];
 function DataTemplate(props) {
     var _this = this;
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
     var formRef = (0, react_1.createRef)();
     var objectFormRef = (0, react_1.createRef)();
     var modalFormInputRefs = props.model.map(function () { return (0, react_1.createRef)(); });
     var batchUpdateFormRef = (0, react_1.createRef)();
     var batchUpdateColumnIdRef = (0, react_1.createRef)();
     var batchUpdateInputRef = (0, react_1.createRef)();
+    var exportCSVEmailInputRef = (0, react_1.createRef)();
     var limit = props.limit ? props.limit : 10;
     var readQueryHocRef = (0, react_1.useRef)();
     var listRQueryHocRef = (0, react_1.useRef)();
     var typingTimeout = (0, react_1.useRef)();
-    var _q = (0, react_1.useState)(false), loading = _q[0], setLoading = _q[1];
-    var _r = (0, react_1.useState)(), notification = _r[0], setNotification = _r[1];
+    var _t = (0, react_1.useState)(false), loading = _t[0], setLoading = _t[1];
+    var _u = (0, react_1.useState)(), notification = _u[0], setNotification = _u[1];
     //INFO : Used by List
-    var _s = (0, react_1.useState)({}), filterSearch = _s[0], setFilterSearch = _s[1];
-    var _t = (0, react_1.useState)({}), filterSearchParams = _t[0], setFilterSearchParams = _t[1];
-    var _u = (0, react_1.useState)({}), filterSelection = _u[0], setFilterSelection = _u[1];
-    var _v = (0, react_1.useState)({}), filterReference = _v[0], setFilterReference = _v[1];
-    var _w = (0, react_1.useState)({}), filterReferenceSearch = _w[0], setFilterReferenceSearch = _w[1];
-    var _x = (0, react_1.useState)([]), filterReferenceList = _x[0], setFilterReferenceList = _x[1];
-    var _y = (0, react_1.useState)({
+    var _v = (0, react_1.useState)({}), filterSearch = _v[0], setFilterSearch = _v[1];
+    var _w = (0, react_1.useState)({}), filterSearchParams = _w[0], setFilterSearchParams = _w[1];
+    var _x = (0, react_1.useState)({}), filterSelection = _x[0], setFilterSelection = _x[1];
+    var _y = (0, react_1.useState)({}), filterReference = _y[0], setFilterReference = _y[1];
+    var _z = (0, react_1.useState)({}), filterReferenceSearch = _z[0], setFilterReferenceSearch = _z[1];
+    var _0 = (0, react_1.useState)([]), filterReferenceList = _0[0], setFilterReferenceList = _0[1];
+    var _1 = (0, react_1.useState)({
         startDate: undefined,
         endDate: undefined,
-    }), filterReferenceDate = _y[0], setFilterReferenceDate = _y[1];
-    var _z = (0, react_1.useState)(true), tableLoading = _z[0], setTableLoading = _z[1];
-    var _0 = (0, react_1.useState)(""), cursor = _0[0], setCursor = _0[1];
-    var _1 = (0, react_1.useState)(""), lastCursor = _1[0], setLastCursor = _1[1];
-    var _2 = (0, react_1.useState)([]), tableData = _2[0], setTableData = _2[1];
-    var _3 = (0, react_1.useState)([]), spaceTableData = _3[0], setSpaceTableData = _3[1];
-    var _4 = (0, react_1.useState)(0), size = _4[0], setSize = _4[1];
-    var _5 = (0, react_1.useState)(0), pageIndex = _5[0], setPageIndex = _5[1];
-    var _6 = (0, react_1.useState)([]), selectedIds = _6[0], setSelectedIds = _6[1];
-    var _7 = (0, react_1.useState)(false), selectAll = _7[0], setSelectAll = _7[1];
-    var _8 = (0, react_1.useState)(""), deletePasscode = _8[0], setDeletePasscode = _8[1];
-    var _9 = (0, react_1.useState)(""), deletePasscodeInput = _9[0], setDeletePasscodeInput = _9[1];
+    }), filterReferenceDate = _1[0], setFilterReferenceDate = _1[1];
+    var _2 = (0, react_1.useState)(true), tableLoading = _2[0], setTableLoading = _2[1];
+    var _3 = (0, react_1.useState)(""), cursor = _3[0], setCursor = _3[1];
+    var _4 = (0, react_1.useState)(""), lastCursor = _4[0], setLastCursor = _4[1];
+    var _5 = (0, react_1.useState)([]), tableData = _5[0], setTableData = _5[1];
+    var _6 = (0, react_1.useState)([]), spaceTableData = _6[0], setSpaceTableData = _6[1];
+    var _7 = (0, react_1.useState)(0), size = _7[0], setSize = _7[1];
+    var _8 = (0, react_1.useState)(0), pageIndex = _8[0], setPageIndex = _8[1];
+    var _9 = (0, react_1.useState)([]), selectedIds = _9[0], setSelectedIds = _9[1];
+    var _10 = (0, react_1.useState)(false), selectAll = _10[0], setSelectAll = _10[1];
+    var _11 = (0, react_1.useState)(""), deletePasscode = _11[0], setDeletePasscode = _11[1];
+    var _12 = (0, react_1.useState)(""), deletePasscodeInput = _12[0], setDeletePasscodeInput = _12[1];
     //INFO : Used by List Organise
-    var _10 = (0, react_1.useState)(false), sortModal = _10[0], setSortModal = _10[1];
-    var _11 = (0, react_1.useState)(false), filterModal = _11[0], setFilterModal = _11[1];
-    var _12 = (0, react_1.useState)(false), addTabModal = _12[0], setAddTabModal = _12[1];
-    var _13 = (0, react_1.useState)(), selectedTab = _13[0], setSelectedTab = _13[1];
-    var _14 = (0, react_1.useState)((0, moment_1.default)().startOf("month").toDate()), calendarTabMonth = _14[0], setCalendarTabMonth = _14[1];
-    var _15 = (0, react_1.useState)(false), queryForm = _15[0], setQueryForm = _15[1];
-    var _16 = (0, react_1.useState)(false), batchUpdateModal = _16[0], setBatchUpdateModal = _16[1];
-    var _17 = (0, react_1.useState)({
+    var _13 = (0, react_1.useState)(false), sortModal = _13[0], setSortModal = _13[1];
+    var _14 = (0, react_1.useState)(false), filterModal = _14[0], setFilterModal = _14[1];
+    var _15 = (0, react_1.useState)(false), addTabModal = _15[0], setAddTabModal = _15[1];
+    var _16 = (0, react_1.useState)(), selectedTab = _16[0], setSelectedTab = _16[1];
+    var _17 = (0, react_1.useState)((0, moment_1.default)().startOf("month").toDate()), calendarTabMonth = _17[0], setCalendarTabMonth = _17[1];
+    var _18 = (0, react_1.useState)(false), queryForm = _18[0], setQueryForm = _18[1];
+    var _19 = (0, react_1.useState)(false), batchUpdateModal = _19[0], setBatchUpdateModal = _19[1];
+    var _20 = (0, react_1.useState)({
         columnId: "",
         columnData: {},
-    }), batchUpdateData = _17[0], setBatchUpdateData = _17[1];
+    }), batchUpdateData = _20[0], setBatchUpdateData = _20[1];
     //INFO : Used by Export
-    var _18 = (0, react_1.useState)(null), csvFile = _18[0], setCSVFile = _18[1];
-    var _19 = (0, react_1.useState)([]), csvFileData = _19[0], setCSVFileData = _19[1];
-    var _20 = (0, react_1.useState)(0), stepCSVIndex = _20[0], setStepCSVIndex = _20[1];
-    var _21 = (0, react_1.useState)({}), listCSVMapAttribute = _21[0], setListCSVMapAttribute = _21[1];
-    var _22 = (0, react_1.useState)({}), listCSVObjAttribute = _22[0], setListCSVObjAttribute = _22[1];
-    var _23 = (0, react_1.useState)([]), csvAPIAttribute = _23[0], setCSVAPIAttribute = _23[1];
-    var _24 = (0, react_1.useState)([]), importTableData = _24[0], setImportTableData = _24[1];
-    var _25 = (0, react_1.useState)([]), queryList = _25[0], setQueryList = _25[1];
-    var _26 = (0, react_1.useState)(-1), queryIndex = _26[0], setQueryIndex = _26[1];
+    var _21 = (0, react_1.useState)(null), csvFile = _21[0], setCSVFile = _21[1];
+    var _22 = (0, react_1.useState)([]), csvFileData = _22[0], setCSVFileData = _22[1];
+    var _23 = (0, react_1.useState)(0), stepCSVIndex = _23[0], setStepCSVIndex = _23[1];
+    var _24 = (0, react_1.useState)({}), listCSVMapAttribute = _24[0], setListCSVMapAttribute = _24[1];
+    var _25 = (0, react_1.useState)({}), listCSVObjAttribute = _25[0], setListCSVObjAttribute = _25[1];
+    var _26 = (0, react_1.useState)([]), csvAPIAttribute = _26[0], setCSVAPIAttribute = _26[1];
+    var _27 = (0, react_1.useState)(((_a = props.devSettings.currentUser) === null || _a === void 0 ? void 0 : _a.userEmail) || ""), exportCSVEmail = _27[0], setExportCSVEmail = _27[1];
+    var _28 = (0, react_1.useState)([]), importTableData = _28[0], setImportTableData = _28[1];
+    var _29 = (0, react_1.useState)([]), queryList = _29[0], setQueryList = _29[1];
+    var _30 = (0, react_1.useState)(-1), queryIndex = _30[0], setQueryIndex = _30[1];
     //INFO : Used by Read
     //INFO : Used by Update
-    var _27 = (0, react_1.useState)(false), modalVisible = _27[0], setModalVisible = _27[1];
-    var _28 = (0, react_1.useState)(false), deleteModal = _28[0], setDeleteModal = _28[1];
-    var _29 = (0, react_1.useState)(false), excelModal = _29[0], setExcelModal = _29[1];
-    var _30 = (0, react_1.useState)(false), exportExcel = _30[0], setExportExcel = _30[1];
-    var _31 = (0, react_1.useState)(false), exportQR = _31[0], setExportQR = _31[1];
-    var _32 = (0, react_1.useState)({}), selectedData = _32[0], setSelectedData = _32[1];
-    var _33 = (0, react_1.useState)(""), selectedObjectStructureId = _33[0], setSelectedObjectStructureId = _33[1];
-    var _34 = (0, react_1.useState)(""), selectedObjectId = _34[0], setSelectedObjectId = _34[1];
-    var _35 = (0, react_1.useState)({}), selectedObjectData = _35[0], setSelectedObjectData = _35[1];
-    var _36 = (0, react_1.useState)(false), referenceLoading = _36[0], setReferenceLoading = _36[1];
-    var _37 = (0, react_1.useState)({}), referencesOptions = _37[0], setReferencesOptions = _37[1];
-    var _38 = (0, react_1.useState)({}), referenceModelSchema = _38[0], setReferenceSchema = _38[1];
+    var _31 = (0, react_1.useState)(false), modalVisible = _31[0], setModalVisible = _31[1];
+    var _32 = (0, react_1.useState)(false), deleteModal = _32[0], setDeleteModal = _32[1];
+    var _33 = (0, react_1.useState)(false), excelModal = _33[0], setExcelModal = _33[1];
+    var _34 = (0, react_1.useState)(false), exportExcel = _34[0], setExportExcel = _34[1];
+    var _35 = (0, react_1.useState)(false), exportQR = _35[0], setExportQR = _35[1];
+    var _36 = (0, react_1.useState)({}), selectedData = _36[0], setSelectedData = _36[1];
+    var _37 = (0, react_1.useState)(""), selectedObjectStructureId = _37[0], setSelectedObjectStructureId = _37[1];
+    var _38 = (0, react_1.useState)(""), selectedObjectId = _38[0], setSelectedObjectId = _38[1];
+    var _39 = (0, react_1.useState)({}), selectedObjectData = _39[0], setSelectedObjectData = _39[1];
+    var _40 = (0, react_1.useState)(false), referenceLoading = _40[0], setReferenceLoading = _40[1];
+    var _41 = (0, react_1.useState)({}), referencesOptions = _41[0], setReferencesOptions = _41[1];
+    var _42 = (0, react_1.useState)({}), referenceModelSchema = _42[0], setReferenceSchema = _42[1];
     var devSettings = props.devSettings;
     var serverId = devSettings.server === "mongoServer" ? "_id" : "id";
-    var isEditor = ((_a = props.edit) === null || _a === void 0 ? void 0 : _a.allEditable) ? true : false;
-    var dbModule = devSettings.server === "firebase" ? (_b = props.lib) === null || _b === void 0 ? void 0 : _b.firebase : (_c = props.lib) === null || _c === void 0 ? void 0 : _c.axios;
+    var isEditor = ((_b = props.edit) === null || _b === void 0 ? void 0 : _b.allEditable) ? true : false;
+    var dbModule = devSettings.server === "firebase" ? (_c = props.lib) === null || _c === void 0 ? void 0 : _c.firebase : (_d = props.lib) === null || _d === void 0 ? void 0 : _d.axios;
     var writeServerQuery = new writeQuery_1.WriteQuery({
-        dbModule: (_d = props.lib) === null || _d === void 0 ? void 0 : _d.axios,
+        dbModule: (_e = props.lib) === null || _e === void 0 ? void 0 : _e.axios,
         dbType: devSettings.server,
         dbCollection: props.collectionId,
         dbEndpoint: devSettings.dbEndpoint,
     });
-    var debug = ((_e = props.organise) === null || _e === void 0 ? void 0 : _e.handleNavigate) ? true : false;
-    var showId = (_f = props.space) === null || _f === void 0 ? void 0 : _f.showId;
+    var debug = ((_f = props.organise) === null || _f === void 0 ? void 0 : _f.handleNavigate) ? true : false;
+    var showId = (_g = props.space) === null || _g === void 0 ? void 0 : _g.showId;
     var moreButtonPopUp = [
-        ((_g = props.edit) === null || _g === void 0 ? void 0 : _g.allEditable) &&
+        ((_h = props.edit) === null || _h === void 0 ? void 0 : _h.allEditable) &&
             props.devSettings.server !== "fbServer" &&
             props.devSettings.server !== "firebase"
             ? {
@@ -249,7 +251,7 @@ function DataTemplate(props) {
             },
         },
     ].filter(Boolean);
-    if ((_h = props.organise) === null || _h === void 0 ? void 0 : _h.moreSettings)
+    if ((_j = props.organise) === null || _j === void 0 ? void 0 : _j.moreSettings)
         moreButtonPopUp = moreButtonPopUp.concat(props.organise.moreSettings);
     (0, react_1.useEffect)(function () {
         switch (props.type) {
@@ -274,6 +276,37 @@ function DataTemplate(props) {
                 break;
         }
     }, [props.type, props.id]);
+    (0, react_1.useEffect)(function () {
+        var _a, _b, _c;
+        if (!selectedTab) {
+            var currentTab = (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.extendedTabs) === null || _b === void 0 ? void 0 : _b.find(function (eachTab) { var _a; return (0, utils_1.lowercaseTextToId)(eachTab.name) === ((_a = props.organise) === null || _a === void 0 ? void 0 : _a.viewId); });
+            if (currentTab && currentTab.viewType === "calendar") {
+                var hrefPoint = "".concat(props.localURLEndpoint, "?type=").concat(props.type, "&collection=").concat(props.collectionId);
+                if (props.id)
+                    hrefPoint += "&data=".concat(props.id);
+                var id = (0, utils_1.lowercaseTextToId)(currentTab.name);
+                setSelectedTab({
+                    id: id,
+                    name: currentTab.name,
+                    href: hrefPoint + "&view=".concat(id),
+                    type: currentTab.type,
+                    viewType: currentTab.viewType,
+                    viewImage: currentTab.viewImage,
+                    calendarSettings: (_c = currentTab.calendarSettings) !== null && _c !== void 0 ? _c : undefined,
+                });
+                if (listRQueryHocRef.current)
+                    listRQueryHocRef.current.handleRefresh();
+            }
+        }
+    }, [
+        props.collectionId,
+        props.id,
+        props.localURLEndpoint,
+        (_k = props.organise) === null || _k === void 0 ? void 0 : _k.extendedTabs,
+        (_l = props.organise) === null || _l === void 0 ? void 0 : _l.viewId,
+        props.type,
+        selectedTab,
+    ]);
     //=====================================================================================
     //SECTION: Handle List
     //=====================================================================================
@@ -495,7 +528,7 @@ function DataTemplate(props) {
         setFilterReferenceDate(clonedRageFilter);
     };
     var handleGetItemError = function (err) {
-        var _a;
+        var _a, _b, _c;
         setTableLoading(false);
         setModalVisible(false);
         setLoading(false);
@@ -504,7 +537,7 @@ function DataTemplate(props) {
                 props.organise.handleNavigate("list", "");
         }
         else {
-            if (err.response.data.err)
+            if ((_c = (_b = err.response) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.err)
                 console.log("Data Retrieval Error - " + typeof err.response.data.err === "object"
                     ? JSON.stringify(err.response.data.err)
                     : err.response.data.err);
@@ -536,7 +569,7 @@ function DataTemplate(props) {
     };
     var handleSubmitObjectDataType = function () {
         var _a, _b, _c, _d, _e, _f, _g, _h;
-        var clonedSelectedData = (0, display_1.handleClonedDataAttribute)(selectedData, props.model, (_b = (_a = props.devSettings) === null || _a === void 0 ? void 0 : _a.server) !== null && _b !== void 0 ? _b : "mongoServer");
+        var clonedSelectedData = (0, display_1.handleClonedDataAttribute)(selectedData, props.model, (_b = (_a = props.devSettings) === null || _a === void 0 ? void 0 : _a.server) !== null && _b !== void 0 ? _b : "mongoServer", false, showId);
         var filterObjectModel = props.model.find(function (eachModel) {
             return eachModel.id === selectedObjectStructureId;
         });
@@ -1667,11 +1700,11 @@ function DataTemplate(props) {
     }); };
     var handleExportCSVData = function () { return __awaiter(_this, void 0, void 0, function () {
         var err_12;
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
+        var _a, _b, _c, _d, _e;
+        return __generator(this, function (_f) {
+            switch (_f.label) {
                 case 0:
-                    _b.trys.push([0, 2, , 3]);
+                    _f.trys.push([0, 2, , 3]);
                     setLoading(true);
                     return [4 /*yield*/, ((_a = props.lib) === null || _a === void 0 ? void 0 : _a.axios({
                             url: exportQR
@@ -1682,22 +1715,26 @@ function DataTemplate(props) {
                                 data: {
                                     spaceId: props.collectionId,
                                     query: queryList,
-                                    userData: props.devSettings.currentUser,
+                                    userData: {
+                                        userEmail: exportCSVEmail,
+                                        userName: (_c = (_b = props.devSettings.currentUser) === null || _b === void 0 ? void 0 : _b.userName) !== null && _c !== void 0 ? _c : "",
+                                    },
                                 },
                             },
                         }))];
                 case 1:
-                    _b.sent();
+                    _f.sent();
                     setNotification({
                         type: true,
                         title: "Export Successfully",
-                        msg: "A download link will be sent towards your email. This may take a while if the data is huge, contact our team if you do not receive any email after 10 minutes (Check your Junk Email too).",
+                        msg: "A download link will be sent to your email. This may take a while if the data is huge, contact our team if you do not receive any email after 10 minutes (Check your Junk Email too).",
                     });
                     setLoading(false);
                     handlePopUpModal(false);
+                    setExportCSVEmail((_e = (_d = props.devSettings.currentUser) === null || _d === void 0 ? void 0 : _d.userEmail) !== null && _e !== void 0 ? _e : "");
                     return [3 /*break*/, 3];
                 case 2:
-                    err_12 = _b.sent();
+                    err_12 = _f.sent();
                     setLoading(false);
                     return [3 /*break*/, 3];
                 case 3: return [2 /*return*/];
@@ -2236,12 +2273,12 @@ function DataTemplate(props) {
                         react_1.default.createElement("div", { className: "grow" }),
                         react_1.default.createElement("div", { className: "flex flex-col items-center justify-center mt-3 space-y-3 md:space-x-3 md:space-y-0 md:flex-row md:mt-0 md:mx-3" }, renderSearchFilterComponents()),
                         react_1.default.createElement("div", { className: "flex flex-row items-center mt-2 justify-content space-x-2 md:mt-0" },
-                            react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(solid_1.ArrowsUpDownIcon, { className: "h-7 w-7 text-primary-500" }), onClick: function () {
+                            react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(solid_1.ArrowsUpDownIcon, { className: "h-7 w-7 text-primary-500" }), bgColor: "bg-white", onClick: function () {
                                     handlePopUpModal(true, "sort");
                                 } }),
                             react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(outline_1.FunnelIcon, { className: "h-7 w-7 text-primary-500" }), onClick: function () {
                                     handlePopUpModal(true, "filter");
-                                } }),
+                                }, bgColor: "bg-white" }),
                             react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(outline_1.ArrowPathIcon, { className: "h-7 w-7 text-primary-500" }), onClick: function () {
                                     handleRefresh();
                                     setFilterSearch({});
@@ -2253,13 +2290,13 @@ function DataTemplate(props) {
                                         startDate: undefined,
                                         endDate: undefined,
                                     });
-                                } }),
+                                }, bgColor: "bg-white" }),
                             ((_j = props.edit) === null || _j === void 0 ? void 0 : _j.allEditable) && (react_1.default.createElement(react_1.default.Fragment, null, ((_k = props.organise) === null || _k === void 0 ? void 0 : _k.handleNavigate) ? (react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(outline_1.PlusIcon, { className: "h-7 w-7 text-white" }), background: "bg-primary-500 hover:bg-primary-600", onClick: function () {
                                     var _a, _b;
                                     (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "update", "new");
                                 } })) : (react_1.default.createElement(link_1.Link, { href: "".concat(props.localURLEndpoint, "?data=new&type=update&collection=").concat(props.collectionId), linkType: props.linkType, custom: props.custom },
                                 react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(outline_1.PlusIcon, { className: "h-7 w-7 text-white" }), background: "bg-primary-500 hover:bg-primary-600" }))))),
-                            react_1.default.createElement(popUp_1.PopUp, { ctaComp: react_1.default.createElement(iconButton_1.IconButton, { className: "bg-primary-100", icon: react_1.default.createElement(solid_1.EllipsisVerticalIcon, { className: "h-7 w-7 text-primary-500" }) }), renderComp: react_1.default.createElement("div", { className: "shadow-lg" }, moreButtonPopUp.map(function (eachPopup) { return (
+                            react_1.default.createElement(popUp_1.PopUp, { ctaComp: react_1.default.createElement(iconButton_1.IconButton, { className: "bg-primary-100", icon: react_1.default.createElement(solid_1.EllipsisVerticalIcon, { className: "h-7 w-7 text-primary-500" }), bgColor: "bg-white" }), renderComp: react_1.default.createElement("div", { className: "shadow-lg" }, moreButtonPopUp.map(function (eachPopup) { return (
                                 //TODO: Crash on Next Js
                                 // <Menu.Item>
                                 react_1.default.createElement("span", { className: "block w-40 py-3 text-sm text-center text-gray-700 cursor-pointer hover:bg-gray-100", onClick: eachPopup === null || eachPopup === void 0 ? void 0 : eachPopup.onClick }, eachPopup === null || eachPopup === void 0 ? void 0 : eachPopup.text)
@@ -2699,7 +2736,7 @@ function DataTemplate(props) {
         return null;
     };
     var renderModalContent = function () {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
         if (loading) {
             return (react_1.default.createElement("div", { className: "mt-5" },
                 react_1.default.createElement(loading_1.Loading, null),
@@ -2755,24 +2792,36 @@ function DataTemplate(props) {
                             ? "Export your data to .csv format to be viewable on Excel."
                             : "Export your data to .pdf format to be viewable on Adobe/Browser.",
                         "Filter your data exported based on conditions by creating queries at the table below"),
-                    react_1.default.createElement("div", { className: "flex items-center justify-end" },
+                    react_1.default.createElement(textInput_1.TextInput, { ref: exportCSVEmailInputRef, value: exportCSVEmail, type: "email", label: "Email", subLabel: "A download link will be sent to your email", placeholder: (_e = (_d = props.devSettings.currentUser) === null || _d === void 0 ? void 0 : _d.userEmail) !== null && _e !== void 0 ? _e : "Enter your email", onChange: function (e) { return setExportCSVEmail(e.target.value); } }),
+                    react_1.default.createElement("div", { className: "flex mt-5 items-center justify-end" },
                         react_1.default.createElement(iconButton_1.IconButton, { className: "sm", icon: react_1.default.createElement(outline_1.PlusCircleIcon, { className: "w-6 h-6 text-white" }), background: "bg-primary-500 hover:bg-primary-600", onClick: function () { return setQueryForm(!queryForm); } }))),
                 react_1.default.createElement(table_1.Table, { className: "mt-5", header: queryTableHeader, data: renderQueryData(), loading: false }),
                 react_1.default.createElement("div", { className: "flex justify-end mt-5 " },
-                    react_1.default.createElement(button_1.Button, { className: "mt-4", text: "Submit", size: "small", type: "normal", onClick: handleExportCSVData }))))));
+                    react_1.default.createElement(button_1.Button, { className: "mt-4", text: "Submit", size: "small", type: "normal", onClick: function () { return __awaiter(_this, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, exportCSVEmailInputRef.current.handleSubmit()];
+                                    case 1:
+                                        if (_a.sent()) {
+                                            handleExportCSVData();
+                                        }
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); } }))))));
         }
         else if (sortModal) {
-            return (react_1.default.createElement(settingsModal_1.SortModal, { sort: (_d = props.organise) === null || _d === void 0 ? void 0 : _d.sort, onChangeSort: (_e = props.organise) === null || _e === void 0 ? void 0 : _e.onChangeSort, renderReferenceLabelOptions: (_f = props.organise) === null || _f === void 0 ? void 0 : _f.renderReferenceLabelOptions, onClose: function () {
+            return (react_1.default.createElement(settingsModal_1.SortModal, { sort: (_f = props.organise) === null || _f === void 0 ? void 0 : _f.sort, onChangeSort: (_g = props.organise) === null || _g === void 0 ? void 0 : _g.onChangeSort, renderReferenceLabelOptions: (_h = props.organise) === null || _h === void 0 ? void 0 : _h.renderReferenceLabelOptions, onClose: function () {
                     handlePopUpModal(false);
                 } }));
         }
         else if (filterModal) {
-            return (react_1.default.createElement(settingsModal_1.FilterModal, { server: props.devSettings.server, filter: (_g = props.organise) === null || _g === void 0 ? void 0 : _g.additionalQuery, onChangeFilter: (_h = props.organise) === null || _h === void 0 ? void 0 : _h.onChangeFilter, renderReferenceLabelOptions: (_j = props.organise) === null || _j === void 0 ? void 0 : _j.renderReferenceLabelOptions, renderReferenceSpaceOptions: (_k = props.organise) === null || _k === void 0 ? void 0 : _k.renderReferenceSpaceOptions, setNotification: setNotification, onClose: function () {
+            return (react_1.default.createElement(settingsModal_1.FilterModal, { server: props.devSettings.server, filter: (_j = props.organise) === null || _j === void 0 ? void 0 : _j.additionalQuery, onChangeFilter: (_k = props.organise) === null || _k === void 0 ? void 0 : _k.onChangeFilter, renderReferenceLabelOptions: (_l = props.organise) === null || _l === void 0 ? void 0 : _l.renderReferenceLabelOptions, renderReferenceSpaceOptions: (_m = props.organise) === null || _m === void 0 ? void 0 : _m.renderReferenceSpaceOptions, setNotification: setNotification, onClose: function () {
                     handlePopUpModal(false);
                 } }));
         }
         else if (addTabModal) {
-            return (react_1.default.createElement(settingsModal_1.TabModal, { type: props.type, tabs: (_l = props.organise) === null || _l === void 0 ? void 0 : _l.extendedTabs, onChangeTabs: (_m = props.organise) === null || _m === void 0 ? void 0 : _m.onChangeTabs, model: props.model, renderReferenceLabelOptions: (_o = props.organise) === null || _o === void 0 ? void 0 : _o.renderReferenceLabelOptions, onClose: function () {
+            return (react_1.default.createElement(settingsModal_1.TabModal, { type: props.type, tabs: (_o = props.organise) === null || _o === void 0 ? void 0 : _o.extendedTabs, onChangeTabs: (_p = props.organise) === null || _p === void 0 ? void 0 : _p.onChangeTabs, model: props.model, renderReferenceLabelOptions: (_q = props.organise) === null || _q === void 0 ? void 0 : _q.renderReferenceLabelOptions, onClose: function () {
                     handlePopUpModal(false);
                 } }));
         }
@@ -2785,7 +2834,7 @@ function DataTemplate(props) {
                     return (0, react_1.createRef)();
                 });
                 return (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(form_1.Form, { className: "grid grid-cols-4 gap-6 pb-20 mt-6", ref: objectFormRef, refList: objectFormInputRefs, handleComplete: handleSubmitObjectDataType }, renderDataTemplateFormContent(selectedObjectData, (_p = filterObjectModel === null || filterObjectModel === void 0 ? void 0 : filterObjectModel.objectData) !== null && _p !== void 0 ? _p : [], objectFormInputRefs, true, filterObjectModel.type === "listObject")),
+                    react_1.default.createElement(form_1.Form, { className: "grid grid-cols-4 gap-6 pb-20 mt-6", ref: objectFormRef, refList: objectFormInputRefs, handleComplete: handleSubmitObjectDataType }, renderDataTemplateFormContent(selectedObjectData, (_r = filterObjectModel === null || filterObjectModel === void 0 ? void 0 : filterObjectModel.objectData) !== null && _r !== void 0 ? _r : [], objectFormInputRefs, true, filterObjectModel.type === "listObject")),
                     react_1.default.createElement("div", { className: "flex justify-end pt-8" },
                         filterObjectModel.type === "listObject" &&
                             selectedObjectId &&
@@ -2917,17 +2966,20 @@ function DataTemplate(props) {
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         renderNotification("root"),
-        react_1.default.createElement(modal_1.Modal, { maxWidth: selectedObjectStructureId || excelModal ? "2xl" : undefined, open: modalVisible, title: renderModalTitle(), lib: { Dialog: (_j = props.lib) === null || _j === void 0 ? void 0 : _j.Dialog, Transition: (_k = props.lib) === null || _k === void 0 ? void 0 : _k.Transition }, renderContent: renderModalContent, onClose: function () {
+        react_1.default.createElement(modal_1.Modal, { maxWidth: selectedObjectStructureId || excelModal ? "2xl" : undefined, open: modalVisible, title: renderModalTitle(), lib: { Dialog: (_m = props.lib) === null || _m === void 0 ? void 0 : _m.Dialog, Transition: (_o = props.lib) === null || _o === void 0 ? void 0 : _o.Transition }, renderContent: renderModalContent, onClose: function () {
+                var _a, _b;
                 if (queryForm)
                     handleViewQuery(-1);
-                else
+                else {
                     handlePopUpModal(false);
+                    setExportCSVEmail((_b = (_a = props.devSettings.currentUser) === null || _a === void 0 ? void 0 : _a.userEmail) !== null && _b !== void 0 ? _b : "");
+                }
             }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),
-        react_1.default.createElement(modal_1.Modal, { open: deleteModal, lib: { Dialog: (_l = props.lib) === null || _l === void 0 ? void 0 : _l.Dialog, Transition: (_m = props.lib) === null || _m === void 0 ? void 0 : _m.Transition }, renderContent: renderDeleteModalContent, onClose: function () {
+        react_1.default.createElement(modal_1.Modal, { open: deleteModal, lib: { Dialog: (_p = props.lib) === null || _p === void 0 ? void 0 : _p.Dialog, Transition: (_q = props.lib) === null || _q === void 0 ? void 0 : _q.Transition }, renderContent: renderDeleteModalContent, onClose: function () {
                 setDeletePasscodeInput("");
                 setDeleteModal(!deleteModal);
             }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),
-        react_1.default.createElement(modal_1.Modal, { open: batchUpdateModal, lib: { Dialog: (_o = props.lib) === null || _o === void 0 ? void 0 : _o.Dialog, Transition: (_p = props.lib) === null || _p === void 0 ? void 0 : _p.Transition }, renderContent: renderBatchUpdateModalContent, onClose: function () {
+        react_1.default.createElement(modal_1.Modal, { open: batchUpdateModal, lib: { Dialog: (_r = props.lib) === null || _r === void 0 ? void 0 : _r.Dialog, Transition: (_s = props.lib) === null || _s === void 0 ? void 0 : _s.Transition }, renderContent: renderBatchUpdateModalContent, onClose: function () {
                 setBatchUpdateData({ columnId: "", columnData: {} });
                 setBatchUpdateModal(false);
             }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),