blixify-ui-web 1.2.124 → 1.2.126

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

@@ -200,10 +200,10 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     // Every read of the view type below uses resolvedType. The distinction matters
     // most in effect dependency arrays — following props.type there would leave
     // the list never refetching while the panel is open, which fails silently.
-    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, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76, _77, _78, _79, _80, _81, _82;
+    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, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76, _77, _78, _79, _80, _81, _82, _83, _84;
     // INFO: the panel cannot navigate its way out — handleNavigate("read") is
     // routed straight back into it — so expand-to-full-page is local state.
-    var _83 = (0, react_1.useState)(false), drawerPageView = _83[0], setDrawerPageView = _83[1];
+    var _85 = (0, react_1.useState)(false), drawerPageView = _85[0], setDrawerPageView = _85[1];
     // INFO: the panel keeps rendering the record it was opened with rather than
     // live props. Without this, navigating back to the list would re-render the
     // still-mounted panel as a second list behind the overlay.
@@ -285,18 +285,18 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             initialFilterReferenceDate: initialFilterReferenceDate,
         };
     };
-    var _84 = intialiseDefaultFilterValues(), initialFilterSearch = _84.initialFilterSearch, initialFilterSearchParams = _84.initialFilterSearchParams, initialFilterSelection = _84.initialFilterSelection, initialFilterReference = _84.initialFilterReference, initialFilterReferenceDate = _84.initialFilterReferenceDate;
+    var _86 = intialiseDefaultFilterValues(), initialFilterSearch = _86.initialFilterSearch, initialFilterSearchParams = _86.initialFilterSearchParams, initialFilterSelection = _86.initialFilterSelection, initialFilterReference = _86.initialFilterReference, initialFilterReferenceDate = _86.initialFilterReferenceDate;
     // INFO: Persist view state hook — handles storage read/write for filter/sort/column state
-    var _85 = (0, viewStatePersistence_1.usePersistedViewState)({
+    var _87 = (0, viewStatePersistence_1.usePersistedViewState)({
         mode: (_b = props.organise) === null || _b === void 0 ? void 0 : _b.persistViewState,
         collectionId: props.collectionId,
         persistKey: (_c = props.organise) === null || _c === void 0 ? void 0 : _c.persistKey,
         type: resolvedType,
-    }), rawPersistedState = _85.persistedState, isPersistEnabled = _85.isEnabled, handleSaveView = _85.handleSaveView, handleRegisterViewSnapshot = _85.handleRegisterViewSnapshot;
+    }), rawPersistedState = _87.persistedState, isPersistEnabled = _87.isEnabled, handleSaveView = _87.handleSaveView, handleRegisterViewSnapshot = _87.handleRegisterViewSnapshot;
     // INFO: drop stored filters/sort on removed columns — they would empty the table
     var persistedState = (0, react_1.useMemo)(function () { return (0, viewStatePersistence_1.handlePruneStaleColumns)(rawPersistedState, props.model); }, [rawPersistedState, props.model]);
-    var _86 = (0, react_1.useState)(false), loading = _86[0], setLoading = _86[1];
-    var _87 = (0, react_1.useState)(), notification = _87[0], setNotification = _87[1];
+    var _88 = (0, react_1.useState)(false), loading = _88[0], setLoading = _88[1];
+    var _89 = (0, react_1.useState)(), notification = _89[0], setNotification = _89[1];
     // INFO: a success toast is confirmation, not a decision — it clears itself so
     // it never sits on the floating step bar; errors stay until dismissed
     (0, react_1.useEffect)(function () {
@@ -306,59 +306,59 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         return function () { return clearTimeout(timer); };
     }, [notification]);
     //INFO : Used by List
-    var _88 = (0, react_1.useState)((_d = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterSearchParams) !== null && _d !== void 0 ? _d : initialFilterSearch), filterSearch = _88[0], setFilterSearch = _88[1];
-    var _89 = (0, react_1.useState)((_e = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterSearchParams) !== null && _e !== void 0 ? _e : initialFilterSearchParams), filterSearchParams = _89[0], setFilterSearchParams = _89[1];
-    var _90 = (0, react_1.useState)((_f = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterSelection) !== null && _f !== void 0 ? _f : initialFilterSelection), filterSelection = _90[0], setFilterSelection = _90[1];
-    var _91 = (0, react_1.useState)((_g = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterReference) !== null && _g !== void 0 ? _g : initialFilterReference), filterReference = _91[0], setFilterReference = _91[1];
-    var _92 = (0, react_1.useState)({}), filterReferenceSearch = _92[0], setFilterReferenceSearch = _92[1];
-    var _93 = (0, react_1.useState)({}), filterReferenceList = _93[0], setFilterReferenceList = _93[1];
-    var _94 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterReferenceDate)
+    var _90 = (0, react_1.useState)((_d = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterSearchParams) !== null && _d !== void 0 ? _d : initialFilterSearch), filterSearch = _90[0], setFilterSearch = _90[1];
+    var _91 = (0, react_1.useState)((_e = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterSearchParams) !== null && _e !== void 0 ? _e : initialFilterSearchParams), filterSearchParams = _91[0], setFilterSearchParams = _91[1];
+    var _92 = (0, react_1.useState)((_f = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterSelection) !== null && _f !== void 0 ? _f : initialFilterSelection), filterSelection = _92[0], setFilterSelection = _92[1];
+    var _93 = (0, react_1.useState)((_g = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterReference) !== null && _g !== void 0 ? _g : initialFilterReference), filterReference = _93[0], setFilterReference = _93[1];
+    var _94 = (0, react_1.useState)({}), filterReferenceSearch = _94[0], setFilterReferenceSearch = _94[1];
+    var _95 = (0, react_1.useState)({}), filterReferenceList = _95[0], setFilterReferenceList = _95[1];
+    var _96 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterReferenceDate)
         ? (0, viewStatePersistence_1.parseDateFilterState)(persistedState.filterReferenceDate)
-        : initialFilterReferenceDate), filterReferenceDate = _94[0], setFilterReferenceDate = _94[1];
-    var _95 = (0, react_1.useState)(true), tableLoading = _95[0], setTableLoading = _95[1];
-    var _96 = (0, react_1.useState)(""), cursor = _96[0], setCursor = _96[1];
-    var _97 = (0, react_1.useState)(""), lastCursor = _97[0], setLastCursor = _97[1];
-    var _98 = (0, react_1.useState)([]), tableData = _98[0], setTableData = _98[1];
-    var _99 = (0, react_1.useState)([]), spaceTableData = _99[0], setSpaceTableData = _99[1];
+        : initialFilterReferenceDate), filterReferenceDate = _96[0], setFilterReferenceDate = _96[1];
+    var _97 = (0, react_1.useState)(true), tableLoading = _97[0], setTableLoading = _97[1];
+    var _98 = (0, react_1.useState)(""), cursor = _98[0], setCursor = _98[1];
+    var _99 = (0, react_1.useState)(""), lastCursor = _99[0], setLastCursor = _99[1];
+    var _100 = (0, react_1.useState)([]), tableData = _100[0], setTableData = _100[1];
+    var _101 = (0, react_1.useState)([]), spaceTableData = _101[0], setSpaceTableData = _101[1];
     // INFO: a save resolves after later renders, so it reads the table from here —
     // the state it closed over can predate an earlier save on the same row
     var tableDataRef = (0, react_1.useRef)([]);
     var spaceTableDataRef = (0, react_1.useRef)([]);
     tableDataRef.current = tableData;
     spaceTableDataRef.current = spaceTableData;
-    var _100 = (0, react_1.useState)(0), size = _100[0], setSize = _100[1];
-    var _101 = (0, react_1.useState)((_k = (_h = persistedState === null || persistedState === void 0 ? void 0 : persistedState.pageIndex) !== null && _h !== void 0 ? _h : (_j = props.organise) === null || _j === void 0 ? void 0 : _j.pageIndex) !== null && _k !== void 0 ? _k : 0), pageIndex = _101[0], setPageIndex = _101[1];
-    var _102 = (0, react_1.useState)([]), selectedIds = _102[0], setSelectedIds = _102[1];
-    var _103 = (0, react_1.useState)(false), selectAll = _103[0], setSelectAll = _103[1];
-    var _104 = (0, react_1.useState)(""), deletePasscode = _104[0], setDeletePasscode = _104[1];
-    var _105 = (0, react_1.useState)(""), deletePasscodeInput = _105[0], setDeletePasscodeInput = _105[1];
-    var _106 = (0, react_1.useState)(""), deleteFeedId = _106[0], setDeleteFeedId = _106[1];
+    var _102 = (0, react_1.useState)(0), size = _102[0], setSize = _102[1];
+    var _103 = (0, react_1.useState)((_k = (_h = persistedState === null || persistedState === void 0 ? void 0 : persistedState.pageIndex) !== null && _h !== void 0 ? _h : (_j = props.organise) === null || _j === void 0 ? void 0 : _j.pageIndex) !== null && _k !== void 0 ? _k : 0), pageIndex = _103[0], setPageIndex = _103[1];
+    var _104 = (0, react_1.useState)([]), selectedIds = _104[0], setSelectedIds = _104[1];
+    var _105 = (0, react_1.useState)(false), selectAll = _105[0], setSelectAll = _105[1];
+    var _106 = (0, react_1.useState)(""), deletePasscode = _106[0], setDeletePasscode = _106[1];
+    var _107 = (0, react_1.useState)(""), deletePasscodeInput = _107[0], setDeletePasscodeInput = _107[1];
+    var _108 = (0, react_1.useState)(""), deleteFeedId = _108[0], setDeleteFeedId = _108[1];
     //INFO : Used by List Organise
     // INFO: Internal sort state that overrides props.organise?.sort when
     // persistViewState is enabled and a persisted sort exists
-    var _107 = (0, react_1.useState)((_l = persistedState === null || persistedState === void 0 ? void 0 : persistedState.sort) !== null && _l !== void 0 ? _l : undefined), persistedSort = _107[0], setPersistedSort = _107[1];
-    var _108 = (0, react_1.useState)(false), filterDraft = _108[0], setFilterDraft = _108[1];
-    var _109 = (0, react_1.useState)(false), addTabModal = _109[0], setAddTabModal = _109[1];
+    var _109 = (0, react_1.useState)((_l = persistedState === null || persistedState === void 0 ? void 0 : persistedState.sort) !== null && _l !== void 0 ? _l : undefined), persistedSort = _109[0], setPersistedSort = _109[1];
+    var _110 = (0, react_1.useState)(false), filterDraft = _110[0], setFilterDraft = _110[1];
+    var _111 = (0, react_1.useState)(false), addTabModal = _111[0], setAddTabModal = _111[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 _110 = (0, react_1.useState)(function () {
+    var _112 = (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 = _110[0], setSelectedTab = _110[1];
-    var _111 = (0, react_1.useState)("dayGridMonth"), calendarView = _111[0], setCalendarView = _111[1];
+    }), selectedTab = _112[0], setSelectedTab = _112[1];
+    var _113 = (0, react_1.useState)("dayGridMonth"), calendarView = _113[0], setCalendarView = _113[1];
     // INFO: bareNewDTW calendar viewSwitch mode — drives the NewCalendar variant
     // (calendarView above drives the matching range query)
-    var _112 = (0, react_1.useState)("month"), newCalendarViewMode = _112[0], setNewCalendarViewMode = _112[1];
-    var _113 = (0, react_1.useState)(new Date()), calendarTabMonth = _113[0], setCalendarTabMonth = _113[1];
-    var _114 = (0, react_1.useState)(true), kanbanDroppable = _114[0], setKanbanDroppable = _114[1];
-    var _115 = (0, react_1.useState)([]), kanbanOptions = _115[0], setKanbanOptions = _115[1];
-    var _116 = (0, react_1.useState)(false), queryForm = _116[0], setQueryForm = _116[1];
-    var _117 = (0, react_1.useState)(false), batchUpdateModal = _117[0], setBatchUpdateModal = _117[1];
-    var _118 = (0, react_1.useState)({
+    var _114 = (0, react_1.useState)("month"), newCalendarViewMode = _114[0], setNewCalendarViewMode = _114[1];
+    var _115 = (0, react_1.useState)(new Date()), calendarTabMonth = _115[0], setCalendarTabMonth = _115[1];
+    var _116 = (0, react_1.useState)(true), kanbanDroppable = _116[0], setKanbanDroppable = _116[1];
+    var _117 = (0, react_1.useState)([]), kanbanOptions = _117[0], setKanbanOptions = _117[1];
+    var _118 = (0, react_1.useState)(false), queryForm = _118[0], setQueryForm = _118[1];
+    var _119 = (0, react_1.useState)(false), batchUpdateModal = _119[0], setBatchUpdateModal = _119[1];
+    var _120 = (0, react_1.useState)({
         columnId: "",
         columnData: {},
-    }), batchUpdateData = _118[0], setBatchUpdateData = _118[1];
-    var _119 = (0, react_1.useState)(function () {
+    }), batchUpdateData = _120[0], setBatchUpdateData = _120[1];
+    var _121 = (0, react_1.useState)(function () {
         var baseModel = (props === null || props === void 0 ? void 0 : props.model) || [];
         if (!persistedState)
             return baseModel;
@@ -384,8 +384,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             });
         }
         return model;
-    }), structure = _119[0], setStructure = _119[1];
-    var _120 = (0, react_1.useState)(((_m = props === null || props === void 0 ? void 0 : props.organise) === null || _m === void 0 ? void 0 : _m.additionalQuery) || []), additionalQuery = _120[0], setAdditionalQuery = _120[1];
+    }), structure = _121[0], setStructure = _121[1];
+    var _122 = (0, react_1.useState)(((_m = props === null || props === void 0 ? void 0 : props.organise) === null || _m === void 0 ? void 0 : _m.additionalQuery) || []), additionalQuery = _122[0], setAdditionalQuery = _122[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 = [
@@ -396,9 +396,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             value: undefined,
         },
     ];
-    var _121 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.flexFilters) && persistedState.flexFilters.length > 0
+    var _123 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.flexFilters) && persistedState.flexFilters.length > 0
         ? persistedState.flexFilters
-        : defaultFlexFilterRow), flexFilters = _121[0], setFlexFilters = _121[1];
+        : defaultFlexFilterRow), flexFilters = _123[0], setFlexFilters = _123[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);
@@ -411,109 +411,109 @@ 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 _122 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.flexFilters) && persistedState.flexFilters.length > 0
+    var _124 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.flexFilters) && persistedState.flexFilters.length > 0
         ? persistedState.flexFilters
-        : defaultFlexFilterRow), flexFiltersDebounced = _122[0], setFlexFiltersDebounced = _122[1];
-    var _123 = (0, react_1.useState)({}), flexFilterReferenceOptions = _123[0], setFlexFilterReferenceOptions = _123[1];
-    var _124 = (0, react_1.useState)({}), flexFilterReferenceSearch = _124[0], setFlexFilterReferenceSearch = _124[1];
-    var _125 = (0, react_1.useState)(false), flexFilterModalOpen = _125[0], setFlexFilterModalOpen = _125[1];
-    var _126 = (0, react_1.useState)(false), viewSettingsModalOpen = _126[0], setViewSettingsModalOpen = _126[1];
+        : defaultFlexFilterRow), flexFiltersDebounced = _124[0], setFlexFiltersDebounced = _124[1];
+    var _125 = (0, react_1.useState)({}), flexFilterReferenceOptions = _125[0], setFlexFilterReferenceOptions = _125[1];
+    var _126 = (0, react_1.useState)({}), flexFilterReferenceSearch = _126[0], setFlexFilterReferenceSearch = _126[1];
+    var _127 = (0, react_1.useState)(false), flexFilterModalOpen = _127[0], setFlexFilterModalOpen = _127[1];
+    var _128 = (0, react_1.useState)(false), viewSettingsModalOpen = _128[0], setViewSettingsModalOpen = _128[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 _127 = (0, react_1.useState)((_o = persistedState === null || persistedState === void 0 ? void 0 : persistedState.userHiddenColumnIds) !== null && _o !== void 0 ? _o : []), userHiddenColumnIds = _127[0], setUserHiddenColumnIds = _127[1];
-    var _128 = (0, react_1.useState)(""), columnSearch = _128[0], setColumnSearch = _128[1];
-    var _129 = (0, react_1.useState)([]), savedViews = _129[0], setSavedViews = _129[1];
-    var _130 = (0, react_1.useState)(null), activeSavedViewId = _130[0], setActiveSavedViewId = _130[1];
+    var _129 = (0, react_1.useState)((_o = persistedState === null || persistedState === void 0 ? void 0 : persistedState.userHiddenColumnIds) !== null && _o !== void 0 ? _o : []), userHiddenColumnIds = _129[0], setUserHiddenColumnIds = _129[1];
+    var _130 = (0, react_1.useState)(""), columnSearch = _130[0], setColumnSearch = _130[1];
+    var _131 = (0, react_1.useState)([]), savedViews = _131[0], setSavedViews = _131[1];
+    var _132 = (0, react_1.useState)(null), activeSavedViewId = _132[0], setActiveSavedViewId = _132[1];
     // INFO: null while the name box is closed
-    var _131 = (0, react_1.useState)(null), savedViewName = _131[0], setSavedViewName = _131[1];
-    var _132 = (0, react_1.useState)(null), deletingSavedViewId = _132[0], setDeletingSavedViewId = _132[1];
-    var _133 = (0, react_1.useState)(null), draggingColumnId = _133[0], setDraggingColumnId = _133[1];
+    var _133 = (0, react_1.useState)(null), savedViewName = _133[0], setSavedViewName = _133[1];
+    var _134 = (0, react_1.useState)(null), deletingSavedViewId = _134[0], setDeletingSavedViewId = _134[1];
+    var _135 = (0, react_1.useState)(null), draggingColumnId = _135[0], setDraggingColumnId = _135[1];
     var columnRowRefs = (0, react_1.useRef)({});
     //INFO : Used by Auth
-    var _134 = (0, react_1.useState)({
+    var _136 = (0, react_1.useState)({
         email: "",
         google: "",
         phone: "",
         disabled: false,
         create: false,
-    }), authMethods = _134[0], setAuthMethods = _134[1];
-    var _135 = (0, react_1.useState)(""), selectedAuthMethod = _135[0], setSelectedAuthMethod = _135[1];
+    }), authMethods = _136[0], setAuthMethods = _136[1];
+    var _137 = (0, react_1.useState)(""), selectedAuthMethod = _137[0], setSelectedAuthMethod = _137[1];
     // INFO: Used by Activity Log
-    var _136 = (0, react_1.useState)(false), activityModal = _136[0], setActivityModal = _136[1];
-    var _137 = (0, react_1.useState)(""), activityId = _137[0], setActivityId = _137[1];
+    var _138 = (0, react_1.useState)(false), activityModal = _138[0], setActivityModal = _138[1];
+    var _139 = (0, react_1.useState)(""), activityId = _139[0], setActivityId = _139[1];
     //INFO : Used by Export
-    var _138 = (0, react_1.useState)(null), csvFile = _138[0], setCSVFile = _138[1];
-    var _139 = (0, react_1.useState)([]), csvFileData = _139[0], setCSVFileData = _139[1];
-    var _140 = (0, react_1.useState)(0), stepCSVIndex = _140[0], setStepCSVIndex = _140[1];
-    var _141 = (0, react_1.useState)({}), listCSVMapAttribute = _141[0], setListCSVMapAttribute = _141[1];
-    var _142 = (0, react_1.useState)({}), listCSVObjAttribute = _142[0], setListCSVObjAttribute = _142[1];
-    var _143 = (0, react_1.useState)([]), csvAPIAttribute = _143[0], setCSVAPIAttribute = _143[1];
-    var _144 = (0, react_1.useState)(((_p = props.devSettings.currentUser) === null || _p === void 0 ? void 0 : _p.userEmail) || ""), exportCSVEmail = _144[0], setExportCSVEmail = _144[1];
-    var _145 = (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 = _145[0], setExportPDFTitle = _145[1];
-    var _146 = (0, react_1.useState)(false), exportPDFLoading = _146[0], setExportPDFLoading = _146[1];
-    var _147 = (0, react_1.useState)(false), exportReadPDFLoading = _147[0], setExportReadPDFLoading = _147[1];
-    var _148 = (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 = _148[0], setExportSumAttributeIds = _148[1];
-    var _149 = (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 = _149[0], setHideSubItems = _149[1];
-    var _150 = (0, react_1.useState)([]), importTableData = _150[0], setImportTableData = _150[1];
-    var _151 = (0, react_1.useState)([]), queryList = _151[0], setQueryList = _151[1];
-    var _152 = (0, react_1.useState)(undefined), allQueryList = _152[0], setAllQueryList = _152[1];
-    var _153 = (0, react_1.useState)(-1), queryIndex = _153[0], setQueryIndex = _153[1];
-    var _154 = (0, react_1.useState)((_y = props.organise) === null || _y === void 0 ? void 0 : _y.groupBy), groupId = _154[0], setGroupId = _154[1];
-    var _155 = (0, react_1.useState)(""), readTabSection = _155[0], setReadTabSection = _155[1];
-    var _156 = (0, react_1.useState)(false), readFloatingNav = _156[0], setReadFloatingNav = _156[1];
+    var _140 = (0, react_1.useState)(null), csvFile = _140[0], setCSVFile = _140[1];
+    var _141 = (0, react_1.useState)([]), csvFileData = _141[0], setCSVFileData = _141[1];
+    var _142 = (0, react_1.useState)(0), stepCSVIndex = _142[0], setStepCSVIndex = _142[1];
+    var _143 = (0, react_1.useState)({}), listCSVMapAttribute = _143[0], setListCSVMapAttribute = _143[1];
+    var _144 = (0, react_1.useState)({}), listCSVObjAttribute = _144[0], setListCSVObjAttribute = _144[1];
+    var _145 = (0, react_1.useState)([]), csvAPIAttribute = _145[0], setCSVAPIAttribute = _145[1];
+    var _146 = (0, react_1.useState)(((_p = props.devSettings.currentUser) === null || _p === void 0 ? void 0 : _p.userEmail) || ""), exportCSVEmail = _146[0], setExportCSVEmail = _146[1];
+    var _147 = (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 = _147[0], setExportPDFTitle = _147[1];
+    var _148 = (0, react_1.useState)(false), exportPDFLoading = _148[0], setExportPDFLoading = _148[1];
+    var _149 = (0, react_1.useState)(false), exportReadPDFLoading = _149[0], setExportReadPDFLoading = _149[1];
+    var _150 = (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 = _150[0], setExportSumAttributeIds = _150[1];
+    var _151 = (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 = _151[0], setHideSubItems = _151[1];
+    var _152 = (0, react_1.useState)([]), importTableData = _152[0], setImportTableData = _152[1];
+    var _153 = (0, react_1.useState)([]), queryList = _153[0], setQueryList = _153[1];
+    var _154 = (0, react_1.useState)(undefined), allQueryList = _154[0], setAllQueryList = _154[1];
+    var _155 = (0, react_1.useState)(-1), queryIndex = _155[0], setQueryIndex = _155[1];
+    var _156 = (0, react_1.useState)((_y = props.organise) === null || _y === void 0 ? void 0 : _y.groupBy), groupId = _156[0], setGroupId = _156[1];
+    var _157 = (0, react_1.useState)(""), readTabSection = _157[0], setReadTabSection = _157[1];
+    var _158 = (0, react_1.useState)(false), readFloatingNav = _158[0], setReadFloatingNav = _158[1];
     var readTabSectionRefs = (0, react_1.useRef)({});
     //INFO : Used by Read
     //INFO : Used by Update
-    var _157 = (0, react_1.useState)(false), modalVisible = _157[0], setModalVisible = _157[1];
-    var _158 = (0, react_1.useState)(false), deleteModal = _158[0], setDeleteModal = _158[1];
-    var _159 = (0, react_1.useState)(false), excelModal = _159[0], setExcelModal = _159[1];
-    var _160 = (0, react_1.useState)(false), exportExcel = _160[0], setExportExcel = _160[1];
-    var _161 = (0, react_1.useState)(""), exportType = _161[0], setExportType = _161[1];
-    var _162 = (0, react_1.useState)(false), exportQR = _162[0], setExportQR = _162[1];
-    var _163 = (0, react_1.useState)(function () {
+    var _159 = (0, react_1.useState)(false), modalVisible = _159[0], setModalVisible = _159[1];
+    var _160 = (0, react_1.useState)(false), deleteModal = _160[0], setDeleteModal = _160[1];
+    var _161 = (0, react_1.useState)(false), excelModal = _161[0], setExcelModal = _161[1];
+    var _162 = (0, react_1.useState)(false), exportExcel = _162[0], setExportExcel = _162[1];
+    var _163 = (0, react_1.useState)(""), exportType = _163[0], setExportType = _163[1];
+    var _164 = (0, react_1.useState)(false), exportQR = _164[0], setExportQR = _164[1];
+    var _165 = (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 = _163[0], setActiveTab = _163[1];
-    var _164 = (0, react_1.useState)(false), signatureSigning = _164[0], setSignatureSigning = _164[1];
-    var _165 = (0, react_1.useState)({}), selectedData = _165[0], setSelectedData = _165[1];
-    var _166 = (0, react_1.useState)(""), selectedObjectStructureId = _166[0], setSelectedObjectStructureId = _166[1];
-    var _167 = (0, react_1.useState)(""), selectedObjectId = _167[0], setSelectedObjectId = _167[1];
-    var _168 = (0, react_1.useState)(""), selectedListAddressId = _168[0], setSelectedListAddressId = _168[1];
-    var _169 = (0, react_1.useState)(-1), selectedListAddressIndex = _169[0], setSelectedListAddressIndex = _169[1];
-    var _170 = (0, react_1.useState)({
+    }), activeTab = _165[0], setActiveTab = _165[1];
+    var _166 = (0, react_1.useState)(false), signatureSigning = _166[0], setSignatureSigning = _166[1];
+    var _167 = (0, react_1.useState)({}), selectedData = _167[0], setSelectedData = _167[1];
+    var _168 = (0, react_1.useState)(""), selectedObjectStructureId = _168[0], setSelectedObjectStructureId = _168[1];
+    var _169 = (0, react_1.useState)(""), selectedObjectId = _169[0], setSelectedObjectId = _169[1];
+    var _170 = (0, react_1.useState)(""), selectedListAddressId = _170[0], setSelectedListAddressId = _170[1];
+    var _171 = (0, react_1.useState)(-1), selectedListAddressIndex = _171[0], setSelectedListAddressIndex = _171[1];
+    var _172 = (0, react_1.useState)({
         lat: 0,
         lng: 0,
         name: "",
-    }), selectedListAddress = _170[0], setSelectedListAddress = _170[1];
-    var _171 = (0, react_1.useState)({}), selectedObjectData = _171[0], setSelectedObjectData = _171[1];
-    var _172 = (0, react_1.useState)(null), objectCellEdit = _172[0], setObjectCellEdit = _172[1];
-    var _173 = (0, react_1.useState)(false), referenceLoading = _173[0], setReferenceLoading = _173[1];
-    var _174 = (0, react_1.useState)({}), referencesOptions = _174[0], setReferencesOptions = _174[1];
-    var _175 = (0, react_1.useState)({}), referencesDetails = _175[0], setReferencesDetails = _175[1];
-    var _176 = (0, react_1.useState)({}), listReferencesOptions = _176[0], setListReferencesOptions = _176[1];
-    var _177 = (0, react_1.useState)({}), referenceDeleteTableData = _177[0], setReferenceDeleteTableData = _177[1];
-    var _178 = (0, react_1.useState)(0), referenceDeleteIndex = _178[0], setReferenceDeleteIndex = _178[1];
-    var _179 = (0, react_1.useState)({
+    }), selectedListAddress = _172[0], setSelectedListAddress = _172[1];
+    var _173 = (0, react_1.useState)({}), selectedObjectData = _173[0], setSelectedObjectData = _173[1];
+    var _174 = (0, react_1.useState)(null), objectCellEdit = _174[0], setObjectCellEdit = _174[1];
+    var _175 = (0, react_1.useState)(false), referenceLoading = _175[0], setReferenceLoading = _175[1];
+    var _176 = (0, react_1.useState)({}), referencesOptions = _176[0], setReferencesOptions = _176[1];
+    var _177 = (0, react_1.useState)({}), referencesDetails = _177[0], setReferencesDetails = _177[1];
+    var _178 = (0, react_1.useState)({}), listReferencesOptions = _178[0], setListReferencesOptions = _178[1];
+    var _179 = (0, react_1.useState)({}), referenceDeleteTableData = _179[0], setReferenceDeleteTableData = _179[1];
+    var _180 = (0, react_1.useState)(0), referenceDeleteIndex = _180[0], setReferenceDeleteIndex = _180[1];
+    var _181 = (0, react_1.useState)({
         id: "",
         name: "",
         type: "string",
-    }), referenceCreationModal = _179[0], setReferenceCreationModal = _179[1];
-    var _180 = (0, react_1.useState)({}), referenceModelSchema = _180[0], setReferenceSchema = _180[1];
-    var _181 = (0, react_1.useState)([]), kanbanChecked = _181[0], setKanbanChecked = _181[1];
+    }), referenceCreationModal = _181[0], setReferenceCreationModal = _181[1];
+    var _182 = (0, react_1.useState)({}), referenceModelSchema = _182[0], setReferenceSchema = _182[1];
+    var _183 = (0, react_1.useState)([]), kanbanChecked = _183[0], setKanbanChecked = _183[1];
     //INFO : Offline
-    var _182 = (0, react_1.useState)(0), offlineDataLength = _182[0], setOfflineDataLength = _182[1];
-    var _183 = (0, react_1.useState)(false), offlineModal = _183[0], setOfflineModal = _183[1];
+    var _184 = (0, react_1.useState)(0), offlineDataLength = _184[0], setOfflineDataLength = _184[1];
+    var _185 = (0, react_1.useState)(false), offlineModal = _185[0], setOfflineModal = _185[1];
     // INFO: live-stream state — driven by socket connection and navigator.onLine
-    var _184 = (0, react_1.useState)(false), isLive = _184[0], setIsLive = _184[1];
-    var _185 = (0, react_1.useState)(false), isLiveOffline = _185[0], setIsLiveOffline = _185[1];
+    var _186 = (0, react_1.useState)(false), isLive = _186[0], setIsLive = _186[1];
+    var _187 = (0, react_1.useState)(false), isLiveOffline = _187[0], setIsLiveOffline = _187[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 _186 = (0, react_1.useState)(typeof navigator !== "undefined" ? !navigator.onLine : false), isNetworkOffline = _186[0], setIsNetworkOffline = _186[1];
+    var _188 = (0, react_1.useState)(typeof navigator !== "undefined" ? !navigator.onLine : false), isNetworkOffline = _188[0], setIsNetworkOffline = _188[1];
     var previousType = (0, react_1.useRef)(null);
     var previousSelectedData = (0, react_1.useRef)(null);
     var scrollSentinelRef = (0, react_1.useRef)(null);
@@ -587,6 +587,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var exportCSVEmailInputRef = (0, react_1.createRef)();
     var readQueryHocRef = (0, react_1.useRef)(null);
     var listRQueryHocRef = (0, react_1.useRef)(null);
+    // INFO: the list request as it was before a saved view was applied; checked
+    // after the next render to tell whether the view changed what is fetched
+    var pendingViewCondKeyRef = (0, react_1.useRef)(null);
+    // INFO: the schema's own columns while a saved view overlays hide/order on
+    // screen; null when nothing is overlaid and structure is the schema itself
+    var schemaStructureRef = (0, react_1.useRef)(null);
     var typingTimeout = (0, react_1.useRef)(null);
     var flexFilterTypingTimeout = (0, react_1.useRef)(null);
     var mapViewRef = (0, react_1.useRef)(null);
@@ -634,12 +640,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         ? true
         : false;
     // INFO: a consumer that wires onChangeHide owns the hide at schema level
-    // (Space, Sun Luan) — toggling writes to the model and calls back. Without it
+    // (shared by every user) — toggling writes to the model and calls back. Without it
     // the hide is this user's own and lives in userHiddenColumnIds.
     var isSchemaHideMode = ((_8 = props.organise) === null || _8 === void 0 ? void 0 : _8.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 _187 = (0, react_1.useState)((_10 = (_9 = (isPersistEnabled ? persistedState === null || persistedState === void 0 ? void 0 : persistedState.pageLimit : undefined)) !== null && _9 !== void 0 ? _9 : props.limit) !== null && _10 !== void 0 ? _10 : 10), pageLimit = _187[0], setPageLimit = _187[1];
+    var _189 = (0, react_1.useState)((_10 = (_9 = (isPersistEnabled ? persistedState === null || persistedState === void 0 ? void 0 : persistedState.pageLimit : undefined)) !== null && _9 !== void 0 ? _9 : props.limit) !== null && _10 !== void 0 ? _10 : 10), pageLimit = _189[0], setPageLimit = _189[1];
     var limit = pageLimit;
     var isSavedViewsEnabled = !!((_11 = props.organise) === null || _11 === void 0 ? void 0 : _11.savedViews) && resolvedType === "list";
     // INFO: a saved view carries its sort, so the sort is held here as with persistViewState
@@ -651,7 +657,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             setPersistedSort(value);
         (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.onChangeSort) === null || _b === void 0 ? void 0 : _b.call(_a, value);
     };
-    var _188 = (0, permissions_1.handleResolveDataTemplateWritePermissions)(props.edit), canUpdateRecord = _188.canUpdateRecord, canInlineUpdate = _188.canInlineUpdate, canBatchUpdate = _188.canBatchUpdate, canDeleteRecord = _188.canDeleteRecord;
+    var _190 = (0, permissions_1.handleResolveDataTemplateWritePermissions)(props.edit), canUpdateRecord = _190.canUpdateRecord, canInlineUpdate = _190.canInlineUpdate, canBatchUpdate = _190.canBatchUpdate, canDeleteRecord = _190.canDeleteRecord;
     var isEditor = ((_13 = props.edit) === null || _13 === void 0 ? void 0 : _13.allEditable) ? true : false;
     var isOffline = (_14 = props.bareSettings) === null || _14 === void 0 ? void 0 : _14.bareOffline;
     // INFO: when bareOfflineNetworkAware is true, the save path is also gated on
@@ -793,15 +799,30 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     //=====================================================================================
     //SECTION: User Column Visibility Handlers
     //=====================================================================================
-    var handleToggleUserHiddenColumn = function (columnId) {
+    // INFO: a write-back carries the schema's columns plus the user's one change,
+    // never the hide/order a personal saved view put on screen
+    var handleUpdateSchemaStructure = function (update) {
         var _a;
+        var schemaColumns = update((_a = schemaStructureRef.current) !== null && _a !== void 0 ? _a : structure);
+        if (schemaStructureRef.current)
+            schemaStructureRef.current = schemaColumns;
+        return schemaColumns;
+    };
+    var handleToggleUserHiddenColumn = function (columnId) {
+        var _a, _b;
         if ((_a = props.organise) === null || _a === void 0 ? void 0 : _a.onChangeHide) {
-            var updatedModel = structure.map(function (eachColumn) {
-                return eachColumn.id === columnId
-                    ? __assign(__assign({}, eachColumn), { hide: !eachColumn.hide }) : eachColumn;
+            var nextHide_1 = !((_b = structure.find(function (eachColumn) { return eachColumn.id === columnId; })) === null || _b === void 0 ? void 0 : _b.hide);
+            var handleSetHide = function (columns) {
+                return columns.map(function (eachColumn) {
+                    return eachColumn.id === columnId
+                        ? __assign(__assign({}, eachColumn), { hide: nextHide_1 }) : eachColumn;
+                });
+            };
+            setStructure(handleSetHide(structure));
+            props.organise.onChangeHide(handleUpdateSchemaStructure(handleSetHide), {
+                columnId: columnId,
+                hide: nextHide_1,
             });
-            setStructure(updatedModel);
-            props.organise.onChangeHide(updatedModel);
             return;
         }
         setUserHiddenColumnIds(function (prevIds) {
@@ -813,9 +834,13 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var handleShowAllUserHiddenColumns = function () {
         var _a;
         if ((_a = props.organise) === null || _a === void 0 ? void 0 : _a.onChangeHide) {
-            var updatedModel = structure.map(function (eachColumn) { return (__assign(__assign({}, eachColumn), { hide: false })); });
-            setStructure(updatedModel);
-            props.organise.onChangeHide(updatedModel);
+            var handleShowAll = function (columns) {
+                return columns.map(function (eachColumn) { return (__assign(__assign({}, eachColumn), { hide: false })); });
+            };
+            setStructure(handleShowAll(structure));
+            props.organise.onChangeHide(handleUpdateSchemaStructure(handleShowAll), {
+                showAll: true,
+            });
             return;
         }
         setUserHiddenColumnIds([]);
@@ -826,15 +851,21 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         var _a, _b;
         if (dragId === dropId)
             return;
-        var dragIndex = structure.findIndex(function (eachCol) { return eachCol.id === dragId; });
-        var dropIndex = structure.findIndex(function (eachCol) { return eachCol.id === dropId; });
-        if (dragIndex < 0 || dropIndex < 0)
+        var handleMove = function (columns) {
+            var dragIndex = columns.findIndex(function (eachCol) { return eachCol.id === dragId; });
+            var dropIndex = columns.findIndex(function (eachCol) { return eachCol.id === dropId; });
+            if (dragIndex < 0 || dropIndex < 0)
+                return columns;
+            var moved = __spreadArray([], columns, true);
+            var dragged = moved.splice(dragIndex, 1)[0];
+            moved.splice(dropIndex, 0, dragged);
+            return moved;
+        };
+        var updatedModel = handleMove(structure);
+        if (updatedModel === structure)
             return;
-        var updatedModel = __spreadArray([], structure, true);
-        var moved = updatedModel.splice(dragIndex, 1)[0];
-        updatedModel.splice(dropIndex, 0, moved);
         setStructure(updatedModel);
-        (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.onChangeDrag) === null || _b === void 0 ? void 0 : _b.call(_a, dragId, dropId, updatedModel.map(function (eachCol) { return ({
+        (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.onChangeDrag) === null || _b === void 0 ? void 0 : _b.call(_a, dragId, dropId, handleUpdateSchemaStructure(handleMove).map(function (eachCol) { return ({
             key: eachCol.id,
             title: eachCol.name,
         }); }));
@@ -1085,10 +1116,25 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         setSavedViewName(null);
         setDeletingSavedViewId(null);
     }, [viewType]);
+    // INFO: a view can change the saved state without changing the request —
+    // rows per page on a calendar, map or grouped tab (no limit is sent), or a
+    // filter with no value. ReadQueryHoc only reads when its cond changes, so
+    // the loading set by the apply would never clear; ask for the read here.
+    (0, react_1.useEffect)(function () {
+        var _a;
+        if (pendingViewCondKeyRef.current === null)
+            return;
+        var isSameRequest = pendingViewCondKeyRef.current ===
+            JSON.stringify(handleReadQueryHocCond());
+        pendingViewCondKeyRef.current = null;
+        if (isSameRequest)
+            (_a = listRQueryHocRef.current) === null || _a === void 0 ? void 0 : _a.handleRefresh();
+    });
+    // INFO: fallback ids are numbered over the full list, before the tab filter,
+    // so one default view keeps the same id on every tab it shows on
     var handleGetTabSavedViews = function () {
         var _a, _b;
         return __spreadArray(__spreadArray([], ((_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.defaultSavedViews) !== null && _b !== void 0 ? _b : [])
-            .filter(function (eachView) { return !eachView.tabId || eachView.tabId === viewType; })
             .map(function (eachView, index) {
             var _a, _b;
             return ({
@@ -1098,8 +1144,20 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 state: eachView.state,
                 locked: true,
             });
-        }), true), savedViews.filter(function (eachView) { return eachView.tabId === viewType; }), true);
+        })
+            .filter(function (eachView) { return eachView.tabId === viewType; }), true), savedViews.filter(function (eachView) { return eachView.tabId === viewType; }), true);
     };
+    var defaultSavedViewIds = ((_58 = (_57 = props.organise) === null || _57 === void 0 ? void 0 : _57.defaultSavedViews) !== null && _58 !== void 0 ? _58 : [])
+        .map(function (eachView) { var _a; return (_a = eachView.id) !== null && _a !== void 0 ? _a : ""; })
+        .join("|");
+    // INFO: keyed on the ids, not the array, so an inline literal passed on every
+    // render does not repeat the warning on every render
+    (0, react_1.useEffect)(function () {
+        var ids = defaultSavedViewIds.split("|").filter(Boolean);
+        var repeated = ids.filter(function (eachId, index) { return ids.indexOf(eachId) !== index; });
+        if (repeated.length > 0)
+            console.warn("DataTemplate: defaultSavedViews ids must be unique, repeated: ".concat(Array.from(new Set(repeated)).join(", ")));
+    }, [defaultSavedViewIds]);
     // INFO: a view is the defaults overridden by its own fields, so a field it
     // leaves out is reset rather than carried over from whatever was on screen
     var handleResolveViewState = function (state) {
@@ -1123,7 +1181,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         });
     };
     var handleApplySavedView = function (view) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
         var next = handleResolveViewState((_a = view === null || view === void 0 ? void 0 : view.state) !== null && _a !== void 0 ? _a : null);
         var isQueryChanged = !(0, viewStatePersistence_1.handleIsSameViewState)((0, viewStatePersistence_1.handlePickQueryState)(handleBuildViewSnapshot()), (0, viewStatePersistence_1.handlePickQueryState)(next));
         handleClearFlexFilterTypingTimeout();
@@ -1140,17 +1198,38 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             : initialFilterReferenceDate);
         handleCommitFlexFilters(((_f = next.flexFilters) === null || _f === void 0 ? void 0 : _f.length) ? next.flexFilters : defaultFlexFilterRow);
         setPersistedSort(next.sort);
+        if (next.sort && !(0, viewStatePersistence_1.handleIsSameViewState)(next.sort, activeSortId !== null && activeSortId !== void 0 ? activeSortId : {}))
+            (_h = (_g = props.organise) === null || _g === void 0 ? void 0 : _g.onChangeSort) === null || _h === void 0 ? void 0 : _h.call(_g, next.sort);
         if (next.pageLimit)
             setPageLimit(next.pageLimit);
-        setUserHiddenColumnIds((_g = next.userHiddenColumnIds) !== null && _g !== void 0 ? _g : []);
+        setUserHiddenColumnIds((_j = next.userHiddenColumnIds) !== null && _j !== void 0 ? _j : []);
+        if (view) {
+            if (!schemaStructureRef.current)
+                schemaStructureRef.current = structure;
+        }
+        else {
+            schemaStructureRef.current = null;
+        }
         setStructure(function (prev) { return handleApplyViewColumns(prev, next); });
-        // INFO: only a query change refetches — loading with no refetch never ends
-        if (isQueryChanged)
+        if (isQueryChanged) {
+            // INFO: the list loads until a new read lands; whether the request itself
+            // changed is only known after this render, so the effect below compares
+            pendingViewCondKeyRef.current = JSON.stringify(handleReadQueryHocCond());
             handleClearDataByFilter();
-        setActiveSavedViewId((_h = view === null || view === void 0 ? void 0 : view.id) !== null && _h !== void 0 ? _h : null);
+            if (pageIndex !== 0)
+                (_l = (_k = props.organise) === null || _k === void 0 ? void 0 : _k.onChangePagination) === null || _l === void 0 ? void 0 : _l.call(_k, 0);
+            (_o = (_m = props.bareSettings) === null || _m === void 0 ? void 0 : _m.bareListHandleFilter) === null || _o === void 0 ? void 0 : _o.call(_m, (_p = next.filterSearchParams) !== null && _p !== void 0 ? _p : {}, (_q = next.filterSelection) !== null && _q !== void 0 ? _q : {}, next.filterReferenceDate
+                ? (0, viewStatePersistence_1.parseDateFilterState)(next.filterReferenceDate)
+                : initialFilterReferenceDate, (_r = next.filterReference) !== null && _r !== void 0 ? _r : {});
+        }
+        setActiveSavedViewId((_s = view === null || view === void 0 ? void 0 : view.id) !== null && _s !== void 0 ? _s : null);
         setDeletingSavedViewId(null);
     };
-    var handleStoreSavedViews = function (views) {
+    // INFO: re-read storage before each write so a change made in another browser
+    // tab on the same list is kept rather than overwritten by this tab's copy;
+    // with storage unavailable the in-memory list is the only copy, so it is used
+    var handleStoreSavedViews = function (update) {
+        var views = update((0, viewStatePersistence_1.handleReadSavedViews)(savedViewsKey, savedViews));
         setSavedViews(views);
         (0, viewStatePersistence_1.handleWriteSavedViews)(savedViewsKey, views);
     };
@@ -1160,25 +1239,33 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         if (!trimmed)
             return;
         var state = (0, viewStatePersistence_1.handlePickViewState)(handleBuildViewSnapshot());
-        var existing = savedViews.find(function (eachView) { return eachView.tabId === viewType && eachView.name === trimmed; });
-        var saved = existing
-            ? __assign(__assign({}, existing), { state: state }) : { id: (0, uuid_1.v4)(), name: trimmed, tabId: viewType, state: state };
-        handleStoreSavedViews(existing
-            ? savedViews.map(function (eachView) {
-                return eachView.id === existing.id ? saved : eachView;
-            })
-            : __spreadArray(__spreadArray([], savedViews, true), [saved], false));
-        setActiveSavedViewId(saved.id);
+        var savedId = "";
+        handleStoreSavedViews(function (views) {
+            var existing = views.find(function (eachView) { return eachView.tabId === viewType && eachView.name === trimmed; });
+            var saved = existing
+                ? __assign(__assign({}, existing), { state: state }) : { id: (0, uuid_1.v4)(), name: trimmed, tabId: viewType, state: state };
+            savedId = saved.id;
+            return existing
+                ? views.map(function (eachView) {
+                    return eachView.id === existing.id ? saved : eachView;
+                })
+                : __spreadArray(__spreadArray([], views, true), [saved], false);
+        });
+        setActiveSavedViewId(savedId);
         setSavedViewName(null);
     };
     var handleUpdateSavedView = function (id) {
         var state = (0, viewStatePersistence_1.handlePickViewState)(handleBuildViewSnapshot());
-        handleStoreSavedViews(savedViews.map(function (eachView) {
-            return eachView.id === id ? __assign(__assign({}, eachView), { state: state }) : eachView;
-        }));
+        handleStoreSavedViews(function (views) {
+            return views.map(function (eachView) {
+                return eachView.id === id ? __assign(__assign({}, eachView), { state: state }) : eachView;
+            });
+        });
     };
     var handleDeleteSavedView = function (id) {
-        handleStoreSavedViews(savedViews.filter(function (eachView) { return eachView.id !== id; }));
+        handleStoreSavedViews(function (views) {
+            return views.filter(function (eachView) { return eachView.id !== id; });
+        });
         if (activeSavedViewId === id)
             setActiveSavedViewId(null);
         setDeletingSavedViewId(null);
@@ -1267,7 +1354,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         var isOtherListReturn = !(0, viewStatePersistence_1.handleIsLastDrill)(props.collectionId, (_c = props.organise) === null || _c === void 0 ? void 0 : _c.persistKey);
         scrollRestoredRef.current = isSwitch || isOtherListReturn;
         /* eslint-disable */
-    }, [props.collectionId, (_57 = props.organise) === null || _57 === void 0 ? void 0 : _57.persistKey]);
+    }, [props.collectionId, (_59 = props.organise) === null || _59 === void 0 ? void 0 : _59.persistKey]);
     /* eslint-enable */
     // INFO: wait a frame — rows land in state one tick before layout
     (0, react_1.useEffect)(function () {
@@ -1302,7 +1389,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     (0, react_1.useEffect)(function () {
         handleOfflinePrefetch();
         /* eslint-disable */
-    }, [props.collectionId, (_58 = props.bareSettings) === null || _58 === void 0 ? void 0 : _58.bareOffline]);
+    }, [props.collectionId, (_60 = props.bareSettings) === null || _60 === void 0 ? void 0 : _60.bareOffline]);
     /* eslint-enable */
     // INFO: MRQ polling — calls handleRefresh every N ms (e.g. 1500) as a fallback.
     // Calls through handleRefreshRef so the interval always dispatches the latest
@@ -1322,7 +1409,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         }, interval);
         return function () { return clearInterval(timer); };
         /* eslint-disable */
-    }, [(_59 = props.bareSettings) === null || _59 === void 0 ? void 0 : _59.barePollingInterval, isLive, isNetworkOffline]);
+    }, [(_61 = props.bareSettings) === null || _61 === void 0 ? void 0 : _61.barePollingInterval, isLive, isNetworkOffline]);
     /* eslint-enable */
     // INFO: Pub/Sub → SSE live-stream — driven by bareSettings.bareSocketName
     // EventSource URL: {sseEndpoint}/{room}?bm_apiToken={token}
@@ -1364,7 +1451,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         };
         /* eslint-disable */
     }, [
-        (_60 = props.bareSettings) === null || _60 === void 0 ? void 0 : _60.bareSocketName,
+        (_62 = props.bareSettings) === null || _62 === void 0 ? void 0 : _62.bareSocketName,
         props.collectionId,
         props.devSettings.sseEndpoint,
         props.devSettings.dbAPIToken,
@@ -1570,6 +1657,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             !persistedState ||
             persistedViewMountedRef.current) {
             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 : []);
@@ -1609,10 +1697,10 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         props.collectionId,
         props.model,
         props.localURLEndpoint,
-        (_61 = props.organise) === null || _61 === void 0 ? void 0 : _61.extendedTabs,
-        (_62 = props.organise) === null || _62 === void 0 ? void 0 : _62.viewId,
-        (_63 = props.organise) === null || _63 === void 0 ? void 0 : _63.additionalQuery,
-        (_64 = props.organise) === null || _64 === void 0 ? void 0 : _64.groupBy,
+        (_63 = props.organise) === null || _63 === void 0 ? void 0 : _63.extendedTabs,
+        (_64 = props.organise) === null || _64 === void 0 ? void 0 : _64.viewId,
+        (_65 = props.organise) === null || _65 === void 0 ? void 0 : _65.additionalQuery,
+        (_66 = props.organise) === null || _66 === void 0 ? void 0 : _66.groupBy,
         resolvedType,
     ]);
     /**
@@ -1753,7 +1841,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             };
         }, 100);
         return function () { return clearTimeout(timeoutId); };
-    }, [(_65 = props.organise) === null || _65 === void 0 ? void 0 : _65.showReadFloatingNav, resolvedType, props.id, loading]);
+    }, [(_67 = props.organise) === null || _67 === void 0 ? void 0 : _67.showReadFloatingNav, resolvedType, props.id, loading]);
     (0, react_1.useEffect)(function () {
         if (resolvedType !== "read")
             return;
@@ -10192,7 +10280,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         renderNotification("root"),
-        ((_67 = (_66 = props.renderSettings) === null || _66 === void 0 ? void 0 : _66.renderLoadingUI) === null || _67 === void 0 ? void 0 : _67.call(_66)) && loading ? ((_68 = props.renderSettings) === null || _68 === void 0 ? void 0 : _68.renderLoadingUI()) : (react_1.default.createElement(modal_1.Modal, { darkMode: (_69 = props.organise) === null || _69 === void 0 ? void 0 : _69.darkMode, darkModeBg: (_70 = props.organise) === null || _70 === void 0 ? void 0 : _70.darkModeBg, maxWidth: selectedObjectStructureId || excelModal ? "2xl" : undefined, open: modalVisible, title: renderModalTitle(), renderContent: renderModalContent, onClose: function () {
+        ((_69 = (_68 = props.renderSettings) === null || _68 === void 0 ? void 0 : _68.renderLoadingUI) === null || _69 === void 0 ? void 0 : _69.call(_68)) && loading ? ((_70 = props.renderSettings) === null || _70 === void 0 ? void 0 : _70.renderLoadingUI()) : (react_1.default.createElement(modal_1.Modal, { darkMode: (_71 = props.organise) === null || _71 === void 0 ? void 0 : _71.darkMode, darkModeBg: (_72 = props.organise) === null || _72 === void 0 ? void 0 : _72.darkModeBg, maxWidth: selectedObjectStructureId || excelModal ? "2xl" : undefined, open: modalVisible, title: renderModalTitle(), renderContent: renderModalContent, onClose: function () {
                 var _a, _b;
                 if (loading)
                     return;
@@ -10203,7 +10291,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     setExportCSVEmail((_b = (_a = props.devSettings.currentUser) === null || _a === void 0 ? void 0 : _a.userEmail) !== null && _b !== void 0 ? _b : "");
                 }
             }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) })),
-        react_1.default.createElement(modal_1.Modal, { darkMode: (_71 = props.organise) === null || _71 === void 0 ? void 0 : _71.darkMode, darkModeBg: (_72 = props.organise) === null || _72 === void 0 ? void 0 : _72.darkModeBg, maxWidth: "2xl", open: referenceCreationModal.id ? true : false, renderContent: function () {
+        react_1.default.createElement(modal_1.Modal, { darkMode: (_73 = props.organise) === null || _73 === void 0 ? void 0 : _73.darkMode, darkModeBg: (_74 = props.organise) === null || _74 === void 0 ? void 0 : _74.darkModeBg, maxWidth: "2xl", open: referenceCreationModal.id ? true : false, renderContent: function () {
                 return (react_1.default.createElement(referenceModal_1.ReferenceModal, { referenceModelSchema: referenceModelSchema, referenceDataStructure: referenceCreationModal, devSettings: props.devSettings, handleCreateRefId: function (dataId) {
                         if (dataId) {
                             var currentValue = selectedData[referenceCreationModal.id];
@@ -10219,19 +10307,19 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             }, onClose: function () {
                 setReferenceCreationModal({ id: "", name: "", type: "string" });
             } }),
-        react_1.default.createElement(modal_1.Modal, { darkMode: (_73 = props.organise) === null || _73 === void 0 ? void 0 : _73.darkMode, darkModeBg: (_74 = props.organise) === null || _74 === void 0 ? void 0 : _74.darkModeBg, maxWidth: "2xl", open: Object.keys(referenceDeleteTableData).length > 0, renderContent: renderReferenceDeleteTable, onClose: function () {
+        react_1.default.createElement(modal_1.Modal, { darkMode: (_75 = props.organise) === null || _75 === void 0 ? void 0 : _75.darkMode, darkModeBg: (_76 = props.organise) === null || _76 === void 0 ? void 0 : _76.darkModeBg, maxWidth: "2xl", open: Object.keys(referenceDeleteTableData).length > 0, renderContent: renderReferenceDeleteTable, onClose: function () {
                 setReferenceDeleteTableData({});
             }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),
-        react_1.default.createElement(modal_1.Modal, { darkMode: (_75 = props.organise) === null || _75 === void 0 ? void 0 : _75.darkMode, darkModeBg: (_76 = props.organise) === null || _76 === void 0 ? void 0 : _76.darkModeBg, open: deleteModal, renderContent: renderDeleteModalContent, onClose: function () {
+        react_1.default.createElement(modal_1.Modal, { darkMode: (_77 = props.organise) === null || _77 === void 0 ? void 0 : _77.darkMode, darkModeBg: (_78 = props.organise) === null || _78 === void 0 ? void 0 : _78.darkModeBg, open: deleteModal, renderContent: renderDeleteModalContent, onClose: function () {
                 setDeletePasscodeInput("");
                 setDeleteModal(!deleteModal);
                 setDeleteFeedId("");
             }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),
-        react_1.default.createElement(modal_1.Modal, { darkMode: (_77 = props.organise) === null || _77 === void 0 ? void 0 : _77.darkMode, darkModeBg: (_78 = props.organise) === null || _78 === void 0 ? void 0 : _78.darkModeBg, open: batchUpdateModal, renderContent: renderBatchUpdateModalContent, onClose: function () {
+        react_1.default.createElement(modal_1.Modal, { darkMode: (_79 = props.organise) === null || _79 === void 0 ? void 0 : _79.darkMode, darkModeBg: (_80 = props.organise) === null || _80 === void 0 ? void 0 : _80.darkModeBg, open: batchUpdateModal, renderContent: renderBatchUpdateModalContent, onClose: function () {
                 setBatchUpdateData({ columnId: "", columnData: {} });
                 setBatchUpdateModal(false);
             }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),
-        react_1.default.createElement(modal_1.Modal, { darkMode: (_79 = props.organise) === null || _79 === void 0 ? void 0 : _79.darkMode, darkModeBg: (_80 = props.organise) === null || _80 === void 0 ? void 0 : _80.darkModeBg, title: "Edit Auth Method", open: selectedAuthMethod ? true : false, renderContent: function () {
+        react_1.default.createElement(modal_1.Modal, { darkMode: (_81 = props.organise) === null || _81 === void 0 ? void 0 : _81.darkMode, darkModeBg: (_82 = props.organise) === null || _82 === void 0 ? void 0 : _82.darkModeBg, title: "Edit Auth Method", open: selectedAuthMethod ? true : false, renderContent: function () {
                 var _a;
                 if (props.space)
                     return (react_1.default.createElement(authModal_1.AuthModal, { space: props.space, userId: (_a = props.id) !== null && _a !== void 0 ? _a : "", type: selectedAuthMethod, authMethods: authMethods, onComplete: handleAuthComplete }));
@@ -10239,7 +10327,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             }, onClose: function () {
                 setSelectedAuthMethod("");
             } }),
-        isActivityLog && (react_1.default.createElement(modal_1.Modal, { darkMode: (_81 = props.organise) === null || _81 === void 0 ? void 0 : _81.darkMode, darkModeBg: (_82 = props.organise) === null || _82 === void 0 ? void 0 : _82.darkModeBg, open: activityModal, title: "Activity Log", renderContent: function () {
+        isActivityLog && (react_1.default.createElement(modal_1.Modal, { darkMode: (_83 = props.organise) === null || _83 === void 0 ? void 0 : _83.darkMode, darkModeBg: (_84 = props.organise) === null || _84 === void 0 ? void 0 : _84.darkModeBg, open: activityModal, title: "Activity Log", renderContent: function () {
                 var _a, _b;
                 return (react_1.default.createElement(activityModal_1.ActivityModal, { title: props.title && typeof props.title === "string"
                         ? props.title