blixify-ui-web 1.2.169 → 1.2.172

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

@@ -456,33 +456,44 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         create: false,
     }), authMethods = _144[0], setAuthMethods = _144[1];
     var _145 = (0, react_1.useState)(""), selectedAuthMethod = _145[0], setSelectedAuthMethod = _145[1];
+    // INFO: the sign-in check of a users datasheet's record is running; the
+    // panel shows a spinner rather than nothing, which read as "no login"
+    var _146 = (0, react_1.useState)(false), authLoading = _146[0], setAuthLoading = _146[1];
+    // INFO: a delete is running — the ref answers a second tap at once, before
+    // the state has rendered, and the state disables the confirm button
+    var deletingRef = (0, react_1.useRef)(false);
+    var _147 = (0, react_1.useState)(false), deleting = _147[0], setDeleting = _147[1];
     // INFO: Used by Activity Log
-    var _146 = (0, react_1.useState)(false), activityModal = _146[0], setActivityModal = _146[1];
-    var _147 = (0, react_1.useState)(""), activityId = _147[0], setActivityId = _147[1];
+    var _148 = (0, react_1.useState)(false), activityModal = _148[0], setActivityModal = _148[1];
+    var _149 = (0, react_1.useState)(""), activityId = _149[0], setActivityId = _149[1];
     //INFO : Used by Export
-    var _148 = (0, react_1.useState)(null), csvFile = _148[0], setCSVFile = _148[1];
-    var _149 = (0, react_1.useState)([]), csvFileData = _149[0], setCSVFileData = _149[1];
-    var _150 = (0, react_1.useState)(0), stepCSVIndex = _150[0], setStepCSVIndex = _150[1];
-    var _151 = (0, react_1.useState)({}), listCSVMapAttribute = _151[0], setListCSVMapAttribute = _151[1];
-    var _152 = (0, react_1.useState)({}), listCSVObjAttribute = _152[0], setListCSVObjAttribute = _152[1];
-    var _153 = (0, react_1.useState)([]), csvAPIAttribute = _153[0], setCSVAPIAttribute = _153[1];
-    var _154 = (0, react_1.useState)(((_p = props.devSettings.currentUser) === null || _p === void 0 ? void 0 : _p.userEmail) || ""), exportCSVEmail = _154[0], setExportCSVEmail = _154[1];
-    var _155 = (0, react_1.useState)(((_r = (_q = props.organise) === null || _q === void 0 ? void 0 : _q.exportSettings) === null || _r === void 0 ? void 0 : _r.defaultExportPDFName) || ""), exportPDFTitle = _155[0], setExportPDFTitle = _155[1];
-    var _156 = (0, react_1.useState)(false), exportPDFLoading = _156[0], setExportPDFLoading = _156[1];
-    var _157 = (0, react_1.useState)(false), exportReadPDFLoading = _157[0], setExportReadPDFLoading = _157[1];
-    var _158 = (0, react_1.useState)((_u = (_t = (_s = props.organise) === null || _s === void 0 ? void 0 : _s.exportSettings) === null || _t === void 0 ? void 0 : _t.sumColumnId) !== null && _u !== void 0 ? _u : []), exportSumAttributeIds = _158[0], setExportSumAttributeIds = _158[1];
-    var _159 = (0, react_1.useState)((_x = (_w = (_v = props.organise) === null || _v === void 0 ? void 0 : _v.exportSettings) === null || _w === void 0 ? void 0 : _w.hideSubItems) !== null && _x !== void 0 ? _x : false), hideSubItems = _159[0], setHideSubItems = _159[1];
-    var _160 = (0, react_1.useState)([]), importTableData = _160[0], setImportTableData = _160[1];
-    var _161 = (0, react_1.useState)([]), queryList = _161[0], setQueryList = _161[1];
-    var _162 = (0, react_1.useState)(undefined), allQueryList = _162[0], setAllQueryList = _162[1];
-    var _163 = (0, react_1.useState)(-1), queryIndex = _163[0], setQueryIndex = _163[1];
-    var _164 = (0, react_1.useState)((_y = props.organise) === null || _y === void 0 ? void 0 : _y.groupBy), groupId = _164[0], setGroupId = _164[1];
+    var _150 = (0, react_1.useState)(null), csvFile = _150[0], setCSVFile = _150[1];
+    var _151 = (0, react_1.useState)([]), csvFileData = _151[0], setCSVFileData = _151[1];
+    var _152 = (0, react_1.useState)(0), stepCSVIndex = _152[0], setStepCSVIndex = _152[1];
+    var _153 = (0, react_1.useState)({}), listCSVMapAttribute = _153[0], setListCSVMapAttribute = _153[1];
+    var _154 = (0, react_1.useState)({}), listCSVObjAttribute = _154[0], setListCSVObjAttribute = _154[1];
+    var _155 = (0, react_1.useState)([]), csvAPIAttribute = _155[0], setCSVAPIAttribute = _155[1];
+    var _156 = (0, react_1.useState)(((_p = props.devSettings.currentUser) === null || _p === void 0 ? void 0 : _p.userEmail) || ""), exportCSVEmail = _156[0], setExportCSVEmail = _156[1];
+    var _157 = (0, react_1.useState)(((_r = (_q = props.organise) === null || _q === void 0 ? void 0 : _q.exportSettings) === null || _r === void 0 ? void 0 : _r.defaultExportPDFName) || ""), exportPDFTitle = _157[0], setExportPDFTitle = _157[1];
+    var _158 = (0, react_1.useState)(false), exportPDFLoading = _158[0], setExportPDFLoading = _158[1];
+    var _159 = (0, react_1.useState)(false), exportReadPDFLoading = _159[0], setExportReadPDFLoading = _159[1];
+    var _160 = (0, react_1.useState)((_u = (_t = (_s = props.organise) === null || _s === void 0 ? void 0 : _s.exportSettings) === null || _t === void 0 ? void 0 : _t.sumColumnId) !== null && _u !== void 0 ? _u : []), exportSumAttributeIds = _160[0], setExportSumAttributeIds = _160[1];
+    var _161 = (0, react_1.useState)((_x = (_w = (_v = props.organise) === null || _v === void 0 ? void 0 : _v.exportSettings) === null || _w === void 0 ? void 0 : _w.hideSubItems) !== null && _x !== void 0 ? _x : false), hideSubItems = _161[0], setHideSubItems = _161[1];
+    var _162 = (0, react_1.useState)([]), importTableData = _162[0], setImportTableData = _162[1];
+    var _163 = (0, react_1.useState)([]), queryList = _163[0], setQueryList = _163[1];
+    var _164 = (0, react_1.useState)(undefined), allQueryList = _164[0], setAllQueryList = _164[1];
+    var _165 = (0, react_1.useState)(-1), queryIndex = _165[0], setQueryIndex = _165[1];
+    // INFO: a restored state wins over the prop; its "" is a list the user
+    // ungrouped, so it opens ungrouped
+    var _166 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.groupBy) !== undefined
+        ? persistedState.groupBy || undefined
+        : (_y = props.organise) === null || _y === void 0 ? void 0 : _y.groupBy), groupId = _166[0], setGroupId = _166[1];
     // INFO: Monday-board per-group paging. Keyed by the group key that
     // handleBuildNewTableGroups() produces (a list option or "Unknown/No Value").
     // Each group tracks its own loaded cursor + total so it can lazily load its
     // next page as the user scrolls inside that band, independent of every other
     // group. Only used when renderCheckGroupPaging() is true.
-    var _165 = (0, react_1.useState)({}), groupPageState = _165[0], setGroupPageState = _165[1];
+    var _167 = (0, react_1.useState)({}), groupPageState = _167[0], setGroupPageState = _167[1];
     // INFO: read fresh inside the async per-group fetch so chained scroll fires
     // in one tick do not re-fetch an already in-flight page.
     var groupPageStateRef = (0, react_1.useRef)({});
@@ -491,59 +502,59 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     // list was re-read (new search, filter, sort or grouping) is dropped on
     // arrival instead of appending rows that belong to the old list
     var groupPagingGenRef = (0, react_1.useRef)(0);
-    var _166 = (0, react_1.useState)(""), readTabSection = _166[0], setReadTabSection = _166[1];
-    var _167 = (0, react_1.useState)(false), readFloatingNav = _167[0], setReadFloatingNav = _167[1];
+    var _168 = (0, react_1.useState)(""), readTabSection = _168[0], setReadTabSection = _168[1];
+    var _169 = (0, react_1.useState)(false), readFloatingNav = _169[0], setReadFloatingNav = _169[1];
     var readTabSectionRefs = (0, react_1.useRef)({});
     //INFO : Used by Read
     //INFO : Used by Update
-    var _168 = (0, react_1.useState)(false), modalVisible = _168[0], setModalVisible = _168[1];
-    var _169 = (0, react_1.useState)(false), deleteModal = _169[0], setDeleteModal = _169[1];
-    var _170 = (0, react_1.useState)(false), excelModal = _170[0], setExcelModal = _170[1];
-    var _171 = (0, react_1.useState)(false), exportExcel = _171[0], setExportExcel = _171[1];
-    var _172 = (0, react_1.useState)(""), exportType = _172[0], setExportType = _172[1];
-    var _173 = (0, react_1.useState)(false), exportQR = _173[0], setExportQR = _173[1];
-    var _174 = (0, react_1.useState)(function () {
+    var _170 = (0, react_1.useState)(false), modalVisible = _170[0], setModalVisible = _170[1];
+    var _171 = (0, react_1.useState)(false), deleteModal = _171[0], setDeleteModal = _171[1];
+    var _172 = (0, react_1.useState)(false), excelModal = _172[0], setExcelModal = _172[1];
+    var _173 = (0, react_1.useState)(false), exportExcel = _173[0], setExportExcel = _173[1];
+    var _174 = (0, react_1.useState)(""), exportType = _174[0], setExportType = _174[1];
+    var _175 = (0, react_1.useState)(false), exportQR = _175[0], setExportQR = _175[1];
+    var _176 = (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 = _174[0], setActiveTab = _174[1];
-    var _175 = (0, react_1.useState)(false), signatureSigning = _175[0], setSignatureSigning = _175[1];
-    var _176 = (0, react_1.useState)({}), selectedData = _176[0], setSelectedData = _176[1];
-    var _177 = (0, react_1.useState)(""), selectedObjectStructureId = _177[0], setSelectedObjectStructureId = _177[1];
-    var _178 = (0, react_1.useState)(""), selectedObjectId = _178[0], setSelectedObjectId = _178[1];
-    var _179 = (0, react_1.useState)(""), selectedListAddressId = _179[0], setSelectedListAddressId = _179[1];
-    var _180 = (0, react_1.useState)(-1), selectedListAddressIndex = _180[0], setSelectedListAddressIndex = _180[1];
-    var _181 = (0, react_1.useState)({
+    }), activeTab = _176[0], setActiveTab = _176[1];
+    var _177 = (0, react_1.useState)(false), signatureSigning = _177[0], setSignatureSigning = _177[1];
+    var _178 = (0, react_1.useState)({}), selectedData = _178[0], setSelectedData = _178[1];
+    var _179 = (0, react_1.useState)(""), selectedObjectStructureId = _179[0], setSelectedObjectStructureId = _179[1];
+    var _180 = (0, react_1.useState)(""), selectedObjectId = _180[0], setSelectedObjectId = _180[1];
+    var _181 = (0, react_1.useState)(""), selectedListAddressId = _181[0], setSelectedListAddressId = _181[1];
+    var _182 = (0, react_1.useState)(-1), selectedListAddressIndex = _182[0], setSelectedListAddressIndex = _182[1];
+    var _183 = (0, react_1.useState)({
         lat: 0,
         lng: 0,
         name: "",
-    }), selectedListAddress = _181[0], setSelectedListAddress = _181[1];
-    var _182 = (0, react_1.useState)({}), selectedObjectData = _182[0], setSelectedObjectData = _182[1];
-    var _183 = (0, react_1.useState)(null), objectCellEdit = _183[0], setObjectCellEdit = _183[1];
-    var _184 = (0, react_1.useState)(false), referenceLoading = _184[0], setReferenceLoading = _184[1];
-    var _185 = (0, react_1.useState)({}), referencesOptions = _185[0], setReferencesOptions = _185[1];
-    var _186 = (0, react_1.useState)({}), referencesDetails = _186[0], setReferencesDetails = _186[1];
-    var _187 = (0, react_1.useState)({}), listReferencesOptions = _187[0], setListReferencesOptions = _187[1];
-    var _188 = (0, react_1.useState)({}), referenceDeleteTableData = _188[0], setReferenceDeleteTableData = _188[1];
-    var _189 = (0, react_1.useState)([]), relatedSections = _189[0], setRelatedSections = _189[1];
-    var _190 = (0, react_1.useState)(0), referenceDeleteIndex = _190[0], setReferenceDeleteIndex = _190[1];
-    var _191 = (0, react_1.useState)({
+    }), selectedListAddress = _183[0], setSelectedListAddress = _183[1];
+    var _184 = (0, react_1.useState)({}), selectedObjectData = _184[0], setSelectedObjectData = _184[1];
+    var _185 = (0, react_1.useState)(null), objectCellEdit = _185[0], setObjectCellEdit = _185[1];
+    var _186 = (0, react_1.useState)(false), referenceLoading = _186[0], setReferenceLoading = _186[1];
+    var _187 = (0, react_1.useState)({}), referencesOptions = _187[0], setReferencesOptions = _187[1];
+    var _188 = (0, react_1.useState)({}), referencesDetails = _188[0], setReferencesDetails = _188[1];
+    var _189 = (0, react_1.useState)({}), listReferencesOptions = _189[0], setListReferencesOptions = _189[1];
+    var _190 = (0, react_1.useState)({}), referenceDeleteTableData = _190[0], setReferenceDeleteTableData = _190[1];
+    var _191 = (0, react_1.useState)([]), relatedSections = _191[0], setRelatedSections = _191[1];
+    var _192 = (0, react_1.useState)(0), referenceDeleteIndex = _192[0], setReferenceDeleteIndex = _192[1];
+    var _193 = (0, react_1.useState)({
         id: "",
         name: "",
         type: "string",
-    }), referenceCreationModal = _191[0], setReferenceCreationModal = _191[1];
-    var _192 = (0, react_1.useState)({}), referenceModelSchema = _192[0], setReferenceSchema = _192[1];
-    var _193 = (0, react_1.useState)([]), kanbanChecked = _193[0], setKanbanChecked = _193[1];
+    }), referenceCreationModal = _193[0], setReferenceCreationModal = _193[1];
+    var _194 = (0, react_1.useState)({}), referenceModelSchema = _194[0], setReferenceSchema = _194[1];
+    var _195 = (0, react_1.useState)([]), kanbanChecked = _195[0], setKanbanChecked = _195[1];
     //INFO : Offline
-    var _194 = (0, react_1.useState)(0), offlineDataLength = _194[0], setOfflineDataLength = _194[1];
-    var _195 = (0, react_1.useState)(false), offlineModal = _195[0], setOfflineModal = _195[1];
+    var _196 = (0, react_1.useState)(0), offlineDataLength = _196[0], setOfflineDataLength = _196[1];
+    var _197 = (0, react_1.useState)(false), offlineModal = _197[0], setOfflineModal = _197[1];
     // INFO: live-stream state — driven by socket connection and navigator.onLine
-    var _196 = (0, react_1.useState)(false), isLive = _196[0], setIsLive = _196[1];
-    var _197 = (0, react_1.useState)(false), isLiveOffline = _197[0], setIsLiveOffline = _197[1];
+    var _198 = (0, react_1.useState)(false), isLive = _198[0], setIsLive = _198[1];
+    var _199 = (0, react_1.useState)(false), isLiveOffline = _199[0], setIsLiveOffline = _199[1];
     // INFO: true when navigator is offline — used to switch ReadQueryHoc between
     // server reads (online, full pagination) and IndexedDB reads (offline, cached data).
     // Independent of SSE status so it works even when bareSocketName is not set.
-    var _198 = (0, react_1.useState)(typeof navigator !== "undefined" ? !navigator.onLine : false), isNetworkOffline = _198[0], setIsNetworkOffline = _198[1];
+    var _200 = (0, react_1.useState)(typeof navigator !== "undefined" ? !navigator.onLine : false), isNetworkOffline = _200[0], setIsNetworkOffline = _200[1];
     var previousType = (0, react_1.useRef)(null);
     var previousSelectedData = (0, react_1.useRef)(null);
     var scrollSentinelRef = (0, react_1.useRef)(null);
@@ -760,7 +771,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var isSchemaHideMode = ((_10 = props.organise) === null || _10 === void 0 ? void 0 : _10.onChangeHide) ? true : false;
     // INFO: rows per page is a view setting the user can change, so it starts from
     // the persisted value and falls back to the consumer's limit
-    var _199 = (0, react_1.useState)((_12 = (_11 = (isPersistEnabled ? persistedState === null || persistedState === void 0 ? void 0 : persistedState.pageLimit : undefined)) !== null && _11 !== void 0 ? _11 : props.limit) !== null && _12 !== void 0 ? _12 : 10), pageLimit = _199[0], setPageLimit = _199[1];
+    var _201 = (0, react_1.useState)((_12 = (_11 = (isPersistEnabled ? persistedState === null || persistedState === void 0 ? void 0 : persistedState.pageLimit : undefined)) !== null && _11 !== void 0 ? _11 : props.limit) !== null && _12 !== void 0 ? _12 : 10), pageLimit = _201[0], setPageLimit = _201[1];
     var limit = pageLimit;
     var isSavedViewsEnabled = !!((_13 = props.organise) === null || _13 === void 0 ? void 0 : _13.savedViews) && resolvedType === "list";
     // INFO: an app that stores views takes over from this browser's storage, so
@@ -785,7 +796,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         setCursor("");
         setLastCursor("");
     };
-    var _200 = (0, permissions_1.handleResolveDataTemplateWritePermissions)(props.edit), canUpdateRecord = _200.canUpdateRecord, canInlineUpdate = _200.canInlineUpdate, canBatchUpdate = _200.canBatchUpdate, canDeleteRecord = _200.canDeleteRecord;
+    var _202 = (0, permissions_1.handleResolveDataTemplateWritePermissions)(props.edit), canUpdateRecord = _202.canUpdateRecord, canInlineUpdate = _202.canInlineUpdate, canBatchUpdate = _202.canBatchUpdate, canDeleteRecord = _202.canDeleteRecord;
     var isEditor = ((_17 = props.edit) === null || _17 === void 0 ? void 0 : _17.allEditable) ? true : false;
     var isOffline = (_18 = props.bareSettings) === null || _18 === void 0 ? void 0 : _18.bareOffline;
     // INFO: when bareOfflineNetworkAware is true, the save path is also gated on
@@ -1900,15 +1911,17 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         }); };
         // INFO : Set Updated Structure — skip on initial mount when persistViewState
         // restored column visibility/order from localStorage
-        if (!isPersistEnabled ||
-            !persistedState ||
-            persistedViewMountedRef.current) {
+        var isRestoringView = isPersistEnabled && !!persistedState && !persistedViewMountedRef.current;
+        if (!isRestoringView) {
             setStructure((_a = props.model) !== null && _a !== void 0 ? _a : []);
             schemaStructureRef.current = null;
         }
         persistedViewMountedRef.current = true;
         setAdditionalQuery((_c = (_b = props.organise) === null || _b === void 0 ? void 0 : _b.additionalQuery) !== null && _c !== void 0 ? _c : []);
-        setGroupId((_e = (_d = props.organise) === null || _d === void 0 ? void 0 : _d.groupBy) !== null && _e !== void 0 ? _e : "");
+        // INFO: the restored grouping is set at mount; a later change of the
+        // host's groupBy still applies
+        if (!isRestoringView)
+            setGroupId((_e = (_d = props.organise) === null || _d === void 0 ? void 0 : _d.groupBy) !== null && _e !== void 0 ? _e : "");
         setExportPDFTitle((_h = (_g = (_f = props.organise) === null || _f === void 0 ? void 0 : _f.exportSettings) === null || _g === void 0 ? void 0 : _g.defaultExportPDFName) !== null && _h !== void 0 ? _h : "");
         var currentTabProps = {
             id: props.id,
@@ -3243,10 +3256,20 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         return __generator(this, function (_f) {
             switch (_f.label) {
                 case 0:
-                    if (!(props.space && props.space.authDatabase)) return [3 /*break*/, 2];
-                    return [4 /*yield*/, (0, authModule_1.handleAuthMethods)(props.space, (_a = props.id) !== null && _a !== void 0 ? _a : "", (_b = props.lib) === null || _b === void 0 ? void 0 : _b.axios)];
+                    if (!(props.space && props.space.authDatabase)) return [3 /*break*/, 5];
+                    setAuthLoading(true);
+                    authProviders = null;
+                    _f.label = 1;
                 case 1:
+                    _f.trys.push([1, , 3, 4]);
+                    return [4 /*yield*/, (0, authModule_1.handleAuthMethods)(props.space, (_a = props.id) !== null && _a !== void 0 ? _a : "", (_b = props.lib) === null || _b === void 0 ? void 0 : _b.axios)];
+                case 2:
                     authProviders = _f.sent();
+                    return [3 /*break*/, 4];
+                case 3:
+                    setAuthLoading(false);
+                    return [7 /*endfinally*/];
+                case 4:
                     if (authProviders)
                         setAuthMethods(authProviders);
                     else
@@ -3257,8 +3280,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             disabled: false,
                             create: true,
                         });
-                    _f.label = 2;
-                case 2: return [2 /*return*/];
+                    _f.label = 5;
+                case 5: return [2 /*return*/];
             }
         });
     }); };
@@ -3539,7 +3562,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     }
                     createFirebaseUploadHandler_1 = function (collectionId, dataId, fieldId) {
                         return function (file, path) { return __awaiter(void 0, void 0, void 0, function () {
-                            var pathParts, filename, responseData, imageEndpoint, token, encodedPath, firebaseUrl, error_1;
+                            var pathParts, filename, responseData, imageEndpoint, token, error_1;
                             var _a, _b, _c, _d;
                             return __generator(this, function (_e) {
                                 switch (_e.label) {
@@ -3558,9 +3581,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                         else if ((_c = responseData === null || responseData === void 0 ? void 0 : responseData.data) === null || _c === void 0 ? void 0 : _c.data) {
                                             imageEndpoint = ((_d = props.devSettings) === null || _d === void 0 ? void 0 : _d.imageEndpoint) || devSettings.imageEndpoint;
                                             token = responseData.data.data;
-                                            encodedPath = encodeURIComponent(path);
-                                            firebaseUrl = "".concat(imageEndpoint).concat(encodedPath, "?alt=media&token=").concat(token);
-                                            return [2 /*return*/, firebaseUrl];
+                                            return [2 /*return*/, (0, blobModule_1.handleRenderUploadedFileLink)(imageEndpoint, path, token)];
                                         }
                                         throw new Error("No URL returned from upload");
                                     case 2:
@@ -3886,14 +3907,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                     if (!selectedField || !selectedField["remove"])
                                         return [2 /*return*/];
                                     return [4 /*yield*/, Promise.all(selectedField["remove"].map(function (eachField) { return __awaiter(void 0, void 0, void 0, function () {
-                                            var startIndex, endIndex, imageFileName, imageCollectionName, imageParentId;
+                                            var imageFileName, imageCollectionName, imageParentId;
                                             var _a, _b;
                                             return __generator(this, function (_c) {
                                                 switch (_c.label) {
                                                     case 0:
-                                                        startIndex = eachField.fileName.lastIndexOf("%2F") + 3;
-                                                        endIndex = eachField.fileName.indexOf("?alt=media&token=");
-                                                        imageFileName = eachField.fileName.substring(startIndex, endIndex);
+                                                        imageFileName = (0, blobModule_1.handleReadLinkFileName)(eachField.fileName);
                                                         imageCollectionName = (_a = eachImage.imageCollectionName) !== null && _a !== void 0 ? _a : "";
                                                         if (objectId) {
                                                             imageCollectionName += "/".concat(dataId);
@@ -4230,14 +4249,20 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         return __generator(this, function (_f) {
             switch (_f.label) {
                 case 0:
-                    _f.trys.push([0, 16, , 17]);
+                    if (deletingRef.current)
+                        return [2 /*return*/];
+                    deletingRef.current = true;
+                    setDeleting(true);
+                    _f.label = 1;
+                case 1:
+                    _f.trys.push([1, 17, 18, 19]);
                     setLoading(true);
                     setModalVisible(true);
                     passcodeMatch = deletePasscodeInput === deletePasscode;
-                    if (!passcodeMatch) return [3 /*break*/, 14];
-                    if (!((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareOffline)) return [3 /*break*/, 3];
+                    if (!passcodeMatch) return [3 /*break*/, 15];
+                    if (!((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareOffline)) return [3 /*break*/, 4];
                     return [4 /*yield*/, indexedDb_1.indexedDb.getValue("local", props.collectionId)];
-                case 1:
+                case 2:
                     offlineDataResp = _f.sent();
                     offlineData = (_b = offlineDataResp === null || offlineDataResp === void 0 ? void 0 : offlineDataResp.data) !== null && _b !== void 0 ? _b : [];
                     filteredData = offlineData.filter(function (eachOfflineData) {
@@ -4247,31 +4272,31 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             data: filteredData,
                             type: props.collectionId,
                         })];
-                case 2:
-                    _f.sent();
-                    return [3 /*break*/, 13];
                 case 3:
+                    _f.sent();
+                    return [3 /*break*/, 14];
+                case 4:
                     ids = [];
                     notReferenceId = [];
-                    if (!selectAll) return [3 /*break*/, 7];
+                    if (!selectAll) return [3 /*break*/, 8];
                     query = renderImpSearchFilterConditions();
                     return [4 /*yield*/, readServerQuery.call({
                             type: "list",
                             query: query,
                             stopLimit: true,
                         })];
-                case 4:
+                case 5:
                     responseData = _f.sent();
                     return [4 /*yield*/, handleCheckDeleteReference((_c = responseData === null || responseData === void 0 ? void 0 : responseData.data) !== null && _c !== void 0 ? _c : [], true)];
-                case 5:
+                case 6:
                     notReferenceId = _f.sent();
                     return [4 /*yield*/, writeServerQuery.call("batchDelete", {
                             id: notReferenceId,
                         })];
-                case 6:
+                case 7:
                     ids = _f.sent();
-                    return [3 /*break*/, 11];
-                case 7: return [4 /*yield*/, readServerQuery.call({
+                    return [3 /*break*/, 12];
+                case 8: return [4 /*yield*/, readServerQuery.call({
                         type: "list",
                         query: [
                             {
@@ -4282,18 +4307,18 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         ],
                         stopLimit: true,
                     })];
-                case 8:
+                case 9:
                     responseData = _f.sent();
                     return [4 /*yield*/, handleCheckDeleteReference((_d = responseData === null || responseData === void 0 ? void 0 : responseData.data) !== null && _d !== void 0 ? _d : [], true)];
-                case 9:
+                case 10:
                     notReferenceId = _f.sent();
                     return [4 /*yield*/, writeServerQuery.call("batchDelete", {
                             id: notReferenceId,
                         })];
-                case 10:
-                    ids = _f.sent();
-                    _f.label = 11;
                 case 11:
+                    ids = _f.sent();
+                    _f.label = 12;
+                case 12:
                     data = new FormData();
                     data.append("data[assetCollectionName]", props.collectionId);
                     data.append("data[assetParentId]", JSON.stringify(ids !== null && ids !== void 0 ? ids : []));
@@ -4308,13 +4333,13 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             url: "".concat(uploadEndpoint, "/batchDeleteDirectory"),
                             headers: { "Content-Type": "multipart/form-data" },
                         }))];
-                case 12:
+                case 13:
                     _f.sent();
                     if (mapViewRef.current)
                         mapViewRef.current.handleClearPolygons();
-                    _f.label = 13;
-                case 13: return [3 /*break*/, 15];
-                case 14:
+                    _f.label = 14;
+                case 14: return [3 /*break*/, 16];
+                case 15:
                     setNotification({
                         type: false,
                         title: "Incorrect Passcode",
@@ -4323,11 +4348,15 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     setLoading(false);
                     setModalVisible(false);
                     return [2 /*return*/];
-                case 15: return [3 /*break*/, 17];
-                case 16:
-                    err_12 = _f.sent();
-                    return [3 /*break*/, 17];
+                case 16: return [3 /*break*/, 19];
                 case 17:
+                    err_12 = _f.sent();
+                    return [3 /*break*/, 19];
+                case 18:
+                    deletingRef.current = false;
+                    setDeleting(false);
+                    return [7 /*endfinally*/];
+                case 19:
                     setDeletePasscodeInput("");
                     handleRefresh();
                     return [2 /*return*/];
@@ -4335,33 +4364,44 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         });
     }); };
     var handleRemoveSelectedData = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var deletable, selectedId_1, deleteIds, res, offlineDataResp, offlineData, selectedIndex_2, doc, err_13;
+        var deleted, deletable, selectedId_1, deleteIds, res, offlineDataResp, offlineData, selectedIndex_2, doc, err_13;
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         return __generator(this, function (_k) {
             switch (_k.label) {
                 case 0:
-                    _k.trys.push([0, 13, , 14]);
+                    if (deletingRef.current)
+                        return [2 /*return*/];
+                    deletingRef.current = true;
+                    setDeleting(true);
+                    // INFO: shown before the reference check, which reads other datasheets
+                    // first — without it the confirm sat still and invited a second tap
+                    setLoading(true);
+                    setModalVisible(true);
+                    deleted = false;
+                    _k.label = 1;
+                case 1:
+                    _k.trys.push([1, 14, 15, 16]);
                     deletable = true;
                     selectedId_1 = deleteFeedId || props.id;
                     return [4 /*yield*/, handleCheckDeleteReference([selectedData])];
-                case 1:
+                case 2:
                     deleteIds = _k.sent();
                     if (deleteIds && deleteIds.length <= 0)
                         deletable = false;
-                    if (!(deletable && ((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareUpdateHandlePreComplete))) return [3 /*break*/, 3];
+                    if (!(deletable && ((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareUpdateHandlePreComplete))) return [3 /*break*/, 4];
                     return [4 /*yield*/, props.bareSettings.bareUpdateHandlePreComplete({}, handleResolveRawData())];
-                case 2:
-                    deletable = _k.sent();
-                    _k.label = 3;
                 case 3:
-                    if (!(selectedId_1 && deletable)) return [3 /*break*/, 12];
+                    deletable = _k.sent();
+                    _k.label = 4;
+                case 4:
+                    if (!(selectedId_1 && deletable)) return [3 /*break*/, 13];
                     setLoading(true);
                     setModalVisible(true);
                     setDeleteModal(true);
                     res = void 0;
-                    if (!((_b = props.bareSettings) === null || _b === void 0 ? void 0 : _b.bareOffline)) return [3 /*break*/, 6];
+                    if (!((_b = props.bareSettings) === null || _b === void 0 ? void 0 : _b.bareOffline)) return [3 /*break*/, 7];
                     return [4 /*yield*/, indexedDb_1.indexedDb.getValue("local", props.collectionId)];
-                case 4:
+                case 5:
                     offlineDataResp = _k.sent();
                     offlineData = (_c = offlineDataResp === null || offlineDataResp === void 0 ? void 0 : offlineDataResp.data) !== null && _c !== void 0 ? _c : [];
                     selectedIndex_2 = -1;
@@ -4394,41 +4434,51 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             data: offlineData,
                             type: props.collectionId,
                         })];
-                case 5:
+                case 6:
                     _k.sent();
                     res = true;
-                    return [3 /*break*/, 9];
-                case 6: return [4 /*yield*/, handleRemoveImage((_d = devSettings.bucketName) !== null && _d !== void 0 ? _d : "")];
-                case 7:
+                    return [3 /*break*/, 10];
+                case 7: return [4 /*yield*/, handleRemoveImage((_d = devSettings.bucketName) !== null && _d !== void 0 ? _d : "")];
+                case 8:
                     _k.sent();
                     return [4 /*yield*/, writeServerQuery.call("delete", { id: selectedId_1 })];
-                case 8:
-                    res = _k.sent();
-                    _k.label = 9;
                 case 9:
-                    if (!res) return [3 /*break*/, 12];
-                    if (!((_e = props.bareSettings) === null || _e === void 0 ? void 0 : _e.bareUpdateHandlePostComplete)) return [3 /*break*/, 11];
-                    return [4 /*yield*/, props.bareSettings.bareUpdateHandlePostComplete({}, handleResolveRawData())];
+                    res = _k.sent();
+                    _k.label = 10;
                 case 10:
-                    _k.sent();
-                    _k.label = 11;
+                    if (!res) return [3 /*break*/, 13];
+                    if (!((_e = props.bareSettings) === null || _e === void 0 ? void 0 : _e.bareUpdateHandlePostComplete)) return [3 /*break*/, 12];
+                    return [4 /*yield*/, props.bareSettings.bareUpdateHandlePostComplete({}, handleResolveRawData())];
                 case 11:
+                    _k.sent();
+                    _k.label = 12;
+                case 12:
+                    deleted = true;
                     if (selectedTab) {
                         (_g = (_f = props.organise) === null || _f === void 0 ? void 0 : _f.handleNavigate) === null || _g === void 0 ? void 0 : _g.call(_f, "list", "", selectedTab.id);
                     }
                     else
                         (_j = (_h = props.organise) === null || _h === void 0 ? void 0 : _h.handleNavigate) === null || _j === void 0 ? void 0 : _j.call(_h, "list", "", "general");
-                    _k.label = 12;
-                case 12: return [3 /*break*/, 14];
-                case 13:
+                    _k.label = 13;
+                case 13: return [3 /*break*/, 16];
+                case 14:
                     err_13 = _k.sent();
                     setDeleteModal(false);
                     setDeleteFeedId("");
-                    return [3 /*break*/, 14];
-                case 14:
+                    return [3 /*break*/, 16];
+                case 15:
+                    // INFO: released here so an early return (offline refusal) cannot leave
+                    // delete blocked
+                    deletingRef.current = false;
+                    setDeleting(false);
+                    return [7 /*endfinally*/];
+                case 16:
                     setLoading(false);
                     setDeleteModal(false);
                     setModalVisible(false);
+                    // INFO: the list it returns to still held the deleted row
+                    if (deleted)
+                        handleRefresh();
                     return [2 /*return*/];
             }
         });
@@ -7756,7 +7806,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     })) })) }));
     };
     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, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46;
         var isBottom = ((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareUpdateActionBottom) ? true : false;
         var tabs = renderTabs();
         var pages = [
@@ -7804,12 +7854,14 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         ((_m = props.bareSettings) === null || _m === void 0 ? void 0 : _m.bareUpdateActionTop) &&
                             !selectedRelated &&
                             renderReadBar(),
-                        anyAuthMethod && (react_1.default.createElement("div", { className: "bg-primary-100 text-gray-700 mt-3 px-5 py-3 rounded" }, renderAuthContent())),
+                        (anyAuthMethod ||
+                            (authLoading && ((_o = props.space) === null || _o === void 0 ? void 0 : _o.authDatabase))) && (react_1.default.createElement("div", { className: "bg-primary-100 text-gray-700 mt-3 px-5 py-3 rounded" }, authLoading ? (react_1.default.createElement("div", { className: "flex justify-center py-1", "data-testid": "dtw-auth-loading" },
+                            react_1.default.createElement(loading_1.Loading, { sizeClassName: "h-6 w-6" }))) : (renderAuthContent()))),
                         react_1.default.createElement("div", { ref: exportReadPDFRef },
-                            selectedRelated ? (react_1.default.createElement(relatedRecords_1.RelatedRecords, { key: "".concat(props.id, "-").concat(selectedRelated.id), source: selectedRelated.source, recordId: (_o = props.id) !== null && _o !== void 0 ? _o : "", renderList: renderRelatedList })) : (!((_p = props.bareSettings) === null || _p === void 0 ? void 0 : _p.bareReadComponentHide) && (react_1.default.createElement("div", null, renderTabContent(tabs, resolvedType, viewType)))),
-                            ((_q = props.bareSettings) === null || _q === void 0 ? void 0 : _q.bareReadComponentPos) !== "top" &&
+                            selectedRelated ? (react_1.default.createElement(relatedRecords_1.RelatedRecords, { key: "".concat(props.id, "-").concat(selectedRelated.id), source: selectedRelated.source, recordId: (_p = props.id) !== null && _p !== void 0 ? _p : "", renderList: renderRelatedList })) : (!((_q = props.bareSettings) === null || _q === void 0 ? void 0 : _q.bareReadComponentHide) && (react_1.default.createElement("div", null, renderTabContent(tabs, resolvedType, viewType)))),
+                            ((_r = props.bareSettings) === null || _r === void 0 ? void 0 : _r.bareReadComponentPos) !== "top" &&
                                 renderBareReadComp()),
-                        !((_r = props.bareSettings) === null || _r === void 0 ? void 0 : _r.bareUpdateActionTop) &&
+                        !((_s = props.bareSettings) === null || _s === void 0 ? void 0 : _s.bareUpdateActionTop) &&
                             !selectedRelated &&
                             renderReadBar()))));
             case "update":
@@ -7821,12 +7873,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     });
                 }
                 pages.push({
-                    name: (_u = selectedData === null || selectedData === void 0 ? void 0 : selectedData[(_t = (_s = props.organise) === null || _s === void 0 ? void 0 : _s.breadcrumbAttributeId) !== null && _t !== void 0 ? _t : serverId]) !== null && _u !== void 0 ? _u : (props.id ? props.id : "new"),
+                    name: (_v = selectedData === null || selectedData === void 0 ? void 0 : selectedData[(_u = (_t = props.organise) === null || _t === void 0 ? void 0 : _t.breadcrumbAttributeId) !== null && _u !== void 0 ? _u : serverId]) !== null && _v !== void 0 ? _v : (props.id ? props.id : "new"),
                     href: "#",
                     current: true,
                 });
                 var filterModel_1 = [];
-                var disabledOnEnter_1 = (_w = (_v = props.organise) === null || _v === void 0 ? void 0 : _v.disabledOnEnter) !== null && _w !== void 0 ? _w : false;
+                var disabledOnEnter_1 = (_x = (_w = props.organise) === null || _w === void 0 ? void 0 : _w.disabledOnEnter) !== null && _x !== void 0 ? _x : false;
                 structure.map(function (eachModel) {
                     var _a;
                     var present = false;
@@ -7939,12 +7991,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         }
                     }
                 };
-                var hasTabAlign_1 = ((_x = props.organise) === null || _x === void 0 ? void 0 : _x.tabAlign) || ((_y = props.space) === null || _y === void 0 ? void 0 : _y.tabAlign);
-                var leftTabAlign = ((_z = props.organise) === null || _z === void 0 ? void 0 : _z.tabAlign) === "left" ||
-                    ((_0 = props.space) === null || _0 === void 0 ? void 0 : _0.tabAlign) === "left";
-                var topTabAlign = ((_1 = props.organise) === null || _1 === void 0 ? void 0 : _1.tabAlign) === "top" || ((_2 = props.space) === null || _2 === void 0 ? void 0 : _2.tabAlign) === "top";
-                var stepperTabAlign = ((_3 = props.organise) === null || _3 === void 0 ? void 0 : _3.tabAlign) === "stepper" ||
-                    ((_4 = props.space) === null || _4 === void 0 ? void 0 : _4.tabAlign) === "stepper";
+                var hasTabAlign_1 = ((_y = props.organise) === null || _y === void 0 ? void 0 : _y.tabAlign) || ((_z = props.space) === null || _z === void 0 ? void 0 : _z.tabAlign);
+                var leftTabAlign = ((_0 = props.organise) === null || _0 === void 0 ? void 0 : _0.tabAlign) === "left" ||
+                    ((_1 = props.space) === null || _1 === void 0 ? void 0 : _1.tabAlign) === "left";
+                var topTabAlign = ((_2 = props.organise) === null || _2 === void 0 ? void 0 : _2.tabAlign) === "top" || ((_3 = props.space) === null || _3 === void 0 ? void 0 : _3.tabAlign) === "top";
+                var stepperTabAlign = ((_4 = props.organise) === null || _4 === void 0 ? void 0 : _4.tabAlign) === "stepper" ||
+                    ((_5 = props.space) === null || _5 === void 0 ? void 0 : _5.tabAlign) === "stepper";
                 var uniqueTabIds_2 = Array.from(new Set(filterModel_1
                     .map(function (item) { return item.tabId; })
                     .filter(function (id) { return id !== undefined; })));
@@ -7953,7 +8005,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 if (shouldIncludeOthers) {
                     uniqueTabIds_2.push("");
                 }
-                var customTabComponent_1 = (_7 = (_6 = (_5 = props.bareSettings) === null || _5 === void 0 ? void 0 : _5.bareUpdateTabComponent) === null || _6 === void 0 ? void 0 : _6.call(_5, uniqueTabIds_2)) !== null && _7 !== void 0 ? _7 : [];
+                var customTabComponent_1 = (_8 = (_7 = (_6 = props.bareSettings) === null || _6 === void 0 ? void 0 : _6.bareUpdateTabComponent) === null || _7 === void 0 ? void 0 : _7.call(_6, uniqueTabIds_2)) !== null && _8 !== void 0 ? _8 : [];
                 var stepperSteps = uniqueTabIds_2.map(function (eachTabId) {
                     var _a, _b;
                     var customTabMatch = customTabComponent_1.find(function (eachTab) { return eachTab.tabId === eachTabId; });
@@ -7988,7 +8040,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     props.id && props.id !== "new" && structure.length >= 1 && (react_1.default.createElement(readQueryHoc_1.ReadQueryHoc, { ref: readQueryHocRef, database: {
                             dbModule: dbModule,
                             dbType: devSettings.server,
-                            dbCollection: (_9 = (_8 = props === null || props === void 0 ? void 0 : props.space) === null || _8 === void 0 ? void 0 : _8.pipelineDefaultSpaceId) !== null && _9 !== void 0 ? _9 : props.collectionId,
+                            dbCollection: (_10 = (_9 = props === null || props === void 0 ? void 0 : props.space) === null || _9 === void 0 ? void 0 : _9.pipelineDefaultSpaceId) !== null && _10 !== void 0 ? _10 : props.collectionId,
                             dbEndpoint: devSettings.dbEndpoint,
                             dbAPIToken: devSettings.dbAPIToken,
                             dbUserToken: devSettings.dbUserToken,
@@ -7996,11 +8048,11 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             type: "get",
                             id: props.id,
                             pipeline: pipeline,
-                        }, offline: ((_10 = props.bareSettings) === null || _10 === void 0 ? void 0 : _10.bareOffline) && isNetworkOffline, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError })),
+                        }, offline: ((_11 = props.bareSettings) === null || _11 === void 0 ? void 0 : _11.bareOffline) && isNetworkOffline, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError })),
                     renderBreadcrumb(pages),
                     react_1.default.createElement("div", { className: "flex flex-col py-2 sm:items-center sm:flex-row" },
                         (props.title || props.description) && (react_1.default.createElement("div", { className: "flex flex-col w-full" },
-                            props.title && (react_1.default.createElement("p", { className: "text-xl font-medium ".concat(((_11 = props.organise) === null || _11 === void 0 ? void 0 : _11.darkMode) ? "text-white" : "") }, props.title)),
+                            props.title && (react_1.default.createElement("p", { className: "text-xl font-medium ".concat(((_12 = props.organise) === null || _12 === void 0 ? void 0 : _12.darkMode) ? "text-white" : "") }, props.title)),
                             props.description && (react_1.default.createElement("span", { className: "text-sm text-gray-500" }, props.description)))),
                         (!isBottom || hasTabAlign_1 || resolvedType === "update") &&
                             renderActionButtons(resolvedType, hasTabAlign_1, uniqueTabIds_2)),
@@ -8019,10 +8071,10 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                     var tabId = uniqueTabIds_2[stepIndex];
                                     handleUpdateTabId(tabId);
                                 } })),
-                            ((_12 = props.bareSettings) === null || _12 === void 0 ? void 0 : _12.bareUpdateComponentAbove) &&
-                                ((_13 = props.bareSettings) === null || _13 === void 0 ? void 0 : _13.bareUpdateComponent) &&
-                                ((_14 = props.bareSettings) === null || _14 === void 0 ? void 0 : _14.bareUpdateComponent(selectedData, handleResolveRawData())),
-                            ((_15 = props.bareSettings) === null || _15 === void 0 ? void 0 : _15.bareUpdateActionTop) &&
+                            ((_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, handleResolveRawData())),
+                            ((_16 = props.bareSettings) === null || _16 === void 0 ? void 0 : _16.bareUpdateActionTop) &&
                                 renderStepBar(uniqueTabIds_2),
                             react_1.default.createElement(form_1.Form, { className: "mt-6", ref: formRef, refList: __spreadArray(__spreadArray([], modalFormInputRefs, true), flexTableRefs, true), handleComplete: handleSubmit, disabledOnEnter: disabledOnEnter_1, handleOnFailValidation: handleOnFailValidation },
                                 uniqueTabIds_2.map(function (tabId) {
@@ -8044,8 +8096,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                             ((_c = (_b = props.organise) === null || _b === void 0 ? void 0 : _b.tabDescriptions) === null || _c === void 0 ? void 0 : _c[tabId]) && (react_1.default.createElement("p", { className: "text-sm mt-0.5 ".concat(((_d = props.organise) === null || _d === void 0 ? void 0 : _d.darkMode) ? "text-gray-400" : "text-gray-500") }, props.organise.tabDescriptions[tabId])))),
                                         renderDataTemplateFormContent(selectedData, filterByTab, modalFormInputRefs, false, false, undefined, undefined)));
                                 }),
-                                !((_16 = props.bareSettings) === null || _16 === void 0 ? void 0 : _16.bareUpdateComponentAbove) &&
-                                    ((_17 = props.bareSettings) === null || _17 === void 0 ? void 0 : _17.bareUpdateComponent) && (
+                                !((_17 = props.bareSettings) === null || _17 === void 0 ? void 0 : _17.bareUpdateComponentAbove) &&
+                                    ((_18 = props.bareSettings) === null || _18 === void 0 ? void 0 : _18.bareUpdateComponent) && (
                                 // INFO: the form is a grid-cols-12. A child with no column span is one
                                 // column, and a grid item cannot shrink below its longest word, so on a
                                 // phone it wraps one word per line. `contents` takes this wrapper out of
@@ -8055,20 +8107,20 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                 react_1.default.createElement("div", { className: "contents [&>*:not([class*=col-span])]:col-span-12" }, props.bareSettings.bareUpdateComponent(selectedData, handleResolveRawData())))),
                             react_1.default.createElement("div", { className: "mt-8" }, renderListAddress(resolvedType)),
                             react_1.default.createElement("div", { className: "mt-8" }, renderListObject(resolvedType)),
-                            !((_18 = props.bareSettings) === null || _18 === void 0 ? void 0 : _18.bareUpdateActionTop) &&
+                            !((_19 = props.bareSettings) === null || _19 === void 0 ? void 0 : _19.bareUpdateActionTop) &&
                                 renderStepBar(uniqueTabIds_2),
                             isBottom &&
                                 resolvedType !== "update" &&
                                 renderActionButtons(resolvedType, hasTabAlign_1, uniqueTabIds_2)))) : (react_1.default.createElement("div", null,
-                        ((_19 = props.bareSettings) === null || _19 === void 0 ? void 0 : _19.bareUpdateComponentAbove) &&
-                            ((_20 = props.bareSettings) === null || _20 === void 0 ? void 0 : _20.bareUpdateComponent) &&
-                            ((_21 = props.bareSettings) === null || _21 === void 0 ? void 0 : _21.bareUpdateComponent(selectedData, handleResolveRawData())),
-                        ((_22 = props.bareSettings) === null || _22 === void 0 ? void 0 : _22.bareUpdateActionTop) &&
+                        ((_20 = props.bareSettings) === null || _20 === void 0 ? void 0 : _20.bareUpdateComponentAbove) &&
+                            ((_21 = props.bareSettings) === null || _21 === void 0 ? void 0 : _21.bareUpdateComponent) &&
+                            ((_22 = props.bareSettings) === null || _22 === void 0 ? void 0 : _22.bareUpdateComponent(selectedData, handleResolveRawData())),
+                        ((_23 = props.bareSettings) === null || _23 === void 0 ? void 0 : _23.bareUpdateActionTop) &&
                             renderStepBar(uniqueTabIds_2),
                         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),
-                            !((_23 = props.bareSettings) === null || _23 === void 0 ? void 0 : _23.bareUpdateComponentAbove) &&
-                                ((_24 = props.bareSettings) === null || _24 === void 0 ? void 0 : _24.bareUpdateComponent) && (
+                            !((_24 = props.bareSettings) === null || _24 === void 0 ? void 0 : _24.bareUpdateComponentAbove) &&
+                                ((_25 = props.bareSettings) === null || _25 === void 0 ? void 0 : _25.bareUpdateComponent) && (
                             // INFO: the form is a grid-cols-12. A child with no column span is one
                             // column, and a grid item cannot shrink below its longest word, so on a
                             // phone it wraps one word per line. `contents` takes this wrapper out of
@@ -8078,7 +8130,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             react_1.default.createElement("div", { className: "contents [&>*:not([class*=col-span])]:col-span-12" }, props.bareSettings.bareUpdateComponent(selectedData, handleResolveRawData())))),
                         react_1.default.createElement("div", { className: "mt-8" }, renderListAddress(resolvedType)),
                         react_1.default.createElement("div", { className: "mt-8" }, renderListObject(resolvedType)),
-                        !((_25 = props.bareSettings) === null || _25 === void 0 ? void 0 : _25.bareUpdateActionTop) &&
+                        !((_26 = props.bareSettings) === null || _26 === void 0 ? void 0 : _26.bareUpdateActionTop) &&
                             renderStepBar(uniqueTabIds_2)))));
             case "list":
             case "union":
@@ -8087,20 +8139,20 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 var actionComponent = renderActionButtons(resolvedType);
                 // INFO: active flex filter count for the icon badge + floating search.
                 // Counts query output so the badge matches what's actually filtered.
-                var activeFlexFilterCount_1 = ((_26 = props.bareSettings) === null || _26 === void 0 ? void 0 : _26.bareFlexFilters)
+                var activeFlexFilterCount_1 = ((_27 = props.bareSettings) === null || _27 === void 0 ? void 0 : _27.bareFlexFilters)
                     ? (0, listModule_1.renderFlexFilterConditions)(flexFilters, structure).length
                     : 0;
                 var listReadQueryHOC = (react_1.default.createElement(readQueryHoc_1.ReadQueryHoc, { ref: listRQueryHocRef, database: {
                         dbModule: dbModule,
                         dbType: devSettings.server,
-                        dbCollection: (_28 = (_27 = props === null || props === void 0 ? void 0 : props.space) === null || _27 === void 0 ? void 0 : _27.pipelineDefaultSpaceId) !== null && _28 !== void 0 ? _28 : props.collectionId,
+                        dbCollection: (_29 = (_28 = props === null || props === void 0 ? void 0 : props.space) === null || _28 === void 0 ? void 0 : _28.pipelineDefaultSpaceId) !== null && _29 !== void 0 ? _29 : props.collectionId,
                         dbEndpoint: devSettings.dbEndpoint,
                         dbAPIToken: devSettings.dbAPIToken,
                         dbUserToken: devSettings.dbUserToken,
-                    }, cond: handleReadQueryHocCond(), offline: ((_29 = props.bareSettings) === null || _29 === void 0 ? void 0 : _29.bareOffline) && isNetworkOffline, onChangeData: function (data, cond) {
+                    }, cond: handleReadQueryHocCond(), offline: ((_30 = props.bareSettings) === null || _30 === void 0 ? void 0 : _30.bareOffline) && isNetworkOffline, onChangeData: function (data, cond) {
                         handleGetListData(data, "", "", cond);
                     }, onError: handleGetItemError }));
-                if ((_30 = props.renderSettings) === null || _30 === void 0 ? void 0 : _30.renderListUI) {
+                if ((_31 = props.renderSettings) === null || _31 === void 0 ? void 0 : _31.renderListUI) {
                     return (react_1.default.createElement(react_1.default.Fragment, null,
                         listReadQueryHOC,
                         props.renderSettings.renderListUI(actionComponent, filterComponent_1, dataComponent)));
@@ -8312,47 +8364,47 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 };
                 return (react_1.default.createElement(react_1.default.Fragment, null,
                     listReadQueryHOC,
-                    react_1.default.createElement("div", { className: "flex py-2 ".concat(((_31 = props.bareSettings) === null || _31 === void 0 ? void 0 : _31.bareCompactMode)
+                    react_1.default.createElement("div", { className: "flex py-2 ".concat(((_32 = props.bareSettings) === null || _32 === void 0 ? void 0 : _32.bareCompactMode)
                             ? // INFO: the grow spacer is hidden on phones (search lives in
                                 // the floating bar), so the row itself pushes the actions right
                                 "w-full flex-row flex-wrap sm:flex-nowrap items-end justify-between sm:justify-start"
                             : "flex-col md:items-end md:flex-row") },
                         (props.title || props.description) && (react_1.default.createElement("div", { className: "flex flex-col" },
                             props.title && (react_1.default.createElement("div", { className: "flex items-center gap-2" },
-                                react_1.default.createElement("p", { className: "text-xl font-medium ".concat(((_32 = props.organise) === null || _32 === void 0 ? void 0 : _32.darkMode) ? "text-white" : "") }, props.title),
-                                ((_33 = props.bareSettings) === null || _33 === void 0 ? void 0 : _33.bareSocketName) &&
+                                react_1.default.createElement("p", { className: "text-xl font-medium ".concat(((_33 = props.organise) === null || _33 === void 0 ? void 0 : _33.darkMode) ? "text-white" : "") }, props.title),
+                                ((_34 = props.bareSettings) === null || _34 === void 0 ? void 0 : _34.bareSocketName) &&
                                     isLive &&
                                     !isLiveOffline && (react_1.default.createElement("span", { className: "inline-flex items-center gap-1 rounded-full bg-green-100 px-2 py-0.5 text-xs font-medium text-green-700" },
                                     react_1.default.createElement("span", { className: "h-1.5 w-1.5 rounded-full bg-green-500" }),
                                     "LIVE")),
-                                ((_34 = props.bareSettings) === null || _34 === void 0 ? void 0 : _34.bareSocketName) && isLiveOffline && (react_1.default.createElement("span", { className: "inline-flex items-center gap-1 rounded-full bg-orange-100 px-2 py-0.5 text-xs font-medium text-orange-700" },
+                                ((_35 = props.bareSettings) === null || _35 === void 0 ? void 0 : _35.bareSocketName) && isLiveOffline && (react_1.default.createElement("span", { className: "inline-flex items-center gap-1 rounded-full bg-orange-100 px-2 py-0.5 text-xs font-medium text-orange-700" },
                                     react_1.default.createElement("span", { className: "h-1.5 w-1.5 rounded-full bg-orange-400" }),
                                     "OFFLINE")))),
                             props.description && (react_1.default.createElement("span", { className: "text-sm text-gray-500" }, props.description)))),
-                        react_1.default.createElement("div", { className: ((_35 = props.bareSettings) === null || _35 === void 0 ? void 0 : _35.bareCompactMode)
+                        react_1.default.createElement("div", { className: ((_36 = props.bareSettings) === null || _36 === void 0 ? void 0 : _36.bareCompactMode)
                                 ? "hidden sm:block grow"
                                 : "grow" }),
                         react_1.default.createElement("div", { className: "ml-auto flex flex-row items-end" },
                             renderListFilterElements(),
                             renderListActionElements())),
                     renderListNewRowFilterElements(),
-                    (schemaPresent || ((_36 = props.bareSettings) === null || _36 === void 0 ? void 0 : _36.bareReadListTabs)) && (react_1.default.createElement(tabs_1.Tabs, { tabs: tabs, selectedId: viewType, linkType: props.linkType, custom: props.custom, onClick: function (id) { return handleSelectTab(id); }, darkMode: (_37 = props.organise) === null || _37 === void 0 ? void 0 : _37.darkMode })),
+                    (schemaPresent || ((_37 = props.bareSettings) === null || _37 === void 0 ? void 0 : _37.bareReadListTabs)) && (react_1.default.createElement(tabs_1.Tabs, { tabs: tabs, selectedId: viewType, linkType: props.linkType, custom: props.custom, onClick: function (id) { return handleSelectTab(id); }, darkMode: (_38 = props.organise) === null || _38 === void 0 ? void 0 : _38.darkMode })),
                     renderScopedTabContent(tabs, resolvedType, viewType),
-                    ((_38 = props.bareSettings) === null || _38 === void 0 ? void 0 : _38.bareListMobileFloatingSearch) && (react_1.default.createElement("div", { className: "h-28 md:hidden", "aria-hidden": "true" })),
-                    ((_39 = props.bareSettings) === null || _39 === void 0 ? void 0 : _39.bareListMobileFloatingSearch) &&
+                    ((_39 = props.bareSettings) === null || _39 === void 0 ? void 0 : _39.bareListMobileFloatingSearch) && (react_1.default.createElement("div", { className: "h-28 md:hidden", "aria-hidden": "true" })),
+                    ((_40 = props.bareSettings) === null || _40 === void 0 ? void 0 : _40.bareListMobileFloatingSearch) &&
                         (0, listModule_1.renderFloatingMobileSearch)({
                             filterSearch: filterSearch,
                             handleNameSearch: handleNameSearch,
                             onFilterClick: function () { return setFlexFilterModalOpen(true); },
-                            hideSearch: (_40 = props.organise) === null || _40 === void 0 ? void 0 : _40.hideSearch,
-                            darkMode: (_41 = props.organise) === null || _41 === void 0 ? void 0 : _41.darkMode,
-                            floatingOffset: (_42 = props.bareSettings) === null || _42 === void 0 ? void 0 : _42.bareListFloatingActionOffset,
-                            hideFilter: !((_43 = props.bareSettings) === null || _43 === void 0 ? void 0 : _43.bareFlexFilters),
-                            activeFilterCount: ((_44 = props.bareSettings) === null || _44 === void 0 ? void 0 : _44.bareFlexFilters)
+                            hideSearch: (_41 = props.organise) === null || _41 === void 0 ? void 0 : _41.hideSearch,
+                            darkMode: (_42 = props.organise) === null || _42 === void 0 ? void 0 : _42.darkMode,
+                            floatingOffset: (_43 = props.bareSettings) === null || _43 === void 0 ? void 0 : _43.bareListFloatingActionOffset,
+                            hideFilter: !((_44 = props.bareSettings) === null || _44 === void 0 ? void 0 : _44.bareFlexFilters),
+                            activeFilterCount: ((_45 = props.bareSettings) === null || _45 === void 0 ? void 0 : _45.bareFlexFilters)
                                 ? activeFlexFilterCount_1
                                 : undefined,
                             // INFO: Hides when items are selected so NewTable's multi-action bar takes over.
-                            hidden: selectAll || ((_45 = selectedIds === null || selectedIds === void 0 ? void 0 : selectedIds.length) !== null && _45 !== void 0 ? _45 : 0) > 0,
+                            hidden: selectAll || ((_46 = selectedIds === null || selectedIds === void 0 ? void 0 : selectedIds.length) !== null && _46 !== void 0 ? _46 : 0) > 0,
                         })));
             default:
                 return react_1.default.createElement(react_1.default.Fragment, null);
@@ -8622,19 +8674,23 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     // group absent from the first page would never appear; those keep the
     // global scroll instead. Firebase pages by document cursor, not by count.
     var renderCheckGroupPaging = function () {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f;
         var paginationType = renderResolvedPaginationType();
         if (paginationType !== "scroll" && paginationType !== "page")
             return false;
         if (!groupId || isFirebase)
             return false;
+        // INFO: a union list pages by skip, which a per-band cursor cannot express,
+        // so it keeps the single pager and groups the loaded rows
+        if ((_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.unionCollections) === null || _b === void 0 ? void 0 : _b.length)
+            return false;
         // INFO: the mobile list draws no bands, so it keeps the normal pagination
-        if (!((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareNewDTW) ||
-            ((_b = props.bareSettings) === null || _b === void 0 ? void 0 : _b.bareListMobileView))
+        if (!((_c = props.bareSettings) === null || _c === void 0 ? void 0 : _c.bareNewDTW) ||
+            ((_d = props.bareSettings) === null || _d === void 0 ? void 0 : _d.bareListMobileView))
             return false;
         var groupAttributeDS = structure.find(function (eachDS) { return eachDS.id === groupId; });
         return ((groupAttributeDS === null || groupAttributeDS === void 0 ? void 0 : groupAttributeDS.type) === "list" &&
-            ((_d = (_c = groupAttributeDS.listSelection) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0) > 0);
+            ((_f = (_e = groupAttributeDS.listSelection) === null || _e === void 0 ? void 0 : _e.length) !== null && _f !== void 0 ? _f : 0) > 0);
     };
     var renderResolvedPaginationType = function () {
         var _a;
@@ -8952,7 +9008,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     // same prettifier so its rows carry the shape of every other row. Returns
     // undefined when the list was re-read while the page was in flight.
     var handleReadGroupPage = function (groupKey, cursor) { return __awaiter(void 0, void 0, void 0, function () {
-        var generation, groupAttributeDS, groupQuery, baseQuery, responseData, rawRows, count, prettierRows;
+        var generation, groupAttributeDS, groupQuery, mainCond, responseData, rawRows, count, prettierRows;
         var _a, _b, _c, _d, _e, _f, _g, _h;
         return __generator(this, function (_j) {
             switch (_j.label) {
@@ -8968,14 +9024,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             },
                         ]
                         : [{ type: "=", queryId: groupId !== null && groupId !== void 0 ? groupId : "", value: groupKey }];
-                    baseQuery = (_b = renderImpSearchFilterConditions()) !== null && _b !== void 0 ? _b : [];
-                    return [4 /*yield*/, readServerQuery.call({
-                            type: "list",
-                            query: __spreadArray(__spreadArray([], baseQuery, true), groupQuery, true),
-                            cursor: cursor,
-                            limit: limit,
-                            sort: handleReadQueryHocSort(baseQuery),
-                        })];
+                    mainCond = handleReadQueryHocCond();
+                    return [4 /*yield*/, readServerQuery.call(__assign(__assign({}, mainCond), { query: __spreadArray(__spreadArray([], ((_b = mainCond.query) !== null && _b !== void 0 ? _b : []), true), groupQuery, true), cursor: cursor, limit: limit, stopLimit: undefined, skip: 0 }))];
                 case 1:
                     responseData = _j.sent();
                     if (generation !== groupPagingGenRef.current)
@@ -10900,7 +10950,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                 setDeletePasscodeInput("");
                                 setDeleteModal(false);
                             } }),
-                        react_1.default.createElement(button_1.Button, { id: "dtw-delete-confirm", text: "Delete", size: "small", type: "danger", onClick: function () {
+                        react_1.default.createElement(button_1.Button, { id: "dtw-delete-confirm", text: "Delete", size: "small", type: "danger", disable: deleting, onClick: function () {
                                 if (selectedTab &&
                                     selectedTab.viewType === "feeds" &&
                                     deleteFeedId) {