blixify-ui-web 0.4.23 → 0.4.25

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

@@ -140,7 +140,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;
+    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;
     var formRef = (0, react_1.createRef)();
     var objectFormRef = (0, react_1.createRef)();
     var listAddressFromRef = (0, react_1.createRef)();
@@ -155,109 +155,109 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var typingTimeout = (0, react_1.useRef)();
     // const oldCollectionId: any = useRef();
     var mapViewRef = (0, react_1.useRef)();
-    var _11 = (0, react_1.useState)(false), loading = _11[0], setLoading = _11[1];
-    var _12 = (0, react_1.useState)(), notification = _12[0], setNotification = _12[1];
+    var _21 = (0, react_1.useState)(false), loading = _21[0], setLoading = _21[1];
+    var _22 = (0, react_1.useState)(), notification = _22[0], setNotification = _22[1];
     //INFO : Used by List
-    var _13 = (0, react_1.useState)({}), filterSearch = _13[0], setFilterSearch = _13[1];
-    var _14 = (0, react_1.useState)({}), filterSearchParams = _14[0], setFilterSearchParams = _14[1];
-    var _15 = (0, react_1.useState)({}), filterSelection = _15[0], setFilterSelection = _15[1];
-    var _16 = (0, react_1.useState)({}), filterReference = _16[0], setFilterReference = _16[1];
-    var _17 = (0, react_1.useState)({}), filterReferenceSearch = _17[0], setFilterReferenceSearch = _17[1];
-    var _18 = (0, react_1.useState)({}), filterReferenceList = _18[0], setFilterReferenceList = _18[1];
-    var _19 = (0, react_1.useState)({
+    var _23 = (0, react_1.useState)({}), filterSearch = _23[0], setFilterSearch = _23[1];
+    var _24 = (0, react_1.useState)({}), filterSearchParams = _24[0], setFilterSearchParams = _24[1];
+    var _25 = (0, react_1.useState)({}), filterSelection = _25[0], setFilterSelection = _25[1];
+    var _26 = (0, react_1.useState)({}), filterReference = _26[0], setFilterReference = _26[1];
+    var _27 = (0, react_1.useState)({}), filterReferenceSearch = _27[0], setFilterReferenceSearch = _27[1];
+    var _28 = (0, react_1.useState)({}), filterReferenceList = _28[0], setFilterReferenceList = _28[1];
+    var _29 = (0, react_1.useState)({
         startDate: undefined,
         endDate: undefined,
-    }), filterReferenceDate = _19[0], setFilterReferenceDate = _19[1];
-    var _20 = (0, react_1.useState)(true), tableLoading = _20[0], setTableLoading = _20[1];
-    var _21 = (0, react_1.useState)(""), cursor = _21[0], setCursor = _21[1];
-    var _22 = (0, react_1.useState)(""), lastCursor = _22[0], setLastCursor = _22[1];
-    var _23 = (0, react_1.useState)([]), tableData = _23[0], setTableData = _23[1];
-    var _24 = (0, react_1.useState)([]), spaceTableData = _24[0], setSpaceTableData = _24[1];
-    var _25 = (0, react_1.useState)(0), size = _25[0], setSize = _25[1];
-    var _26 = (0, react_1.useState)((_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.pageIndex) !== null && _b !== void 0 ? _b : 0), pageIndex = _26[0], setPageIndex = _26[1];
-    var _27 = (0, react_1.useState)([]), selectedIds = _27[0], setSelectedIds = _27[1];
-    var _28 = (0, react_1.useState)(false), selectAll = _28[0], setSelectAll = _28[1];
-    var _29 = (0, react_1.useState)(""), deletePasscode = _29[0], setDeletePasscode = _29[1];
-    var _30 = (0, react_1.useState)(""), deletePasscodeInput = _30[0], setDeletePasscodeInput = _30[1];
-    var _31 = (0, react_1.useState)(""), deleteFeedId = _31[0], setDeleteFeedId = _31[1];
+    }), filterReferenceDate = _29[0], setFilterReferenceDate = _29[1];
+    var _30 = (0, react_1.useState)(true), tableLoading = _30[0], setTableLoading = _30[1];
+    var _31 = (0, react_1.useState)(""), cursor = _31[0], setCursor = _31[1];
+    var _32 = (0, react_1.useState)(""), lastCursor = _32[0], setLastCursor = _32[1];
+    var _33 = (0, react_1.useState)([]), tableData = _33[0], setTableData = _33[1];
+    var _34 = (0, react_1.useState)([]), spaceTableData = _34[0], setSpaceTableData = _34[1];
+    var _35 = (0, react_1.useState)(0), size = _35[0], setSize = _35[1];
+    var _36 = (0, react_1.useState)((_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.pageIndex) !== null && _b !== void 0 ? _b : 0), pageIndex = _36[0], setPageIndex = _36[1];
+    var _37 = (0, react_1.useState)([]), selectedIds = _37[0], setSelectedIds = _37[1];
+    var _38 = (0, react_1.useState)(false), selectAll = _38[0], setSelectAll = _38[1];
+    var _39 = (0, react_1.useState)(""), deletePasscode = _39[0], setDeletePasscode = _39[1];
+    var _40 = (0, react_1.useState)(""), deletePasscodeInput = _40[0], setDeletePasscodeInput = _40[1];
+    var _41 = (0, react_1.useState)(""), deleteFeedId = _41[0], setDeleteFeedId = _41[1];
     var previousType = (0, react_1.useRef)();
     var previousSelectedData = (0, react_1.useRef)();
     //INFO : Used by List Organise
-    var _32 = (0, react_1.useState)(false), sortModal = _32[0], setSortModal = _32[1];
-    var _33 = (0, react_1.useState)(false), filterModal = _33[0], setFilterModal = _33[1];
-    var _34 = (0, react_1.useState)(false), addTabModal = _34[0], setAddTabModal = _34[1];
-    var _35 = (0, react_1.useState)(false), overviewModal = _35[0], setOverviewModal = _35[1];
-    var _36 = (0, react_1.useState)((_c = props.defaultTab) !== null && _c !== void 0 ? _c : ""), selectedTab = _36[0], setSelectedTab = _36[1];
-    var _37 = (0, react_1.useState)("dayGridMonth"), calendarView = _37[0], setCalendarView = _37[1];
-    var _38 = (0, react_1.useState)(new Date()), calendarTabMonth = _38[0], setCalendarTabMonth = _38[1];
-    var _39 = (0, react_1.useState)(true), kanbanDroppable = _39[0], setKanbanDroppable = _39[1];
-    var _40 = (0, react_1.useState)([]), kanbanOptions = _40[0], setKanbanOptions = _40[1];
-    var _41 = (0, react_1.useState)(false), queryForm = _41[0], setQueryForm = _41[1];
-    var _42 = (0, react_1.useState)(false), batchUpdateModal = _42[0], setBatchUpdateModal = _42[1];
-    var _43 = (0, react_1.useState)({
+    var _42 = (0, react_1.useState)(false), sortModal = _42[0], setSortModal = _42[1];
+    var _43 = (0, react_1.useState)(false), filterModal = _43[0], setFilterModal = _43[1];
+    var _44 = (0, react_1.useState)(false), addTabModal = _44[0], setAddTabModal = _44[1];
+    var _45 = (0, react_1.useState)(false), overviewModal = _45[0], setOverviewModal = _45[1];
+    var _46 = (0, react_1.useState)((_c = props.defaultTab) !== null && _c !== void 0 ? _c : ""), selectedTab = _46[0], setSelectedTab = _46[1];
+    var _47 = (0, react_1.useState)("dayGridMonth"), calendarView = _47[0], setCalendarView = _47[1];
+    var _48 = (0, react_1.useState)(new Date()), calendarTabMonth = _48[0], setCalendarTabMonth = _48[1];
+    var _49 = (0, react_1.useState)(true), kanbanDroppable = _49[0], setKanbanDroppable = _49[1];
+    var _50 = (0, react_1.useState)([]), kanbanOptions = _50[0], setKanbanOptions = _50[1];
+    var _51 = (0, react_1.useState)(false), queryForm = _51[0], setQueryForm = _51[1];
+    var _52 = (0, react_1.useState)(false), batchUpdateModal = _52[0], setBatchUpdateModal = _52[1];
+    var _53 = (0, react_1.useState)({
         columnId: "",
         columnData: {},
-    }), batchUpdateData = _43[0], setBatchUpdateData = _43[1];
+    }), batchUpdateData = _53[0], setBatchUpdateData = _53[1];
     //INFO : Used by Auth
-    var _44 = (0, react_1.useState)({
+    var _54 = (0, react_1.useState)({
         email: "",
         google: "",
         phone: "",
         disabled: false,
-    }), authMethods = _44[0], setAuthMethods = _44[1];
-    var _45 = (0, react_1.useState)(""), selectedAuthMethod = _45[0], setSelectedAuthMethod = _45[1];
+    }), authMethods = _54[0], setAuthMethods = _54[1];
+    var _55 = (0, react_1.useState)(""), selectedAuthMethod = _55[0], setSelectedAuthMethod = _55[1];
     // INFO: Used by Activity Log
-    var _46 = (0, react_1.useState)(false), activityModal = _46[0], setActivityModal = _46[1];
-    var _47 = (0, react_1.useState)(""), activityId = _47[0], setActivityId = _47[1];
+    var _56 = (0, react_1.useState)(false), activityModal = _56[0], setActivityModal = _56[1];
+    var _57 = (0, react_1.useState)(""), activityId = _57[0], setActivityId = _57[1];
     //INFO : Used by Export
-    var _48 = (0, react_1.useState)(null), csvFile = _48[0], setCSVFile = _48[1];
-    var _49 = (0, react_1.useState)([]), csvFileData = _49[0], setCSVFileData = _49[1];
-    var _50 = (0, react_1.useState)(0), stepCSVIndex = _50[0], setStepCSVIndex = _50[1];
-    var _51 = (0, react_1.useState)({}), listCSVMapAttribute = _51[0], setListCSVMapAttribute = _51[1];
-    var _52 = (0, react_1.useState)({}), listCSVObjAttribute = _52[0], setListCSVObjAttribute = _52[1];
-    var _53 = (0, react_1.useState)([]), csvAPIAttribute = _53[0], setCSVAPIAttribute = _53[1];
-    var _54 = (0, react_1.useState)(((_d = props.devSettings.currentUser) === null || _d === void 0 ? void 0 : _d.userEmail) || ""), exportCSVEmail = _54[0], setExportCSVEmail = _54[1];
-    var _55 = (0, react_1.useState)(((_f = (_e = props.organise) === null || _e === void 0 ? void 0 : _e.exportSettings) === null || _f === void 0 ? void 0 : _f.defaultExportPDFName) || ""), exportPDFTitle = _55[0], setExportPDFTitle = _55[1];
-    var _56 = (0, react_1.useState)([]), exportSumAttributeIds = _56[0], setExportSumAttributeIds = _56[1];
-    var _57 = (0, react_1.useState)([]), importTableData = _57[0], setImportTableData = _57[1];
-    var _58 = (0, react_1.useState)([]), queryList = _58[0], setQueryList = _58[1];
-    var _59 = (0, react_1.useState)(-1), queryIndex = _59[0], setQueryIndex = _59[1];
-    var _60 = (0, react_1.useState)((_g = props.organise) === null || _g === void 0 ? void 0 : _g.groupBy), groupId = _60[0], setGroupId = _60[1];
+    var _58 = (0, react_1.useState)(null), csvFile = _58[0], setCSVFile = _58[1];
+    var _59 = (0, react_1.useState)([]), csvFileData = _59[0], setCSVFileData = _59[1];
+    var _60 = (0, react_1.useState)(0), stepCSVIndex = _60[0], setStepCSVIndex = _60[1];
+    var _61 = (0, react_1.useState)({}), listCSVMapAttribute = _61[0], setListCSVMapAttribute = _61[1];
+    var _62 = (0, react_1.useState)({}), listCSVObjAttribute = _62[0], setListCSVObjAttribute = _62[1];
+    var _63 = (0, react_1.useState)([]), csvAPIAttribute = _63[0], setCSVAPIAttribute = _63[1];
+    var _64 = (0, react_1.useState)(((_d = props.devSettings.currentUser) === null || _d === void 0 ? void 0 : _d.userEmail) || ""), exportCSVEmail = _64[0], setExportCSVEmail = _64[1];
+    var _65 = (0, react_1.useState)(((_f = (_e = props.organise) === null || _e === void 0 ? void 0 : _e.exportSettings) === null || _f === void 0 ? void 0 : _f.defaultExportPDFName) || ""), exportPDFTitle = _65[0], setExportPDFTitle = _65[1];
+    var _66 = (0, react_1.useState)([]), exportSumAttributeIds = _66[0], setExportSumAttributeIds = _66[1];
+    var _67 = (0, react_1.useState)([]), importTableData = _67[0], setImportTableData = _67[1];
+    var _68 = (0, react_1.useState)([]), queryList = _68[0], setQueryList = _68[1];
+    var _69 = (0, react_1.useState)(-1), queryIndex = _69[0], setQueryIndex = _69[1];
+    var _70 = (0, react_1.useState)((_g = props.organise) === null || _g === void 0 ? void 0 : _g.groupBy), groupId = _70[0], setGroupId = _70[1];
     //INFO : Used by Read
     //INFO : Used by Update
-    var _61 = (0, react_1.useState)(false), modalVisible = _61[0], setModalVisible = _61[1];
-    var _62 = (0, react_1.useState)(false), deleteModal = _62[0], setDeleteModal = _62[1];
-    var _63 = (0, react_1.useState)(false), excelModal = _63[0], setExcelModal = _63[1];
-    var _64 = (0, react_1.useState)(false), exportExcel = _64[0], setExportExcel = _64[1];
-    var _65 = (0, react_1.useState)(""), exportType = _65[0], setExportType = _65[1];
-    var _66 = (0, react_1.useState)(false), exportQR = _66[0], setExportQR = _66[1];
-    var _67 = (0, react_1.useState)(false), signatureSigning = _67[0], setSignatureSigning = _67[1];
-    var _68 = (0, react_1.useState)({}), selectedData = _68[0], setSelectedData = _68[1];
-    var _69 = (0, react_1.useState)(""), selectedObjectStructureId = _69[0], setSelectedObjectStructureId = _69[1];
-    var _70 = (0, react_1.useState)(""), selectedObjectId = _70[0], setSelectedObjectId = _70[1];
-    var _71 = (0, react_1.useState)(""), selectedListAddressId = _71[0], setSelectedListAddressId = _71[1];
-    var _72 = (0, react_1.useState)({
+    var _71 = (0, react_1.useState)(false), modalVisible = _71[0], setModalVisible = _71[1];
+    var _72 = (0, react_1.useState)(false), deleteModal = _72[0], setDeleteModal = _72[1];
+    var _73 = (0, react_1.useState)(false), excelModal = _73[0], setExcelModal = _73[1];
+    var _74 = (0, react_1.useState)(false), exportExcel = _74[0], setExportExcel = _74[1];
+    var _75 = (0, react_1.useState)(""), exportType = _75[0], setExportType = _75[1];
+    var _76 = (0, react_1.useState)(false), exportQR = _76[0], setExportQR = _76[1];
+    var _77 = (0, react_1.useState)(false), signatureSigning = _77[0], setSignatureSigning = _77[1];
+    var _78 = (0, react_1.useState)({}), selectedData = _78[0], setSelectedData = _78[1];
+    var _79 = (0, react_1.useState)(""), selectedObjectStructureId = _79[0], setSelectedObjectStructureId = _79[1];
+    var _80 = (0, react_1.useState)(""), selectedObjectId = _80[0], setSelectedObjectId = _80[1];
+    var _81 = (0, react_1.useState)(""), selectedListAddressId = _81[0], setSelectedListAddressId = _81[1];
+    var _82 = (0, react_1.useState)({
         lat: 0,
         lng: 0,
         name: "",
-    }), selectedListAddress = _72[0], setSelectedListAddress = _72[1];
-    var _73 = (0, react_1.useState)({}), selectedObjectData = _73[0], setSelectedObjectData = _73[1];
-    var _74 = (0, react_1.useState)(false), referenceLoading = _74[0], setReferenceLoading = _74[1];
-    var _75 = (0, react_1.useState)({}), referencesOptions = _75[0], setReferencesOptions = _75[1];
-    var _76 = (0, react_1.useState)({}), referencesDetails = _76[0], setReferencesDetails = _76[1];
-    var _77 = (0, react_1.useState)({}), referenceDeleteTableData = _77[0], setReferenceDeleteTableData = _77[1];
-    var _78 = (0, react_1.useState)(0), referenceDeleteIndex = _78[0], setReferenceDeleteIndex = _78[1];
-    var _79 = (0, react_1.useState)({
+    }), selectedListAddress = _82[0], setSelectedListAddress = _82[1];
+    var _83 = (0, react_1.useState)({}), selectedObjectData = _83[0], setSelectedObjectData = _83[1];
+    var _84 = (0, react_1.useState)(false), referenceLoading = _84[0], setReferenceLoading = _84[1];
+    var _85 = (0, react_1.useState)({}), referencesOptions = _85[0], setReferencesOptions = _85[1];
+    var _86 = (0, react_1.useState)({}), referencesDetails = _86[0], setReferencesDetails = _86[1];
+    var _87 = (0, react_1.useState)({}), referenceDeleteTableData = _87[0], setReferenceDeleteTableData = _87[1];
+    var _88 = (0, react_1.useState)(0), referenceDeleteIndex = _88[0], setReferenceDeleteIndex = _88[1];
+    var _89 = (0, react_1.useState)({
         id: "",
         name: "",
         type: "string",
-    }), referenceCreationModal = _79[0], setReferenceCreationModal = _79[1];
-    var _80 = (0, react_1.useState)({}), referenceModelSchema = _80[0], setReferenceSchema = _80[1];
+    }), referenceCreationModal = _89[0], setReferenceCreationModal = _89[1];
+    var _90 = (0, react_1.useState)({}), referenceModelSchema = _90[0], setReferenceSchema = _90[1];
     // INFO ; Use to Trigger Update Prefill UI
-    var _81 = (0, react_1.useState)(false), prefillTrigger = _81[0], setPrefillTrigger = _81[1];
+    var _91 = (0, react_1.useState)(false), prefillTrigger = _91[0], setPrefillTrigger = _91[1];
     //INFO : Offline
-    var _82 = (0, react_1.useState)(0), offlineDataLength = _82[0], setOfflineDataLength = _82[1];
-    var _83 = (0, react_1.useState)(false), offlineModal = _83[0], setOfflineModal = _83[1];
+    var _92 = (0, react_1.useState)(0), offlineDataLength = _92[0], setOfflineDataLength = _92[1];
+    var _93 = (0, react_1.useState)(false), offlineModal = _93[0], setOfflineModal = _93[1];
     var devSettings = props.devSettings;
     var serverId = (0, utils_1.parseServerId)(devSettings.server);
     var viewType = (_j = (_h = props.organise) === null || _h === void 0 ? void 0 : _h.viewId) !== null && _j !== void 0 ? _j : "general";
@@ -306,49 +306,59 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        {
-            text: "Export CSV",
-            onClick: function () {
-                setExportExcel(true);
-                setExportType("csv");
-                setModalVisible(true);
-            },
-        },
-        {
-            text: "Export Excel",
-            onClick: function () {
-                setExportExcel(true);
-                setExportType("excel");
-                setModalVisible(true);
-            },
-        },
-        {
-            text: "Export PDF",
-            onClick: function () {
-                setExportExcel(true);
-                setExportType("pdf");
-                setModalVisible(true);
-            },
-        },
-        {
-            text: "Export QR",
-            onClick: function () {
-                setExportExcel(true);
-                setExportType("qr");
-                setModalVisible(true);
-            },
-        },
-        {
-            text: "Print",
-            onClick: function () {
-                setExportExcel(true);
-                setModalVisible(true);
-                setExportType("print");
-                // handleExportCSVData(true, true);
-            },
-        },
+        !((_4 = (_3 = props.organise) === null || _3 === void 0 ? void 0 : _3.exportSettings) === null || _4 === void 0 ? void 0 : _4.hideExportCSV)
+            ? {
+                text: "Export CSV",
+                onClick: function () {
+                    setExportExcel(true);
+                    setExportType("csv");
+                    setModalVisible(true);
+                },
+            }
+            : null,
+        !((_6 = (_5 = props.organise) === null || _5 === void 0 ? void 0 : _5.exportSettings) === null || _6 === void 0 ? void 0 : _6.hideExportExcel)
+            ? {
+                text: "Export Excel",
+                onClick: function () {
+                    setExportExcel(true);
+                    setExportType("excel");
+                    setModalVisible(true);
+                },
+            }
+            : null,
+        !((_8 = (_7 = props.organise) === null || _7 === void 0 ? void 0 : _7.exportSettings) === null || _8 === void 0 ? void 0 : _8.hideExportPDF)
+            ? {
+                text: "Export PDF",
+                onClick: function () {
+                    setExportExcel(true);
+                    setExportType("pdf");
+                    setModalVisible(true);
+                },
+            }
+            : null,
+        !((_10 = (_9 = props.organise) === null || _9 === void 0 ? void 0 : _9.exportSettings) === null || _10 === void 0 ? void 0 : _10.hideExportQR)
+            ? {
+                text: "Export QR",
+                onClick: function () {
+                    setExportExcel(true);
+                    setExportType("qr");
+                    setModalVisible(true);
+                },
+            }
+            : null,
+        !((_12 = (_11 = props.organise) === null || _11 === void 0 ? void 0 : _11.exportSettings) === null || _12 === void 0 ? void 0 : _12.hideExportPrint)
+            ? {
+                text: "Print",
+                onClick: function () {
+                    setExportExcel(true);
+                    setModalVisible(true);
+                    setExportType("print");
+                    // handleExportCSVData(true, true);
+                },
+            }
+            : null,
     ].filter(Boolean);
-    if ((_3 = props.organise) === null || _3 === void 0 ? void 0 : _3.moreSettings)
+    if ((_13 = props.organise) === null || _13 === void 0 ? void 0 : _13.moreSettings)
         moreButtonPopUp = moreButtonPopUp.concat(props.organise.moreSettings);
     var renderImpSearchFilterConditions = function () {
         var _a;
@@ -501,8 +511,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         props.collectionId,
         props.id,
         props.localURLEndpoint,
-        (_4 = props.organise) === null || _4 === void 0 ? void 0 : _4.extendedTabs,
-        (_5 = props.organise) === null || _5 === void 0 ? void 0 : _5.viewId,
+        (_14 = props.organise) === null || _14 === void 0 ? void 0 : _14.extendedTabs,
+        (_15 = props.organise) === null || _15 === void 0 ? void 0 : _15.viewId,
         props.type,
     ]);
     (0, react_1.useEffect)(function () {
@@ -510,13 +520,18 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         if ((_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.exportSettings) === null || _b === void 0 ? void 0 : _b.sumColumnId) {
             setExportSumAttributeIds((_e = (_d = (_c = props.organise) === null || _c === void 0 ? void 0 : _c.exportSettings) === null || _d === void 0 ? void 0 : _d.sumColumnId) !== null && _e !== void 0 ? _e : []);
         }
-    }, (_7 = (_6 = props.organise) === null || _6 === void 0 ? void 0 : _6.exportSettings) === null || _7 === void 0 ? void 0 : _7.sumColumnId);
+    }, (_17 = (_16 = props.organise) === null || _16 === void 0 ? void 0 : _16.exportSettings) === null || _17 === void 0 ? void 0 : _17.sumColumnId);
     (0, react_1.useEffect)(function () {
         if (props.devSettings.schemaReference)
             setReferenceSchema(props.devSettings.schemaReference);
     }, [props.devSettings.schemaReference]);
     (0, react_1.useEffect)(function () {
         var newQuery = renderImpSearchFilterConditions();
+        // INFO - Use to clear table data when query is clear
+        if (isFirebase && !newQuery) {
+            setTableData([]);
+            setSpaceTableData([]);
+        }
         if (newQuery)
             setQueryList(newQuery);
     }, [filterSelection, filterReferenceDate, filterReference]);
@@ -808,7 +823,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         else {
                             newTableData = [];
                             newPrettierTableData = [];
-                            if (Object.values(filterSearchParams).some(function (eachValue) { return eachValue && eachValue.length > 0; })) {
+                            if (Object.values(filterSearchParams).some(function (eachValue) { return eachValue && eachValue.length > 0; }) ||
+                                Object.values(filterReference).some(function (eachValue) { return eachValue && eachValue.length > 0; })) {
                                 newTableData = dataList;
                                 newPrettierTableData = prettierDataList;
                             }
@@ -3480,15 +3496,20 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                                 : " ";
                                     break;
                                 case "date":
-                                    var timeStamp = isFirebase && (eachValue === null || eachValue === void 0 ? void 0 : eachValue["_seconds"])
-                                        ? (eachValue === null || eachValue === void 0 ? void 0 : eachValue["_seconds"]) * 1000
-                                        : eachValue;
-                                    eachNewList[eachKey] =
-                                        (model_2 === null || model_2 === void 0 ? void 0 : model_2.name) +
-                                            " : " +
+                                    if (eachValue) {
+                                        var timeStamp = isFirebase && (eachValue === null || eachValue === void 0 ? void 0 : eachValue["_seconds"])
+                                            ? (eachValue === null || eachValue === void 0 ? void 0 : eachValue["_seconds"]) * 1000
+                                            : eachValue;
+                                        eachNewList[eachKey] =
+                                            (model_2 === null || model_2 === void 0 ? void 0 : model_2.name) +
+                                                " : " +
+                                                (0, moment_1.default)(timeStamp).format("DD/MM/YYYY h:mm a");
+                                        eachNewTable[eachKey] =
                                             (0, moment_1.default)(timeStamp).format("DD/MM/YYYY h:mm a");
-                                    eachNewTable[eachKey] =
-                                        (0, moment_1.default)(timeStamp).format("DD/MM/YYYY h:mm a");
+                                    }
+                                    else {
+                                        eachNewList[eachKey] = (model_2 === null || model_2 === void 0 ? void 0 : model_2.name) + " : -";
+                                    }
                                     break;
                                 case "address":
                                 case "object":
@@ -3732,7 +3753,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             authList));
     };
     var renderContent = function () {
-        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;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19;
         var isBottom = ((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareUpdateActionBottom) ? true : false;
         var tabs = renderTabs();
         var pages = [
@@ -3746,7 +3767,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             case "read":
                 var anyAuthMethod = Object.values(authMethods).some(function (value) { return value; });
                 pages.push({
-                    name: (_b = props.id) !== null && _b !== void 0 ? _b : "",
+                    name: (_d = selectedData === null || selectedData === void 0 ? void 0 : selectedData[(_c = (_b = props.organise) === null || _b === void 0 ? void 0 : _b.breadcrumbAttributeId) !== null && _c !== void 0 ? _c : serverId]) !== null && _d !== void 0 ? _d : (props.id ? props.id : "new"),
                     href: "#",
                     current: true,
                 });
@@ -3754,7 +3775,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     react_1.default.createElement(readQueryHoc_1.ReadQueryHoc, { ref: readQueryHocRef, database: {
                             dbModule: dbModule,
                             dbType: devSettings.server,
-                            dbCollection: (_d = (_c = props === null || props === void 0 ? void 0 : props.space) === null || _c === void 0 ? void 0 : _c.pipelineDefaultSpaceId) !== null && _d !== void 0 ? _d : props.collectionId,
+                            dbCollection: (_f = (_e = props === null || props === void 0 ? void 0 : props.space) === null || _e === void 0 ? void 0 : _e.pipelineDefaultSpaceId) !== null && _f !== void 0 ? _f : props.collectionId,
                             dbEndpoint: devSettings.dbEndpoint,
                             dbAPIToken: devSettings.dbAPIToken,
                             dbUserToken: devSettings.dbUserToken,
@@ -3762,7 +3783,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             type: "get",
                             id: props.id,
                             pipeline: pipeline,
-                        }, offline: (_e = props.bareSettings) === null || _e === void 0 ? void 0 : _e.bareOffline, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError }),
+                        }, offline: (_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareOffline, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError }),
                     !loading && (react_1.default.createElement(react_1.default.Fragment, null,
                         renderBreadcrumb(pages),
                         react_1.default.createElement("div", null,
@@ -3771,13 +3792,13 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                     react_1.default.createElement("p", { className: "text-xl font-medium" }, props.title),
                                     react_1.default.createElement("span", { className: "text-sm text-gray-500" }, props.description)),
                                 !isBottom && renderActionButtons(props.type))),
-                        schemaPresent && (react_1.default.createElement(tabs_1.Tabs, { tabs: tabs, selectedId: viewType, linkType: props.linkType, custom: props.custom, onClick: function (id) { return handleSelectTab(id); }, darkMode: (_f = props.organise) === null || _f === void 0 ? void 0 : _f.darkMode })),
-                        ((_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareReadComponentPos) === "top" &&
+                        schemaPresent && (react_1.default.createElement(tabs_1.Tabs, { tabs: tabs, selectedId: viewType, linkType: props.linkType, custom: props.custom, onClick: function (id) { return handleSelectTab(id); }, darkMode: (_h = props.organise) === null || _h === void 0 ? void 0 : _h.darkMode })),
+                        ((_j = props.bareSettings) === null || _j === void 0 ? void 0 : _j.bareReadComponentPos) === "top" &&
                             renderBareReadComp(),
                         anyAuthMethod && (react_1.default.createElement("div", { className: "bg-primary-100 text-gray-700 mt-3 px-5 py-3 rounded" }, renderAuthContent())),
-                        !((_h = props.bareSettings) === null || _h === void 0 ? void 0 : _h.bareReadComponentHide) &&
+                        !((_k = props.bareSettings) === null || _k === void 0 ? void 0 : _k.bareReadComponentHide) &&
                             renderTabContent(tabs, props.type, viewType),
-                        ((_j = props.bareSettings) === null || _j === void 0 ? void 0 : _j.bareReadComponentPos) !== "top" &&
+                        ((_l = props.bareSettings) === null || _l === void 0 ? void 0 : _l.bareReadComponentPos) !== "top" &&
                             renderBareReadComp(),
                         isBottom && renderActionButtons(props.type, true)))));
             case "update":
@@ -3789,12 +3810,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     });
                 }
                 pages.push({
-                    name: props.id ? props.id : "new",
+                    name: (_p = selectedData === null || selectedData === void 0 ? void 0 : selectedData[(_o = (_m = props.organise) === null || _m === void 0 ? void 0 : _m.breadcrumbAttributeId) !== null && _o !== void 0 ? _o : serverId]) !== null && _p !== void 0 ? _p : (props.id ? props.id : "new"),
                     href: "#",
                     current: true,
                 });
                 var filterModel_1 = [];
-                var disabledOnEnter_1 = (_l = (_k = props.organise) === null || _k === void 0 ? void 0 : _k.disabledOnEnter) !== null && _l !== void 0 ? _l : false;
+                var disabledOnEnter_1 = (_r = (_q = props.organise) === null || _q === void 0 ? void 0 : _q.disabledOnEnter) !== null && _r !== void 0 ? _r : false;
                 props.model.map(function (eachModel) {
                     var _a;
                     var present = false;
@@ -3821,7 +3842,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     props.id && props.id !== "new" && props.model.length > 1 && (react_1.default.createElement(readQueryHoc_1.ReadQueryHoc, { ref: readQueryHocRef, database: {
                             dbModule: dbModule,
                             dbType: devSettings.server,
-                            dbCollection: (_o = (_m = props === null || props === void 0 ? void 0 : props.space) === null || _m === void 0 ? void 0 : _m.pipelineDefaultSpaceId) !== null && _o !== void 0 ? _o : props.collectionId,
+                            dbCollection: (_t = (_s = props === null || props === void 0 ? void 0 : props.space) === null || _s === void 0 ? void 0 : _s.pipelineDefaultSpaceId) !== null && _t !== void 0 ? _t : props.collectionId,
                             dbEndpoint: devSettings.dbEndpoint,
                             dbAPIToken: devSettings.dbAPIToken,
                             dbUserToken: devSettings.dbUserToken,
@@ -3829,7 +3850,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             type: "get",
                             id: props.id,
                             pipeline: pipeline,
-                        }, offline: (_p = props.bareSettings) === null || _p === void 0 ? void 0 : _p.bareOffline, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError })),
+                        }, offline: (_u = props.bareSettings) === null || _u === void 0 ? void 0 : _u.bareOffline, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError })),
                     renderBreadcrumb(pages),
                     react_1.default.createElement("div", { className: "flex flex-col py-2 sm:items-center sm:flex-row" },
                         react_1.default.createElement("div", { className: "flex flex-col w-full" },
@@ -3838,8 +3859,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         !isBottom && renderActionButtons(props.type)),
                     react_1.default.createElement(form_1.Form, { className: "grid ".concat(formColumn, " gap-6 mt-6"), ref: formRef, refList: modalFormInputRefs, handleComplete: handleSubmit, disabledOnEnter: disabledOnEnter_1 },
                         renderDataTemplateFormContent(selectedData, filterModel_1, modalFormInputRefs, false, false),
-                        ((_q = props.bareSettings) === null || _q === void 0 ? void 0 : _q.bareUpdateComponent) &&
-                            ((_r = props.bareSettings) === null || _r === void 0 ? void 0 : _r.bareUpdateComponent(selectedData))),
+                        ((_v = props.bareSettings) === null || _v === void 0 ? void 0 : _v.bareUpdateComponent) &&
+                            ((_w = props.bareSettings) === null || _w === void 0 ? void 0 : _w.bareUpdateComponent(selectedData))),
                     react_1.default.createElement("div", { className: "mt-8" }, renderListAddress(props.type)),
                     react_1.default.createElement("div", { className: "mt-8" }, renderListObject(props.type)),
                     isBottom && renderActionButtons(props.type, true)));
@@ -3850,14 +3871,14 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 var listReadQueryHOC = (react_1.default.createElement(readQueryHoc_1.ReadQueryHoc, { ref: listRQueryHocRef, database: {
                         dbModule: dbModule,
                         dbType: devSettings.server,
-                        dbCollection: (_t = (_s = props === null || props === void 0 ? void 0 : props.space) === null || _s === void 0 ? void 0 : _s.pipelineDefaultSpaceId) !== null && _t !== void 0 ? _t : props.collectionId,
+                        dbCollection: (_y = (_x = props === null || props === void 0 ? void 0 : props.space) === null || _x === void 0 ? void 0 : _x.pipelineDefaultSpaceId) !== null && _y !== void 0 ? _y : props.collectionId,
                         dbEndpoint: devSettings.dbEndpoint,
                         dbAPIToken: devSettings.dbAPIToken,
                         dbUserToken: devSettings.dbUserToken,
-                    }, cond: handleReadQueryHocCond(), offline: (_u = props.bareSettings) === null || _u === void 0 ? void 0 : _u.bareOffline, onChangeData: function (data) {
+                    }, cond: handleReadQueryHocCond(), offline: (_z = props.bareSettings) === null || _z === void 0 ? void 0 : _z.bareOffline, onChangeData: function (data) {
                         handleGetListData(data, "", "");
                     }, onError: handleGetItemError }));
-                if ((_v = props.renderSettings) === null || _v === void 0 ? void 0 : _v.renderListUI) {
+                if ((_0 = props.renderSettings) === null || _0 === void 0 ? void 0 : _0.renderListUI) {
                     return (react_1.default.createElement(react_1.default.Fragment, null,
                         listReadQueryHOC,
                         props.renderSettings.renderListUI(actionComponent, filterComponent, dataComponent)));
@@ -3869,8 +3890,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             react_1.default.createElement("p", { className: "text-xl font-medium" }, props.title),
                             react_1.default.createElement("span", { className: "text-sm text-gray-500" }, props.description)),
                         react_1.default.createElement("div", { className: "grow" }),
-                        !((_w = props.organise) === null || _w === void 0 ? void 0 : _w.filterComponentNewRow) && (react_1.default.createElement("div", { className: "flex flex-col items-center justify-center mt-6 space-y-3 md:space-x-3 md:space-y-0 md:flex-row md:mt-0 md:mx-3" },
-                            ((_x = props === null || props === void 0 ? void 0 : props.organise) === null || _x === void 0 ? void 0 : _x.showGroupByFeature) && (react_1.default.createElement(select_1.Select, { label: "Group", options: (_3 = (_0 = (_z = (_y = props === null || props === void 0 ? void 0 : props.organise) === null || _y === void 0 ? void 0 : _y.renderGroupByOptions) === null || _z === void 0 ? void 0 : _z.call(_y)) !== null && _0 !== void 0 ? _0 : (_2 = (_1 = props === null || props === void 0 ? void 0 : props.organise) === null || _1 === void 0 ? void 0 : _1.renderReferenceLabelOptions) === null || _2 === void 0 ? void 0 : _2.call(_1, props.collectionId, true)) !== null && _3 !== void 0 ? _3 : [], value: groupId !== null && groupId !== void 0 ? groupId : "", onChange: function (value) { return setGroupId(value); } })),
+                        !((_1 = props.organise) === null || _1 === void 0 ? void 0 : _1.filterComponentNewRow) && (react_1.default.createElement("div", { className: "flex flex-col items-center justify-center mt-6 space-y-3 md:space-x-3 md:space-y-0 md:flex-row md:mt-0 md:mx-3" },
+                            ((_2 = props === null || props === void 0 ? void 0 : props.organise) === null || _2 === void 0 ? void 0 : _2.showGroupByFeature) && (react_1.default.createElement(select_1.Select, { label: "Group", options: (_8 = (_5 = (_4 = (_3 = props === null || props === void 0 ? void 0 : props.organise) === null || _3 === void 0 ? void 0 : _3.renderGroupByOptions) === null || _4 === void 0 ? void 0 : _4.call(_3)) !== null && _5 !== void 0 ? _5 : (_7 = (_6 = props === null || props === void 0 ? void 0 : props.organise) === null || _6 === void 0 ? void 0 : _6.renderReferenceLabelOptions) === null || _7 === void 0 ? void 0 : _7.call(_6, props.collectionId, true)) !== null && _8 !== void 0 ? _8 : [], value: groupId !== null && groupId !== void 0 ? groupId : "", onChange: function (value) { return setGroupId(value); } })),
                             filterComponent)),
                         react_1.default.createElement("div", { className: "mb-0.5 flex flex-row items-center my-6 justify-content space-x-2 md:my-0" },
                             schemaPresent && (react_1.default.createElement(react_1.default.Fragment, null,
@@ -3896,16 +3917,16 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                         });
                                     }, bgColor: "bg-white" }))),
                             !isBottom && renderActionButtons(props.type),
-                            (schemaPresent || ((_4 = props.organise) === null || _4 === void 0 ? void 0 : _4.showExport)) && (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 (
+                            (schemaPresent || ((_9 = props.organise) === null || _9 === void 0 ? void 0 : _9.showExport)) && (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: Bug - 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)
                                 // </Menu.Item>
                                 ); })), lib: {
-                                    Transition: (_5 = props === null || props === void 0 ? void 0 : props.lib) === null || _5 === void 0 ? void 0 : _5.Transition,
+                                    Transition: (_10 = props === null || props === void 0 ? void 0 : props.lib) === null || _10 === void 0 ? void 0 : _10.Transition,
                                 } })))),
-                    ((_6 = props.organise) === null || _6 === void 0 ? void 0 : _6.filterComponentNewRow) && (react_1.default.createElement("div", { className: "flex flex-wrap items-center justify-center my-6 gap-3" },
-                        ((_7 = props === null || props === void 0 ? void 0 : props.organise) === null || _7 === void 0 ? void 0 : _7.showGroupByFeature) && (react_1.default.createElement(select_1.Select, { label: "Group", options: (_13 = (_10 = (_9 = (_8 = props === null || props === void 0 ? void 0 : props.organise) === null || _8 === void 0 ? void 0 : _8.renderGroupByOptions) === null || _9 === void 0 ? void 0 : _9.call(_8)) !== null && _10 !== void 0 ? _10 : (_12 = (_11 = props === null || props === void 0 ? void 0 : props.organise) === null || _11 === void 0 ? void 0 : _11.renderReferenceLabelOptions) === null || _12 === void 0 ? void 0 : _12.call(_11, props.collectionId, true)) !== null && _13 !== void 0 ? _13 : [], value: groupId !== null && groupId !== void 0 ? groupId : "", onChange: function (value) { return setGroupId(value); } })),
+                    ((_11 = props.organise) === null || _11 === void 0 ? void 0 : _11.filterComponentNewRow) && (react_1.default.createElement("div", { className: "flex flex-wrap items-center justify-center my-6 gap-3" },
+                        ((_12 = props === null || props === void 0 ? void 0 : props.organise) === null || _12 === void 0 ? void 0 : _12.showGroupByFeature) && (react_1.default.createElement(select_1.Select, { label: "Group", options: (_18 = (_15 = (_14 = (_13 = props === null || props === void 0 ? void 0 : props.organise) === null || _13 === void 0 ? void 0 : _13.renderGroupByOptions) === null || _14 === void 0 ? void 0 : _14.call(_13)) !== null && _15 !== void 0 ? _15 : (_17 = (_16 = props === null || props === void 0 ? void 0 : props.organise) === null || _16 === void 0 ? void 0 : _16.renderReferenceLabelOptions) === null || _17 === void 0 ? void 0 : _17.call(_16, props.collectionId, true)) !== null && _18 !== void 0 ? _18 : [], value: groupId !== null && groupId !== void 0 ? groupId : "", onChange: function (value) { return setGroupId(value); } })),
                         filterComponent.map(function (item, index) {
                             var _a, _b;
                             var filter = (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.additionalQuery) === null || _b === void 0 ? void 0 : _b[index];
@@ -3913,7 +3934,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                     ? "flex-grow sm:basis-full md:basis-1/2 lg:basis-1/3"
                                     : "flex-grow sm:flex-shrink-0 sm:basis-1/2 md:basis-1/4 lg:basis-1/6" }, item));
                         }))),
-                    schemaPresent && (react_1.default.createElement(tabs_1.Tabs, { tabs: tabs, selectedId: viewType, linkType: props.linkType, custom: props.custom, onClick: function (id) { return handleSelectTab(id); }, darkMode: (_14 = props.organise) === null || _14 === void 0 ? void 0 : _14.darkMode })),
+                    schemaPresent && (react_1.default.createElement(tabs_1.Tabs, { tabs: tabs, selectedId: viewType, linkType: props.linkType, custom: props.custom, onClick: function (id) { return handleSelectTab(id); }, darkMode: (_19 = props.organise) === null || _19 === void 0 ? void 0 : _19.darkMode })),
                     renderTabContent(tabs, props.type, viewType),
                     isBottom && renderActionButtons(props.type, true)));
             default:
@@ -5266,7 +5287,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         renderNotification("root"),
-        ((_9 = (_8 = props.renderSettings) === null || _8 === void 0 ? void 0 : _8.renderLoadingUI) === null || _9 === void 0 ? void 0 : _9.call(_8)) && loading ? ((_10 = props.renderSettings) === null || _10 === void 0 ? void 0 : _10.renderLoadingUI()) : (react_1.default.createElement(modal_1.Modal, { maxWidth: selectedObjectStructureId || excelModal ? "2xl" : undefined, open: modalVisible, title: renderModalTitle(), renderContent: renderModalContent, onClose: function () {
+        ((_19 = (_18 = props.renderSettings) === null || _18 === void 0 ? void 0 : _18.renderLoadingUI) === null || _19 === void 0 ? void 0 : _19.call(_18)) && loading ? ((_20 = props.renderSettings) === null || _20 === void 0 ? void 0 : _20.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;