blixify-ui-web 1.2.179 → 1.2.180

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAqCA,OAAO,KASN,MAAM,OAAO,CAAC;AAqGf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAyH1B,eAAO,MAAM,YAAY,mFA+4cvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAqCA,OAAO,KASN,MAAM,OAAO,CAAC;AAqGf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAyH1B,eAAO,MAAM,YAAY,mFAm7cvB,CAAC"}

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

@@ -361,29 +361,30 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var _117 = (0, react_1.useState)((_l = persistedState === null || persistedState === void 0 ? void 0 : persistedState.sort) !== null && _l !== void 0 ? _l : undefined), persistedSort = _117[0], setPersistedSort = _117[1];
     var _118 = (0, react_1.useState)(false), filterDraft = _118[0], setFilterDraft = _118[1];
     var _119 = (0, react_1.useState)(false), addTabModal = _119[0], setAddTabModal = _119[1];
+    var _120 = (0, react_1.useState)(-1), editTabIndex = _120[0], setEditTabIndex = _120[1];
     //INFO : resolve the initial tab synchronously so the mount cond is already
     // tab-scoped — an empty initial tab caused a second wasted list fetch
-    var _120 = (0, react_1.useState)(function () {
+    var _121 = (0, react_1.useState)(function () {
         var _a, _b;
         return (0, listModule_1.renderSelectedRefreshTab)(props.localURLEndpoint, resolvedType, props.collectionId, props.id, (_a = props.organise) === null || _a === void 0 ? void 0 : _a.extendedTabs, (_b = props.organise) === null || _b === void 0 ? void 0 : _b.viewId);
-    }), selectedTab = _120[0], setSelectedTab = _120[1];
-    var _121 = (0, react_1.useState)("dayGridMonth"), calendarView = _121[0], setCalendarView = _121[1];
+    }), selectedTab = _121[0], setSelectedTab = _121[1];
+    var _122 = (0, react_1.useState)("dayGridMonth"), calendarView = _122[0], setCalendarView = _122[1];
     // INFO: bareNewDTW calendar viewSwitch mode — drives the NewCalendar variant
     // (calendarView above drives the matching range query)
-    var _122 = (0, react_1.useState)("month"), newCalendarViewMode = _122[0], setNewCalendarViewMode = _122[1];
-    var _123 = (0, react_1.useState)(new Date()), calendarTabMonth = _123[0], setCalendarTabMonth = _123[1];
+    var _123 = (0, react_1.useState)("month"), newCalendarViewMode = _123[0], setNewCalendarViewMode = _123[1];
+    var _124 = (0, react_1.useState)(new Date()), calendarTabMonth = _124[0], setCalendarTabMonth = _124[1];
     // INFO: defaultViewSwitch picks the opening view only — the tab re-inits
     // whenever its settings change, and that must not undo the user's switch
     var calendarViewInitRef = (0, react_1.useRef)(false);
-    var _124 = (0, react_1.useState)(true), kanbanDroppable = _124[0], setKanbanDroppable = _124[1];
-    var _125 = (0, react_1.useState)([]), kanbanOptions = _125[0], setKanbanOptions = _125[1];
-    var _126 = (0, react_1.useState)(false), queryForm = _126[0], setQueryForm = _126[1];
-    var _127 = (0, react_1.useState)(false), batchUpdateModal = _127[0], setBatchUpdateModal = _127[1];
-    var _128 = (0, react_1.useState)({
+    var _125 = (0, react_1.useState)(true), kanbanDroppable = _125[0], setKanbanDroppable = _125[1];
+    var _126 = (0, react_1.useState)([]), kanbanOptions = _126[0], setKanbanOptions = _126[1];
+    var _127 = (0, react_1.useState)(false), queryForm = _127[0], setQueryForm = _127[1];
+    var _128 = (0, react_1.useState)(false), batchUpdateModal = _128[0], setBatchUpdateModal = _128[1];
+    var _129 = (0, react_1.useState)({
         columnId: "",
         columnData: {},
-    }), batchUpdateData = _128[0], setBatchUpdateData = _128[1];
-    var _129 = (0, react_1.useState)(function () {
+    }), batchUpdateData = _129[0], setBatchUpdateData = _129[1];
+    var _130 = (0, react_1.useState)(function () {
         var baseModel = (props === null || props === void 0 ? void 0 : props.model) || [];
         if (!persistedState)
             return baseModel;
@@ -409,8 +410,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             });
         }
         return model;
-    }), structure = _129[0], setStructure = _129[1];
-    var _130 = (0, react_1.useState)(((_m = props === null || props === void 0 ? void 0 : props.organise) === null || _m === void 0 ? void 0 : _m.additionalQuery) || []), additionalQuery = _130[0], setAdditionalQuery = _130[1];
+    }), structure = _130[0], setStructure = _130[1];
+    var _131 = (0, react_1.useState)(((_m = props === null || props === void 0 ? void 0 : props.organise) === null || _m === void 0 ? void 0 : _m.additionalQuery) || []), additionalQuery = _131[0], setAdditionalQuery = _131[1];
     // INFO: State for user-configurable flex filters (Monday.com-style)
     // INFO: Initialize with one empty row so users see inputs immediately without clicking "Add Filter"
     var defaultFlexFilterRow = [
@@ -421,9 +422,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             value: undefined,
         },
     ];
-    var _131 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.flexFilters) && persistedState.flexFilters.length > 0
+    var _132 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.flexFilters) && persistedState.flexFilters.length > 0
         ? persistedState.flexFilters
-        : defaultFlexFilterRow), flexFilters = _131[0], setFlexFilters = _131[1];
+        : defaultFlexFilterRow), flexFilters = _132[0], setFlexFilters = _132[1];
     // INFO: always-current mirror of flexFilters, read by the imperative apply/
     // clear methods so chained calls in one tick aren't stale.
     var flexFiltersRef = (0, react_1.useRef)(flexFilters);
@@ -436,74 +437,74 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     }, [flexFilters]);
     // INFO: Debounced version of flexFilters used by renderImpSearchFilterConditions
     // to prevent API calls on every keystroke when typing in value inputs
-    var _132 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.flexFilters) && persistedState.flexFilters.length > 0
+    var _133 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.flexFilters) && persistedState.flexFilters.length > 0
         ? persistedState.flexFilters
-        : defaultFlexFilterRow), flexFiltersDebounced = _132[0], setFlexFiltersDebounced = _132[1];
-    var _133 = (0, react_1.useState)({}), flexFilterReferenceOptions = _133[0], setFlexFilterReferenceOptions = _133[1];
-    var _134 = (0, react_1.useState)({}), flexFilterReferenceSearch = _134[0], setFlexFilterReferenceSearch = _134[1];
-    var _135 = (0, react_1.useState)(false), flexFilterModalOpen = _135[0], setFlexFilterModalOpen = _135[1];
-    var _136 = (0, react_1.useState)(false), viewSettingsModalOpen = _136[0], setViewSettingsModalOpen = _136[1];
+        : defaultFlexFilterRow), flexFiltersDebounced = _133[0], setFlexFiltersDebounced = _133[1];
+    var _134 = (0, react_1.useState)({}), flexFilterReferenceOptions = _134[0], setFlexFilterReferenceOptions = _134[1];
+    var _135 = (0, react_1.useState)({}), flexFilterReferenceSearch = _135[0], setFlexFilterReferenceSearch = _135[1];
+    var _136 = (0, react_1.useState)(false), flexFilterModalOpen = _136[0], setFlexFilterModalOpen = _136[1];
+    var _137 = (0, react_1.useState)(false), viewSettingsModalOpen = _137[0], setViewSettingsModalOpen = _137[1];
     // INFO: Columns the end user chose to hide (bareSettings.bareViewSettings).
     // Deliberately kept out of `structure`: the props-sync effect below resets
     // structure to props.model whenever props change, which would wipe the
     // choice, and the persist effect derives schema-level hiddenColumnIds from
     // structure — writing user hides there would blur the two concepts.
-    var _137 = (0, react_1.useState)((_o = persistedState === null || persistedState === void 0 ? void 0 : persistedState.userHiddenColumnIds) !== null && _o !== void 0 ? _o : []), userHiddenColumnIds = _137[0], setUserHiddenColumnIds = _137[1];
-    var _138 = (0, react_1.useState)(""), columnSearch = _138[0], setColumnSearch = _138[1];
-    var _139 = (0, react_1.useState)([]), savedViews = _139[0], setSavedViews = _139[1];
-    var _140 = (0, react_1.useState)(null), activeSavedViewId = _140[0], setActiveSavedViewId = _140[1];
+    var _138 = (0, react_1.useState)((_o = persistedState === null || persistedState === void 0 ? void 0 : persistedState.userHiddenColumnIds) !== null && _o !== void 0 ? _o : []), userHiddenColumnIds = _138[0], setUserHiddenColumnIds = _138[1];
+    var _139 = (0, react_1.useState)(""), columnSearch = _139[0], setColumnSearch = _139[1];
+    var _140 = (0, react_1.useState)([]), savedViews = _140[0], setSavedViews = _140[1];
+    var _141 = (0, react_1.useState)(null), activeSavedViewId = _141[0], setActiveSavedViewId = _141[1];
     // INFO: null while the name box is closed
-    var _141 = (0, react_1.useState)(null), savedViewName = _141[0], setSavedViewName = _141[1];
-    var _142 = (0, react_1.useState)(null), deletingSavedViewId = _142[0], setDeletingSavedViewId = _142[1];
-    var _143 = (0, react_1.useState)(null), draggingColumnId = _143[0], setDraggingColumnId = _143[1];
+    var _142 = (0, react_1.useState)(null), savedViewName = _142[0], setSavedViewName = _142[1];
+    var _143 = (0, react_1.useState)(null), deletingSavedViewId = _143[0], setDeletingSavedViewId = _143[1];
+    var _144 = (0, react_1.useState)(null), draggingColumnId = _144[0], setDraggingColumnId = _144[1];
     var columnRowRefs = (0, react_1.useRef)({});
     //INFO : Used by Auth
-    var _144 = (0, react_1.useState)({
+    var _145 = (0, react_1.useState)({
         email: "",
         google: "",
         phone: "",
         disabled: false,
         create: false,
-    }), authMethods = _144[0], setAuthMethods = _144[1];
-    var _145 = (0, react_1.useState)(""), selectedAuthMethod = _145[0], setSelectedAuthMethod = _145[1];
+    }), authMethods = _145[0], setAuthMethods = _145[1];
+    var _146 = (0, react_1.useState)(""), selectedAuthMethod = _146[0], setSelectedAuthMethod = _146[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];
+    var _147 = (0, react_1.useState)(false), authLoading = _147[0], setAuthLoading = _147[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];
+    var _148 = (0, react_1.useState)(false), deleting = _148[0], setDeleting = _148[1];
     // INFO: Used by Activity Log
-    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];
+    var _149 = (0, react_1.useState)(false), activityModal = _149[0], setActivityModal = _149[1];
+    var _150 = (0, react_1.useState)(""), activityId = _150[0], setActivityId = _150[1];
     //INFO : Used by Export
-    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];
+    var _151 = (0, react_1.useState)(null), csvFile = _151[0], setCSVFile = _151[1];
+    var _152 = (0, react_1.useState)([]), csvFileData = _152[0], setCSVFileData = _152[1];
+    var _153 = (0, react_1.useState)(0), stepCSVIndex = _153[0], setStepCSVIndex = _153[1];
+    var _154 = (0, react_1.useState)({}), listCSVMapAttribute = _154[0], setListCSVMapAttribute = _154[1];
+    var _155 = (0, react_1.useState)({}), listCSVObjAttribute = _155[0], setListCSVObjAttribute = _155[1];
+    var _156 = (0, react_1.useState)([]), csvAPIAttribute = _156[0], setCSVAPIAttribute = _156[1];
+    var _157 = (0, react_1.useState)(((_p = props.devSettings.currentUser) === null || _p === void 0 ? void 0 : _p.userEmail) || ""), exportCSVEmail = _157[0], setExportCSVEmail = _157[1];
+    var _158 = (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 = _158[0], setExportPDFTitle = _158[1];
+    var _159 = (0, react_1.useState)(false), exportPDFLoading = _159[0], setExportPDFLoading = _159[1];
+    var _160 = (0, react_1.useState)(false), exportReadPDFLoading = _160[0], setExportReadPDFLoading = _160[1];
+    var _161 = (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 = _161[0], setExportSumAttributeIds = _161[1];
+    var _162 = (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 = _162[0], setHideSubItems = _162[1];
+    var _163 = (0, react_1.useState)([]), importTableData = _163[0], setImportTableData = _163[1];
+    var _164 = (0, react_1.useState)([]), queryList = _164[0], setQueryList = _164[1];
+    var _165 = (0, react_1.useState)(undefined), allQueryList = _165[0], setAllQueryList = _165[1];
+    var _166 = (0, react_1.useState)(-1), queryIndex = _166[0], setQueryIndex = _166[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
+    var _167 = (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];
+        : (_y = props.organise) === null || _y === void 0 ? void 0 : _y.groupBy), groupId = _167[0], setGroupId = _167[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 _167 = (0, react_1.useState)({}), groupPageState = _167[0], setGroupPageState = _167[1];
+    var _168 = (0, react_1.useState)({}), groupPageState = _168[0], setGroupPageState = _168[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)({});
@@ -512,59 +513,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 _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 _169 = (0, react_1.useState)(""), readTabSection = _169[0], setReadTabSection = _169[1];
+    var _170 = (0, react_1.useState)(false), readFloatingNav = _170[0], setReadFloatingNav = _170[1];
     var readTabSectionRefs = (0, react_1.useRef)({});
     //INFO : Used by Read
     //INFO : Used by Update
-    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 _171 = (0, react_1.useState)(false), modalVisible = _171[0], setModalVisible = _171[1];
+    var _172 = (0, react_1.useState)(false), deleteModal = _172[0], setDeleteModal = _172[1];
+    var _173 = (0, react_1.useState)(false), excelModal = _173[0], setExcelModal = _173[1];
+    var _174 = (0, react_1.useState)(false), exportExcel = _174[0], setExportExcel = _174[1];
+    var _175 = (0, react_1.useState)(""), exportType = _175[0], setExportType = _175[1];
+    var _176 = (0, react_1.useState)(false), exportQR = _176[0], setExportQR = _176[1];
+    var _177 = (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 = _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)({
+    }), activeTab = _177[0], setActiveTab = _177[1];
+    var _178 = (0, react_1.useState)(false), signatureSigning = _178[0], setSignatureSigning = _178[1];
+    var _179 = (0, react_1.useState)({}), selectedData = _179[0], setSelectedData = _179[1];
+    var _180 = (0, react_1.useState)(""), selectedObjectStructureId = _180[0], setSelectedObjectStructureId = _180[1];
+    var _181 = (0, react_1.useState)(""), selectedObjectId = _181[0], setSelectedObjectId = _181[1];
+    var _182 = (0, react_1.useState)(""), selectedListAddressId = _182[0], setSelectedListAddressId = _182[1];
+    var _183 = (0, react_1.useState)(-1), selectedListAddressIndex = _183[0], setSelectedListAddressIndex = _183[1];
+    var _184 = (0, react_1.useState)({
         lat: 0,
         lng: 0,
         name: "",
-    }), 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)({
+    }), selectedListAddress = _184[0], setSelectedListAddress = _184[1];
+    var _185 = (0, react_1.useState)({}), selectedObjectData = _185[0], setSelectedObjectData = _185[1];
+    var _186 = (0, react_1.useState)(null), objectCellEdit = _186[0], setObjectCellEdit = _186[1];
+    var _187 = (0, react_1.useState)(false), referenceLoading = _187[0], setReferenceLoading = _187[1];
+    var _188 = (0, react_1.useState)({}), referencesOptions = _188[0], setReferencesOptions = _188[1];
+    var _189 = (0, react_1.useState)({}), referencesDetails = _189[0], setReferencesDetails = _189[1];
+    var _190 = (0, react_1.useState)({}), listReferencesOptions = _190[0], setListReferencesOptions = _190[1];
+    var _191 = (0, react_1.useState)({}), referenceDeleteTableData = _191[0], setReferenceDeleteTableData = _191[1];
+    var _192 = (0, react_1.useState)([]), relatedSections = _192[0], setRelatedSections = _192[1];
+    var _193 = (0, react_1.useState)(0), referenceDeleteIndex = _193[0], setReferenceDeleteIndex = _193[1];
+    var _194 = (0, react_1.useState)({
         id: "",
         name: "",
         type: "string",
-    }), 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];
+    }), referenceCreationModal = _194[0], setReferenceCreationModal = _194[1];
+    var _195 = (0, react_1.useState)({}), referenceModelSchema = _195[0], setReferenceSchema = _195[1];
+    var _196 = (0, react_1.useState)([]), kanbanChecked = _196[0], setKanbanChecked = _196[1];
     //INFO : Offline
-    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];
+    var _197 = (0, react_1.useState)(0), offlineDataLength = _197[0], setOfflineDataLength = _197[1];
+    var _198 = (0, react_1.useState)(false), offlineModal = _198[0], setOfflineModal = _198[1];
     // INFO: live-stream state — driven by socket connection and navigator.onLine
-    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];
+    var _199 = (0, react_1.useState)(false), isLive = _199[0], setIsLive = _199[1];
+    var _200 = (0, react_1.useState)(false), isLiveOffline = _200[0], setIsLiveOffline = _200[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 _200 = (0, react_1.useState)(typeof navigator !== "undefined" ? !navigator.onLine : false), isNetworkOffline = _200[0], setIsNetworkOffline = _200[1];
+    var _201 = (0, react_1.useState)(typeof navigator !== "undefined" ? !navigator.onLine : false), isNetworkOffline = _201[0], setIsNetworkOffline = _201[1];
     var previousType = (0, react_1.useRef)(null);
     var previousSelectedData = (0, react_1.useRef)(null);
     var scrollSentinelRef = (0, react_1.useRef)(null);
@@ -784,7 +785,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 _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 _202 = (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 = _202[0], setPageLimit = _202[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
@@ -809,7 +810,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         setCursor("");
         setLastCursor("");
     };
-    var _202 = (0, permissions_1.handleResolveDataTemplateWritePermissions)(props.edit), canUpdateRecord = _202.canUpdateRecord, canInlineUpdate = _202.canInlineUpdate, canBatchUpdate = _202.canBatchUpdate, canDeleteRecord = _202.canDeleteRecord;
+    var _203 = (0, permissions_1.handleResolveDataTemplateWritePermissions)(props.edit), canUpdateRecord = _203.canUpdateRecord, canInlineUpdate = _203.canInlineUpdate, canBatchUpdate = _203.canBatchUpdate, canDeleteRecord = _203.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
@@ -6865,6 +6866,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             setStepCSVIndex(0);
             setCSVFile(null);
             setAddTabModal(false);
+            setEditTabIndex(-1);
             setCSVFileData([]);
             setListCSVMapAttribute({});
             setListCSVObjAttribute({});
@@ -8825,15 +8827,28 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 if (eachTab.type === resolvedType) {
                     tabs.push(__assign(__assign(__assign({}, tabData), (isEditor &&
                         ((_h = props.organise) === null || _h === void 0 ? void 0 : _h.onChangeTabs) && {
-                        action: (react_1.default.createElement("span", { role: "button", "data-testid": "tab-default-".concat(tabData.id), "aria-label": eachTab.defaultTab
-                                ? "Opens by default"
-                                : "Open this tab by default", className: "ml-2 self-center ".concat(eachTab.defaultTab
-                                ? "text-primary-500"
-                                : "text-gray-400 opacity-0 group-hover:opacity-100"), onClick: function (e) {
-                                e.stopPropagation();
-                                e.preventDefault();
-                                handleToggleDefaultTab(eachTab.name);
-                            } }, eachTab.defaultTab ? (react_1.default.createElement(HeroIcons.BookmarkIcon, { className: "h-4 w-4" })) : (react_1.default.createElement(BookmarkIcon_1.default, { className: "h-4 w-4" })))),
+                        action: (react_1.default.createElement(react_1.default.Fragment, null,
+                            react_1.default.createElement("span", { role: "button", "data-testid": "tab-edit-".concat(tabData.id), tabIndex: 0, "aria-label": "Edit tab", className: "ml-2 self-center text-gray-400 opacity-0 group-hover:opacity-100 focus-visible:opacity-100", onClick: function (e) {
+                                    e.stopPropagation();
+                                    e.preventDefault();
+                                    handleEditTab(eachTab.name);
+                                }, onKeyDown: function (e) {
+                                    if (e.key !== "Enter" && e.key !== " ")
+                                        return;
+                                    e.stopPropagation();
+                                    e.preventDefault();
+                                    handleEditTab(eachTab.name);
+                                } },
+                                react_1.default.createElement(outline_1.PencilIcon, { className: "h-4 w-4" })),
+                            react_1.default.createElement("span", { role: "button", "data-testid": "tab-default-".concat(tabData.id), "aria-label": eachTab.defaultTab
+                                    ? "Opens by default"
+                                    : "Open this tab by default", className: "ml-2 self-center ".concat(eachTab.defaultTab
+                                    ? "text-primary-500"
+                                    : "text-gray-400 opacity-0 group-hover:opacity-100"), onClick: function (e) {
+                                    e.stopPropagation();
+                                    e.preventDefault();
+                                    handleToggleDefaultTab(eachTab.name);
+                                } }, eachTab.defaultTab ? (react_1.default.createElement(HeroIcons.BookmarkIcon, { className: "h-4 w-4" })) : (react_1.default.createElement(BookmarkIcon_1.default, { className: "h-4 w-4" }))))),
                     })), (!((_j = props.edit) === null || _j === void 0 ? void 0 : _j.disabledTabsDeleteBtn) &&
                         ((_k = props.organise) === null || _k === void 0 ? void 0 : _k.onChangeTabs) && {
                         del: (react_1.default.createElement(outline_1.XMarkIcon, { className: "h-4 w-4 ml-2 self-center text-red-600 hover:text-red-400 ", onClick: function (e) {
@@ -8915,6 +8930,16 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         var nextTabs = ((_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.extendedTabs) !== null && _b !== void 0 ? _b : []).map(function (eachTab) { return (__assign(__assign({}, eachTab), { defaultTab: eachTab.name === name ? !eachTab.defaultTab : false })); });
         (_d = (_c = props.organise) === null || _c === void 0 ? void 0 : _c.onChangeTabs) === null || _d === void 0 ? void 0 : _d.call(_c, nextTabs);
     };
+    // INFO: opens the add tab modal on an existing tab, which it saves in place
+    var handleEditTab = function (name) {
+        var _a, _b;
+        var index = ((_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.extendedTabs) !== null && _b !== void 0 ? _b : []).findIndex(function (eachTab) { return eachTab.name === name && eachTab.type === resolvedType; });
+        if (index === -1)
+            return;
+        setEditTabIndex(index);
+        setAddTabModal(true);
+        setModalVisible(true);
+    };
     var handleChangeTabCharts = function (tabName, charts) {
         var _a, _b, _c, _d;
         var nextTabs = ((_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.extendedTabs) !== null && _b !== void 0 ? _b : []).map(function (eachTab) {
@@ -10751,7 +10776,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         } }))))));
         }
         else if (addTabModal) {
-            return (react_1.default.createElement(settingsModal_1.TabModal, { type: resolvedType, tabs: (_u = props.organise) === null || _u === void 0 ? void 0 : _u.extendedTabs, onChangeTabs: (_v = props.organise) === null || _v === void 0 ? void 0 : _v.onChangeTabs, model: structure, collectionId: props.collectionId, renderReferenceLabelOptions: (_w = props.organise) === null || _w === void 0 ? void 0 : _w.renderReferenceLabelOptions, onClose: function () {
+            return (react_1.default.createElement(settingsModal_1.TabModal, { type: resolvedType, tabs: (_u = props.organise) === null || _u === void 0 ? void 0 : _u.extendedTabs, editIndex: editTabIndex >= 0 ? editTabIndex : undefined, onChangeTabs: (_v = props.organise) === null || _v === void 0 ? void 0 : _v.onChangeTabs, model: structure, collectionId: props.collectionId, renderReferenceLabelOptions: (_w = props.organise) === null || _w === void 0 ? void 0 : _w.renderReferenceLabelOptions, onClose: function () {
                     handlePopUpModal(false);
                 } }));
         }
@@ -11077,7 +11102,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         else if (exportQR)
             return "Export QR";
         else if (addTabModal)
-            return "Add Tab";
+            return editTabIndex >= 0 ? "Edit Tab" : "Add Tab";
         else if (offlineModal)
             return "Upload Offline Data";
         else