blixify-ui-web 1.2.142 → 1.2.144

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

@@ -215,10 +215,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, _83, _84, _85, _86, _87, _88, _89, _90, _91, _92, _93, _94, _95;
+    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 _96 = (0, react_1.useState)(false), drawerPageView = _96[0], setDrawerPageView = _96[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.
@@ -300,18 +300,18 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             initialFilterReferenceDate: initialFilterReferenceDate,
         };
     };
-    var _97 = intialiseDefaultFilterValues(), initialFilterSearch = _97.initialFilterSearch, initialFilterSearchParams = _97.initialFilterSearchParams, initialFilterSelection = _97.initialFilterSelection, initialFilterReference = _97.initialFilterReference, initialFilterReferenceDate = _97.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 _98 = (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 = _98.persistedState, isPersistEnabled = _98.isEnabled, handleSaveView = _98.handleSaveView, handleRegisterViewSnapshot = _98.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 _99 = (0, react_1.useState)(false), loading = _99[0], setLoading = _99[1];
-    var _100 = (0, react_1.useState)(), notification = _100[0], setNotification = _100[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 () {
@@ -321,62 +321,62 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         return function () { return clearTimeout(timer); };
     }, [notification]);
     //INFO : Used by List
-    var _101 = (0, react_1.useState)((_d = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterSearchParams) !== null && _d !== void 0 ? _d : initialFilterSearch), filterSearch = _101[0], setFilterSearch = _101[1];
-    var _102 = (0, react_1.useState)((_e = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterSearchParams) !== null && _e !== void 0 ? _e : initialFilterSearchParams), filterSearchParams = _102[0], setFilterSearchParams = _102[1];
-    var _103 = (0, react_1.useState)((_f = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterSelection) !== null && _f !== void 0 ? _f : initialFilterSelection), filterSelection = _103[0], setFilterSelection = _103[1];
-    var _104 = (0, react_1.useState)((_g = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterReference) !== null && _g !== void 0 ? _g : initialFilterReference), filterReference = _104[0], setFilterReference = _104[1];
-    var _105 = (0, react_1.useState)({}), filterReferenceSearch = _105[0], setFilterReferenceSearch = _105[1];
-    var _106 = (0, react_1.useState)({}), filterReferenceList = _106[0], setFilterReferenceList = _106[1];
-    var _107 = (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 = _107[0], setFilterReferenceDate = _107[1];
-    var _108 = (0, react_1.useState)(true), tableLoading = _108[0], setTableLoading = _108[1];
-    var _109 = (0, react_1.useState)(""), cursor = _109[0], setCursor = _109[1];
-    var _110 = (0, react_1.useState)(""), lastCursor = _110[0], setLastCursor = _110[1];
-    var _111 = (0, react_1.useState)([]), tableData = _111[0], setTableData = _111[1];
-    var _112 = (0, react_1.useState)([]), spaceTableData = _112[0], setSpaceTableData = _112[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 _113 = (0, react_1.useState)(0), size = _113[0], setSize = _113[1];
-    var _114 = (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 = _114[0], setPageIndex = _114[1];
-    var _115 = (0, react_1.useState)([]), selectedIds = _115[0], setSelectedIds = _115[1];
-    var _116 = (0, react_1.useState)(false), selectAll = _116[0], setSelectAll = _116[1];
-    var _117 = (0, react_1.useState)(""), deletePasscode = _117[0], setDeletePasscode = _117[1];
-    var _118 = (0, react_1.useState)(""), deletePasscodeInput = _118[0], setDeletePasscodeInput = _118[1];
-    var _119 = (0, react_1.useState)(""), deleteFeedId = _119[0], setDeleteFeedId = _119[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 _120 = (0, react_1.useState)((_l = persistedState === null || persistedState === void 0 ? void 0 : persistedState.sort) !== null && _l !== void 0 ? _l : undefined), persistedSort = _120[0], setPersistedSort = _120[1];
-    var _121 = (0, react_1.useState)(false), filterDraft = _121[0], setFilterDraft = _121[1];
-    var _122 = (0, react_1.useState)(false), addTabModal = _122[0], setAddTabModal = _122[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 _123 = (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 = _123[0], setSelectedTab = _123[1];
-    var _124 = (0, react_1.useState)("dayGridMonth"), calendarView = _124[0], setCalendarView = _124[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 _125 = (0, react_1.useState)("month"), newCalendarViewMode = _125[0], setNewCalendarViewMode = _125[1];
-    var _126 = (0, react_1.useState)(new Date()), calendarTabMonth = _126[0], setCalendarTabMonth = _126[1];
+    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];
     // 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 _127 = (0, react_1.useState)(true), kanbanDroppable = _127[0], setKanbanDroppable = _127[1];
-    var _128 = (0, react_1.useState)([]), kanbanOptions = _128[0], setKanbanOptions = _128[1];
-    var _129 = (0, react_1.useState)(false), queryForm = _129[0], setQueryForm = _129[1];
-    var _130 = (0, react_1.useState)(false), batchUpdateModal = _130[0], setBatchUpdateModal = _130[1];
-    var _131 = (0, react_1.useState)({
+    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 = _131[0], setBatchUpdateData = _131[1];
-    var _132 = (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;
@@ -402,8 +402,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             });
         }
         return model;
-    }), structure = _132[0], setStructure = _132[1];
-    var _133 = (0, react_1.useState)(((_m = props === null || props === void 0 ? void 0 : props.organise) === null || _m === void 0 ? void 0 : _m.additionalQuery) || []), additionalQuery = _133[0], setAdditionalQuery = _133[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 = [
@@ -414,9 +414,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             value: undefined,
         },
     ];
-    var _134 = (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 = _134[0], setFlexFilters = _134[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);
@@ -429,109 +429,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 _135 = (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 = _135[0], setFlexFiltersDebounced = _135[1];
-    var _136 = (0, react_1.useState)({}), flexFilterReferenceOptions = _136[0], setFlexFilterReferenceOptions = _136[1];
-    var _137 = (0, react_1.useState)({}), flexFilterReferenceSearch = _137[0], setFlexFilterReferenceSearch = _137[1];
-    var _138 = (0, react_1.useState)(false), flexFilterModalOpen = _138[0], setFlexFilterModalOpen = _138[1];
-    var _139 = (0, react_1.useState)(false), viewSettingsModalOpen = _139[0], setViewSettingsModalOpen = _139[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 _140 = (0, react_1.useState)((_o = persistedState === null || persistedState === void 0 ? void 0 : persistedState.userHiddenColumnIds) !== null && _o !== void 0 ? _o : []), userHiddenColumnIds = _140[0], setUserHiddenColumnIds = _140[1];
-    var _141 = (0, react_1.useState)(""), columnSearch = _141[0], setColumnSearch = _141[1];
-    var _142 = (0, react_1.useState)([]), savedViews = _142[0], setSavedViews = _142[1];
-    var _143 = (0, react_1.useState)(null), activeSavedViewId = _143[0], setActiveSavedViewId = _143[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 _144 = (0, react_1.useState)(null), savedViewName = _144[0], setSavedViewName = _144[1];
-    var _145 = (0, react_1.useState)(null), deletingSavedViewId = _145[0], setDeletingSavedViewId = _145[1];
-    var _146 = (0, react_1.useState)(null), draggingColumnId = _146[0], setDraggingColumnId = _146[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 _147 = (0, react_1.useState)({
+    var _136 = (0, react_1.useState)({
         email: "",
         google: "",
         phone: "",
         disabled: false,
         create: false,
-    }), authMethods = _147[0], setAuthMethods = _147[1];
-    var _148 = (0, react_1.useState)(""), selectedAuthMethod = _148[0], setSelectedAuthMethod = _148[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 _149 = (0, react_1.useState)(false), activityModal = _149[0], setActivityModal = _149[1];
-    var _150 = (0, react_1.useState)(""), activityId = _150[0], setActivityId = _150[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 _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];
-    var _167 = (0, react_1.useState)((_y = props.organise) === null || _y === void 0 ? void 0 : _y.groupBy), groupId = _167[0], setGroupId = _167[1];
-    var _168 = (0, react_1.useState)(""), readTabSection = _168[0], setReadTabSection = _168[1];
-    var _169 = (0, react_1.useState)(false), readFloatingNav = _169[0], setReadFloatingNav = _169[1];
+    var _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 _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 _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 = _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 = _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 = _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)(0), referenceDeleteIndex = _191[0], setReferenceDeleteIndex = _191[1];
-    var _192 = (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 = _192[0], setReferenceCreationModal = _192[1];
-    var _193 = (0, react_1.useState)({}), referenceModelSchema = _193[0], setReferenceSchema = _193[1];
-    var _194 = (0, react_1.useState)([]), kanbanChecked = _194[0], setKanbanChecked = _194[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 _195 = (0, react_1.useState)(0), offlineDataLength = _195[0], setOfflineDataLength = _195[1];
-    var _196 = (0, react_1.useState)(false), offlineModal = _196[0], setOfflineModal = _196[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 _197 = (0, react_1.useState)(false), isLive = _197[0], setIsLive = _197[1];
-    var _198 = (0, react_1.useState)(false), isLiveOffline = _198[0], setIsLiveOffline = _198[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 _199 = (0, react_1.useState)(typeof navigator !== "undefined" ? !navigator.onLine : false), isNetworkOffline = _199[0], setIsNetworkOffline = _199[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);
@@ -663,7 +663,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     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 _200 = (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 = _200[0], setPageLimit = _200[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
@@ -675,7 +675,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 _201 = (0, permissions_1.handleResolveDataTemplateWritePermissions)(props.edit), canUpdateRecord = _201.canUpdateRecord, canInlineUpdate = _201.canInlineUpdate, canBatchUpdate = _201.canBatchUpdate, canDeleteRecord = _201.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
@@ -711,17 +711,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         ((_30 = props.edit) === null || _30 === void 0 ? void 0 : _30.activityLog.commentCollectionId)) ||
         (((_32 = (_31 = props.edit) === null || _31 === void 0 ? void 0 : _31.activityLog) === null || _32 === void 0 ? void 0 : _32.enableLogs) &&
             ((_33 = props.edit) === null || _33 === void 0 ? void 0 : _33.activityLog.logsCollectionId));
-    var activityRecordId = resolvedType === "read" ? ((_34 = props.id) !== null && _34 !== void 0 ? _34 : "") : activityId;
-    var activityTitleColumn = (_43 = (_41 = (_39 = (_37 = (_36 = (_35 = props.edit) === null || _35 === void 0 ? void 0 : _35.activityLog) === null || _36 === void 0 ? void 0 : _36.recordTitleColumn) !== null && _37 !== void 0 ? _37 : (_38 = props.organise) === null || _38 === void 0 ? void 0 : _38.breadcrumbAttributeId) !== null && _39 !== void 0 ? _39 : (_40 = structure.find(function (column) { return column.id === "title" || column.id === "name"; })) === null || _40 === void 0 ? void 0 : _40.id) !== null && _41 !== void 0 ? _41 : (_42 = structure.find(function (column) { return column.type === "string"; })) === null || _42 === void 0 ? void 0 : _42.id) !== null && _43 !== void 0 ? _43 : "title";
-    var activityRecord = resolvedType === "read" ? selectedData :
-        tableData.find(function (record) { var _a; return ((_a = record._id) !== null && _a !== void 0 ? _a : record.id) === activityRecordId; });
-    var activityRecordTitle = (_44 = activityRecord === null || activityRecord === void 0 ? void 0 : activityRecord[activityTitleColumn]) !== null && _44 !== void 0 ? _44 : activityRecordId;
-    var customPaginationSize = ((_45 = props.organise) === null || _45 === void 0 ? void 0 : _45.customPaginationCount)
+    var customPaginationSize = ((_34 = props.organise) === null || _34 === void 0 ? void 0 : _34.customPaginationCount)
         ? props.organise.customPaginationCount(size)
         : undefined;
     //TODO : Code - Pass ...devSettings, search dbEndpoint:
     var writeServerQuery = new writeQuery_1.WriteQuery({
-        dbModule: (_46 = props.lib) === null || _46 === void 0 ? void 0 : _46.axios,
+        dbModule: (_35 = props.lib) === null || _35 === void 0 ? void 0 : _35.axios,
         dbType: devSettings.server,
         dbCollection: props.collectionId,
         dbEndpoint: devSettings.dbEndpoint,
@@ -729,7 +724,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         dbUserToken: devSettings.dbUserToken,
     });
     var readServerQuery = new readQuery_1.ReadQuery({
-        dbModule: (_47 = props.lib) === null || _47 === void 0 ? void 0 : _47.axios,
+        dbModule: (_36 = props.lib) === null || _36 === void 0 ? void 0 : _36.axios,
         dbType: devSettings.server,
         dbCollection: props.collectionId,
         dbEndpoint: devSettings.dbEndpoint,
@@ -737,9 +732,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         dbUserToken: devSettings.dbUserToken,
     });
     var moreButtonPopUp = [
-        ((_48 = props.edit) === null || _48 === void 0 ? void 0 : _48.allEditable) &&
+        ((_37 = props.edit) === null || _37 === void 0 ? void 0 : _37.allEditable) &&
             !isFirebase &&
-            !((_50 = (_49 = props.organise) === null || _49 === void 0 ? void 0 : _49.exportSettings) === null || _50 === void 0 ? void 0 : _50.hideImportCSV)
+            !((_39 = (_38 = props.organise) === null || _38 === void 0 ? void 0 : _38.exportSettings) === null || _39 === void 0 ? void 0 : _39.hideImportCSV)
             ? {
                 text: "Import Excel",
                 onClick: function () {
@@ -748,7 +743,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_52 = (_51 = props.organise) === null || _51 === void 0 ? void 0 : _51.exportSettings) === null || _52 === void 0 ? void 0 : _52.hideExportCSV)
+        !((_41 = (_40 = props.organise) === null || _40 === void 0 ? void 0 : _40.exportSettings) === null || _41 === void 0 ? void 0 : _41.hideExportCSV)
             ? {
                 text: "Export CSV",
                 onClick: function () {
@@ -758,7 +753,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_54 = (_53 = props.organise) === null || _53 === void 0 ? void 0 : _53.exportSettings) === null || _54 === void 0 ? void 0 : _54.hideExportExcel)
+        !((_43 = (_42 = props.organise) === null || _42 === void 0 ? void 0 : _42.exportSettings) === null || _43 === void 0 ? void 0 : _43.hideExportExcel)
             ? {
                 text: "Export Excel",
                 onClick: function () {
@@ -768,7 +763,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_56 = (_55 = props.organise) === null || _55 === void 0 ? void 0 : _55.exportSettings) === null || _56 === void 0 ? void 0 : _56.hideExportPDF)
+        !((_45 = (_44 = props.organise) === null || _44 === void 0 ? void 0 : _44.exportSettings) === null || _45 === void 0 ? void 0 : _45.hideExportPDF)
             ? {
                 text: "Export PDF",
                 onClick: function () {
@@ -778,7 +773,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_58 = (_57 = props.organise) === null || _57 === void 0 ? void 0 : _57.exportSettings) === null || _58 === void 0 ? void 0 : _58.hideExportQR)
+        !((_47 = (_46 = props.organise) === null || _46 === void 0 ? void 0 : _46.exportSettings) === null || _47 === void 0 ? void 0 : _47.hideExportQR)
             ? {
                 text: "Export QR",
                 onClick: function () {
@@ -788,7 +783,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_60 = (_59 = props.organise) === null || _59 === void 0 ? void 0 : _59.exportSettings) === null || _60 === void 0 ? void 0 : _60.hideExportQR)
+        !((_49 = (_48 = props.organise) === null || _48 === void 0 ? void 0 : _48.exportSettings) === null || _49 === void 0 ? void 0 : _49.hideExportQR)
             ? {
                 text: "Export QR(Data)",
                 onClick: function () {
@@ -798,7 +793,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_62 = (_61 = props.organise) === null || _61 === void 0 ? void 0 : _61.exportSettings) === null || _62 === void 0 ? void 0 : _62.hideExportPrint)
+        !((_51 = (_50 = props.organise) === null || _50 === void 0 ? void 0 : _50.exportSettings) === null || _51 === void 0 ? void 0 : _51.hideExportPrint)
             ? {
                 text: "Print",
                 onClick: function () {
@@ -808,7 +803,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 },
             }
             : null,
-        !((_64 = (_63 = props.organise) === null || _63 === void 0 ? void 0 : _63.exportSettings) === null || _64 === void 0 ? void 0 : _64.hideExportDraft)
+        !((_53 = (_52 = props.organise) === null || _52 === void 0 ? void 0 : _52.exportSettings) === null || _53 === void 0 ? void 0 : _53.hideExportDraft)
             ? {
                 text: filterDraft ? "Show All Items" : "Filter Draft",
                 onClick: function () {
@@ -817,7 +812,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             }
             : null,
     ].filter(Boolean);
-    if ((_65 = props.organise) === null || _65 === void 0 ? void 0 : _65.moreSettings)
+    if ((_54 = props.organise) === null || _54 === void 0 ? void 0 : _54.moreSettings)
         moreButtonPopUp = moreButtonPopUp.concat(props.organise.moreSettings);
     //=====================================================================================
     //SECTION: User Column Visibility Handlers
@@ -1128,7 +1123,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     //=====================================================================================
     //SECTION: Saved Views
     //=====================================================================================
-    var savedViewsKey = (0, viewStatePersistence_1.buildSavedViewsKey)(props.collectionId, (_66 = props.organise) === null || _66 === void 0 ? void 0 : _66.persistKey, (_67 = devSettings.currentUser) === null || _67 === void 0 ? void 0 : _67.userEmail);
+    var savedViewsKey = (0, viewStatePersistence_1.buildSavedViewsKey)(props.collectionId, (_55 = props.organise) === null || _55 === void 0 ? void 0 : _55.persistKey, (_56 = devSettings.currentUser) === null || _56 === void 0 ? void 0 : _56.userEmail);
     (0, react_1.useEffect)(function () {
         if (isSavedViewsEnabled)
             setSavedViews((0, viewStatePersistence_1.handleReadSavedViews)(savedViewsKey));
@@ -1170,7 +1165,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         })
             .filter(function (eachView) { return eachView.tabId === viewType; }), true), savedViews.filter(function (eachView) { return eachView.tabId === viewType; }), true);
     };
-    var defaultSavedViewIds = ((_69 = (_68 = props.organise) === null || _68 === void 0 ? void 0 : _68.defaultSavedViews) !== null && _69 !== void 0 ? _69 : [])
+    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
@@ -1377,7 +1372,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, (_70 = props.organise) === null || _70 === void 0 ? void 0 : _70.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 () {
@@ -1412,7 +1407,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     (0, react_1.useEffect)(function () {
         handleOfflinePrefetch();
         /* eslint-disable */
-    }, [props.collectionId, (_71 = props.bareSettings) === null || _71 === void 0 ? void 0 : _71.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
@@ -1432,7 +1427,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         }, interval);
         return function () { return clearInterval(timer); };
         /* eslint-disable */
-    }, [(_72 = props.bareSettings) === null || _72 === void 0 ? void 0 : _72.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}
@@ -1474,7 +1469,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         };
         /* eslint-disable */
     }, [
-        (_73 = props.bareSettings) === null || _73 === void 0 ? void 0 : _73.bareSocketName,
+        (_62 = props.bareSettings) === null || _62 === void 0 ? void 0 : _62.bareSocketName,
         props.collectionId,
         props.devSettings.sseEndpoint,
         props.devSettings.dbAPIToken,
@@ -1726,10 +1721,10 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         props.collectionId,
         props.model,
         props.localURLEndpoint,
-        (_74 = props.organise) === null || _74 === void 0 ? void 0 : _74.extendedTabs,
-        (_75 = props.organise) === null || _75 === void 0 ? void 0 : _75.viewId,
-        (_76 = props.organise) === null || _76 === void 0 ? void 0 : _76.additionalQuery,
-        (_77 = props.organise) === null || _77 === void 0 ? void 0 : _77.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,
     ]);
     /**
@@ -1870,7 +1865,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             };
         }, 100);
         return function () { return clearTimeout(timeoutId); };
-    }, [(_78 = props.organise) === null || _78 === void 0 ? void 0 : _78.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;
@@ -2498,8 +2493,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             skip: 0,
         };
         if (calendarSettings ||
-            (selectedTab && selectedTab.viewType === "map") ||
+            (selectedTab &&
+                (selectedTab.viewType === "map" ||
+                    selectedTab.viewType === "timeline")) ||
             groupId) {
+            // INFO: a Gantt needs every bar at once — a page of rows would hide
+            // spans that fall outside it, so fetch the full set like map/calendar
             cond.limit = undefined;
             cond.stopLimit = true;
         }
@@ -7352,9 +7351,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             setDeleteModal(true);
                         } })))),
             showExport && (react_1.default.createElement(button_1.Button, { type: "light", text: "Export PDF", size: "small", onClick: handleExportReadPDF })),
-            isActivityLog && (react_1.default.createElement(iconButton_1.IconButton, { testId: "dtw-read-activity", icon: react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(outline_1.ChatBubbleOvalLeftEllipsisIcon, { className: "h-5 w-5" }),
-                    react_1.default.createElement("span", { className: "sr-only" }, "Comments and activity")), background: "bg-transparent text-primary-500 hover:bg-primary-50", onClick: function () { return setActivityModal(true); } })),
+            isActivityLog && (react_1.default.createElement(button_1.Button, { type: "light", text: "Log", size: "small", onClick: function () { return setActivityModal(true); } })),
             hasCustomActions && bareActionComponent,
             showUpdate &&
                 (hasNavigation ? (react_1.default.createElement(button_1.Button, { id: "dtw-update", text: "Update", type: "normal", size: "small", onClick: function () {
@@ -7404,9 +7401,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         else if (type === "list") {
             var listActionBtns = [];
             if (isActivityLog) {
-                listActionBtns.push(react_1.default.createElement(iconButton_1.IconButton, { testId: "dtw-all-activity", icon: react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement(HeroIcons.ClockIcon, { className: "h-7 w-7 text-white" }),
-                        react_1.default.createElement("span", { className: "sr-only" }, "All activity")), onClick: function () { return setActivityModal(true); }, background: "bg-primary-500 hover:bg-primary-600" }));
+                listActionBtns.push(react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(HeroIcons.ClockIcon, { className: "h-7 w-7 text-white" }), onClick: function () { return setActivityModal(true); }, background: "bg-primary-500 hover:bg-primary-600" }));
             }
             if (bareActionComponent) {
                 listActionBtns.push(bareActionComponent);
@@ -8474,7 +8469,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         if (((_a = props.organise) === null || _a === void 0 ? void 0 : _a.extendedTabs) &&
             ((_b = props.organise.extendedTabs) === null || _b === void 0 ? void 0 : _b.length) > 0) {
             (_c = props.organise) === null || _c === void 0 ? void 0 : _c.extendedTabs.map(function (eachTab) {
-                var _a, _b, _c, _d, _e, _f, _g, _h;
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j;
                 var hrefPoint = "".concat(props.localURLEndpoint, "?type=").concat(resolvedType, "&collection=").concat(props.collectionId);
                 if (props.id)
                     hrefPoint += "&data=".concat(props.id);
@@ -8490,11 +8485,15 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     calendarSettings: (_b = eachTab.calendarSettings) !== null && _b !== void 0 ? _b : undefined,
                     feedsSettings: (_c = eachTab.feedsSettings) !== null && _c !== void 0 ? _c : undefined,
                     mapSettings: (_d = eachTab.mapSettings) !== null && _d !== void 0 ? _d : undefined,
+                    // INFO: the timeline branch reads its date/group columns from the tab
+                    // it renders, so the settings have to survive this copy — same as
+                    // calendarSettings above
+                    timelineSettings: (_e = eachTab.timelineSettings) !== null && _e !== void 0 ? _e : undefined,
                     // INFO: the file view reads its column from the tab it renders, so
                     // the settings have to survive this copy. Without them the query
                     // still unwound the column (it reads the raw extendedTabs) while
                     // the tile had no column to read and every file said "Attachment".
-                    fileSettings: (_e = eachTab.fileSettings) !== null && _e !== void 0 ? _e : undefined,
+                    fileSettings: (_f = eachTab.fileSettings) !== null && _f !== void 0 ? _f : undefined,
                 };
                 if (eachTab.viewType === "iframe") {
                     if (typeof eachTab.src === "string") {
@@ -8509,7 +8508,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 }
                 if (eachTab.type === resolvedType) {
                     tabs.push(__assign(__assign(__assign({}, tabData), (isEditor &&
-                        ((_f = props.organise) === null || _f === void 0 ? void 0 : _f.onChangeTabs) && {
+                        ((_g = props.organise) === null || _g === void 0 ? void 0 : _g.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
@@ -8519,8 +8518,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                 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" })))),
-                    })), (!((_g = props.edit) === null || _g === void 0 ? void 0 : _g.disabledTabsDeleteBtn) &&
-                        ((_h = props.organise) === null || _h === void 0 ? void 0 : _h.onChangeTabs) && {
+                    })), (!((_h = props.edit) === null || _h === void 0 ? void 0 : _h.disabledTabsDeleteBtn) &&
+                        ((_j = props.organise) === null || _j === void 0 ? void 0 : _j.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) {
                                 e.stopPropagation();
                                 e.preventDefault();
@@ -8763,10 +8762,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         else {
             // INFO: when bareNewDTW is enabled, render NewTable instead of legacy Table
             if ((_b = props.bareSettings) === null || _b === void 0 ? void 0 : _b.bareNewDTW) {
-                return (react_1.default.createElement(newTable_1.NewTable, { darkModeBg: (_c = props.organise) === null || _c === void 0 ? void 0 : _c.darkModeBg, showId: showId, paginationType: renderResolvedPaginationType(), data: tableData, spaceData: spaceTableData !== null && spaceTableData !== void 0 ? spaceTableData : [], referencesOptions: listReferencesOptions, groups: handleBuildNewTableGroups(), onRowActivity: isActivityLog ? function (id) {
-                        setActivityId(id);
-                        setActivityModal(true);
-                    } : undefined, size: size !== null && size !== void 0 ? size : 0, limit: limit, cursor: cursor !== null && cursor !== void 0 ? cursor : "", loading: tableLoading !== null && tableLoading !== void 0 ? tableLoading : true, checkbox: multipleSelect, selectAll: selectAll, selectedIds: selectedIds, selectAllText: selectAll ? "from filter" : "", disableSelectFullData: (_e = (_d = props.organise) === null || _d === void 0 ? void 0 : _d.disableSelectFullData) === null || _e === void 0 ? void 0 : _e.table, maxSelectedCount: (_f = props.bareSettings) === null || _f === void 0 ? void 0 : _f.bareListMaxSelectedCount, mobileView: (_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareListMobileView, mobileTooltip: (_h = props.bareSettings) === null || _h === void 0 ? void 0 : _h.bareMobileTooltip, multiActionFloatingBtns: __spreadArray(__spreadArray(__spreadArray(__spreadArray([], (canBatchUpdate &&
+                return (react_1.default.createElement(newTable_1.NewTable, { darkModeBg: (_c = props.organise) === null || _c === void 0 ? void 0 : _c.darkModeBg, showId: showId, paginationType: renderResolvedPaginationType(), data: tableData, spaceData: spaceTableData !== null && spaceTableData !== void 0 ? spaceTableData : [], referencesOptions: listReferencesOptions, groups: handleBuildNewTableGroups(), size: size !== null && size !== void 0 ? size : 0, limit: limit, cursor: cursor !== null && cursor !== void 0 ? cursor : "", loading: tableLoading !== null && tableLoading !== void 0 ? tableLoading : true, checkbox: multipleSelect, selectAll: selectAll, selectedIds: selectedIds, selectAllText: selectAll ? "from filter" : "", disableSelectFullData: (_e = (_d = props.organise) === null || _d === void 0 ? void 0 : _d.disableSelectFullData) === null || _e === void 0 ? void 0 : _e.table, maxSelectedCount: (_f = props.bareSettings) === null || _f === void 0 ? void 0 : _f.bareListMaxSelectedCount, mobileView: (_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareListMobileView, mobileTooltip: (_h = props.bareSettings) === null || _h === void 0 ? void 0 : _h.bareMobileTooltip, multiActionFloatingBtns: __spreadArray(__spreadArray(__spreadArray(__spreadArray([], (canBatchUpdate &&
                         !((_j = props.bareSettings) === null || _j === void 0 ? void 0 : _j.bareHideTableExtraMultipleAction)
                         ? [
                             {
@@ -9063,7 +9059,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         renderTabContent(tabs, dataType, requestedViewType),
         react_1.default.createElement("span", { ref: scrollScopeEndRef, hidden: true, "aria-hidden": "true" }))); };
     var renderTabContent = function (tabs, dataType, requestedViewType) {
-        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;
+        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;
         var matchedTab = tabs.find(function (eachTab) { return eachTab.id === requestedViewType; });
         /**
          * INFO: a list tab must not supply the content of a read view. The selected
@@ -9644,10 +9640,90 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         ? function () { return calendarSettings_1.customHeader || ""; }
                         : undefined, customView: calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.customView, handleCalendarResize: calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.handleCalendarResize, eventColorRules: calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.eventColorRules }))));
             }
+            else if (selectedTabData.viewType === "timeline") {
+                var timelineSettings_1 = selectedTabData.timelineSettings;
+                // INFO: pin each group value to a fixed colour — deterministic across
+                // fetches, mirroring the calendar's groupColorMap / first-appearance
+                // assignment so the two views colour the same data the same way
+                var timelineColorPalette_1 = (timelineSettings_1 === null || timelineSettings_1 === void 0 ? void 0 : timelineSettings_1.groupColor)
+                    ? JSON.parse(JSON.stringify(timelineSettings_1.groupColor))
+                    : ["red", "blue", "green", "indigo", "orange", "violet", "yellow"];
+                var timelineValuesWithColour_1 = {};
+                if (timelineSettings_1 === null || timelineSettings_1 === void 0 ? void 0 : timelineSettings_1.groupColorMap) {
+                    Object.assign(timelineValuesWithColour_1, timelineSettings_1.groupColorMap);
+                }
+                else if (timelineSettings_1 === null || timelineSettings_1 === void 0 ? void 0 : timelineSettings_1.groupId) {
+                    spaceTableData.map(function (eachTableData) {
+                        var _a;
+                        if (timelineColorPalette_1.length === 0)
+                            return null;
+                        var tableValue = eachTableData[(_a = timelineSettings_1.groupId) !== null && _a !== void 0 ? _a : ""];
+                        if (!tableValue)
+                            return null;
+                        if (tableValue && !timelineValuesWithColour_1[tableValue]) {
+                            timelineValuesWithColour_1[tableValue] =
+                                timelineColorPalette_1.splice(0, 1)[0];
+                        }
+                        return null;
+                    });
+                }
+                // INFO: Tailwind palette hexes — the Gantt colours bars through Apex's
+                // `colors` array (hex), not the bg-* class names the calendar uses
+                var TIMELINE_COLOR_HEX_1 = {
+                    red: "#ef4444",
+                    blue: "#3b82f6",
+                    green: "#22c55e",
+                    indigo: "#6366f1",
+                    orange: "#f97316",
+                    violet: "#8b5cf6",
+                    yellow: "#eab308",
+                };
+                var renderTimelineTasks = function () {
+                    var _a;
+                    var tasks = [];
+                    if (!(timelineSettings_1 === null || timelineSettings_1 === void 0 ? void 0 : timelineSettings_1.startDate) || !(timelineSettings_1 === null || timelineSettings_1 === void 0 ? void 0 : timelineSettings_1.endDate))
+                        return tasks;
+                    for (var _i = 0, _b = spaceTableData; _i < _b.length; _i++) {
+                        var eachData = _b[_i];
+                        var rawStart = eachData[timelineSettings_1.startDate];
+                        var rawEnd = eachData[timelineSettings_1.endDate];
+                        // INFO: a bar needs both ends — skip only the incomplete row so one
+                        // undated record in a union does not drop every bar after it
+                        if (!rawStart || !rawEnd)
+                            continue;
+                        var startDate = (0, dayjs_1.default)(rawStart, "YYYY-MM-DD HH:mm A");
+                        var endDate = (0, dayjs_1.default)(rawEnd, "YYYY-MM-DD HH:mm A");
+                        if (!startDate.isValid() || !endDate.isValid())
+                            continue;
+                        var color = undefined;
+                        if (timelineSettings_1.groupId && eachData[timelineSettings_1.groupId]) {
+                            var groupValue = eachData[timelineSettings_1.groupId];
+                            color = TIMELINE_COLOR_HEX_1[timelineValuesWithColour_1[groupValue]];
+                        }
+                        tasks.push({
+                            id: eachData.id,
+                            name: (_a = eachData[timelineSettings_1.title]) !== null && _a !== void 0 ? _a : "",
+                            start: startDate.toDate(),
+                            end: endDate.toDate(),
+                            color: color,
+                        });
+                    }
+                    return tasks;
+                };
+                var timelineTasks = renderTimelineTasks();
+                // INFO: parallel hex list for Apex distributed bars — one colour per
+                // task, in the same order; undefined falls back to the chart default
+                var timelineColors = timelineTasks.map(function (eachTask) { var _a; return (_a = eachTask.color) !== null && _a !== void 0 ? _a : "#3b82f6"; });
+                return (react_1.default.createElement("div", { className: "mt-4" }, tableLoading ? (react_1.default.createElement(loading_1.Loading, null)) : timelineTasks.length === 0 ? (react_1.default.createElement(emptyState_1.EmptyState, { icon: react_1.default.createElement(HeroIcons.CalendarDaysIcon, { className: "h-10 w-10 text-gray-400" }), text: "Nothing to show on the timeline", description: "Records need both a start and end date to appear here.", darkMode: (_40 = props.organise) === null || _40 === void 0 ? void 0 : _40.darkMode })) : (react_1.default.createElement(ganttChart_1.GanttChart, { title: typeof props.title === "string" ? props.title : "Timeline", tasks: timelineTasks, colors: timelineColors, chartOnly: true, darkMode: (_41 = props.organise) === null || _41 === void 0 ? void 0 : _41.darkMode, onClick: function (taskId) {
+                        var _a, _b;
+                        if (taskId)
+                            (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "read", taskId, "general");
+                    } }))));
+            }
             else if (selectedTabData.viewType === "feeds") {
                 var contentList_1 = [];
                 var feedsSettings_1 = selectedTabData.feedsSettings;
-                var customFeedsData = (_40 = feedsSettings_1 === null || feedsSettings_1 === void 0 ? void 0 : feedsSettings_1.customFeedsData) === null || _40 === void 0 ? void 0 : _40.call(feedsSettings_1, tableData, spaceTableData);
+                var customFeedsData = (_42 = feedsSettings_1 === null || feedsSettings_1 === void 0 ? void 0 : feedsSettings_1.customFeedsData) === null || _42 === void 0 ? void 0 : _42.call(feedsSettings_1, tableData, spaceTableData);
                 if (customFeedsData && customFeedsData.length > 0) {
                     customFeedsData.map(function (eachData) {
                         var _a, _b, _c, _d;
@@ -9692,25 +9768,25 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 return (react_1.default.createElement("div", { className: "mt-4" }, tableLoading ? (react_1.default.createElement(loading_1.Loading, null)) : (react_1.default.createElement("div", { 
                     // INFO: NewFeeds is already a card like the table and list, so the new
                     // DTW renders it bare; the legacy feed still needs its own surface
-                    className: ((_41 = props.bareSettings) === null || _41 === void 0 ? void 0 : _41.bareNewDTW)
+                    className: ((_43 = props.bareSettings) === null || _43 === void 0 ? void 0 : _43.bareNewDTW)
                         ? ""
-                        : "p-4 rounded-lg ".concat(((_42 = props.organise) === null || _42 === void 0 ? void 0 : _42.darkMode) ? "bg-white/5" : "bg-white") },
-                    ((_43 = props.bareSettings) === null || _43 === void 0 ? void 0 : _43.bareNewDTW) ? (react_1.default.createElement(newFeeds_1.NewFeeds, { bold: true, content: contentList_1, darkMode: (_44 = props.organise) === null || _44 === void 0 ? void 0 : _44.darkMode, onClickItem: function (id) {
+                        : "p-4 rounded-lg ".concat(((_44 = props.organise) === null || _44 === void 0 ? void 0 : _44.darkMode) ? "bg-white/5" : "bg-white") },
+                    ((_45 = props.bareSettings) === null || _45 === void 0 ? void 0 : _45.bareNewDTW) ? (react_1.default.createElement(newFeeds_1.NewFeeds, { bold: true, content: contentList_1, darkMode: (_46 = props.organise) === null || _46 === void 0 ? void 0 : _46.darkMode, onClickItem: function (id) {
                             var _a, _b;
                             handleCaptureListScroll(id);
                             (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "read", id, "general");
-                        } })) : (react_1.default.createElement(feeds_1.Feeds, { bold: true, content: contentList_1, darkMode: (_45 = props.organise) === null || _45 === void 0 ? void 0 : _45.darkMode })),
+                        } })) : (react_1.default.createElement(feeds_1.Feeds, { bold: true, content: contentList_1, darkMode: (_47 = props.organise) === null || _47 === void 0 ? void 0 : _47.darkMode })),
                     react_1.default.createElement("div", { className: "my-10" }),
                     contentList_1.length > 0 &&
-                        !((_46 = props.organise) === null || _46 === void 0 ? void 0 : _46.hidePagination) &&
-                        ((_47 = props.bareSettings) === null || _47 === void 0 ? void 0 : _47.bareNewDTW) && (react_1.default.createElement(newPagination_1.NewPagination, { paginationType: renderResolvedPaginationType(), pageIndex: pageIndex, limit: limit, size: size, cursor: cursor, resultCount: tableData.length, customPaginationSize: customPaginationSize, darkMode: (_48 = props.organise) === null || _48 === void 0 ? void 0 : _48.darkMode, darkModeBg: (_49 = props.organise) === null || _49 === void 0 ? void 0 : _49.darkModeBg, handleUpdatePageIndex: function (value) {
+                        !((_48 = props.organise) === null || _48 === void 0 ? void 0 : _48.hidePagination) &&
+                        ((_49 = props.bareSettings) === null || _49 === void 0 ? void 0 : _49.bareNewDTW) && (react_1.default.createElement(newPagination_1.NewPagination, { paginationType: renderResolvedPaginationType(), pageIndex: pageIndex, limit: limit, size: size, cursor: cursor, resultCount: tableData.length, customPaginationSize: customPaginationSize, darkMode: (_50 = props.organise) === null || _50 === void 0 ? void 0 : _50.darkMode, darkModeBg: (_51 = props.organise) === null || _51 === void 0 ? void 0 : _51.darkModeBg, handleUpdatePageIndex: function (value) {
                             handlePagination(value);
                         } })),
                     contentList_1.length > 0 &&
-                        !((_50 = props.organise) === null || _50 === void 0 ? void 0 : _50.hidePagination) &&
-                        !((_51 = props.bareSettings) === null || _51 === void 0 ? void 0 : _51.bareNewDTW) && (react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: renderResolvedPaginationType(), handleUpdatePageIndex: function (value) {
+                        !((_52 = props.organise) === null || _52 === void 0 ? void 0 : _52.hidePagination) &&
+                        !((_53 = props.bareSettings) === null || _53 === void 0 ? void 0 : _53.bareNewDTW) && (react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: renderResolvedPaginationType(), handleUpdatePageIndex: function (value) {
                             handlePagination(value);
-                        }, darkMode: (_52 = props.organise) === null || _52 === void 0 ? void 0 : _52.darkMode, customPaginationSize: customPaginationSize }))))));
+                        }, darkMode: (_54 = props.organise) === null || _54 === void 0 ? void 0 : _54.darkMode, customPaginationSize: customPaginationSize }))))));
             }
             else if (selectedTabData.viewType === "map") {
                 var mapSettings_1 = selectedTabData.mapSettings;
@@ -9813,7 +9889,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             }
             else if (selectedTabData.viewType === "kanban") {
                 var kanbanSettings = selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.kanbanSettings;
-                var kanbanTitle_2 = (_53 = kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.title) !== null && _53 !== void 0 ? _53 : "";
+                var kanbanTitle_2 = (_55 = kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.title) !== null && _55 !== void 0 ? _55 : "";
                 var nullColumn_1 = false;
                 var groupBy_1 = [];
                 var groupLabel_1 = [];
@@ -9834,13 +9910,13 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 });
                 var kanbanData = renderGridAndListData("", "kanban", kanbanTitle_2, kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.useColumnName);
                 // INFO: when bareNewDTW is enabled, render NewKanban instead of legacy Kanban
-                if ((_54 = props.bareSettings) === null || _54 === void 0 ? void 0 : _54.bareNewDTW) {
+                if ((_56 = props.bareSettings) === null || _56 === void 0 ? void 0 : _56.bareNewDTW) {
                     return (
                     // INFO: the same top spacing as the table, list and grid
                     react_1.default.createElement("div", { className: "mt-5" },
                         react_1.default.createElement(newKanban_1.NewKanban, { className: "inline-flex", data: kanbanData, loading: tableLoading, groupBy: groupBy_1, groupId: kanbanTitle_2 !== null && kanbanTitle_2 !== void 0 ? kanbanTitle_2 : "", groupLabel: groupLabel_1.length > 0 ? groupLabel_1 : undefined, nullColumn: nullColumn_1, alertMessage: kanbanData.length === limit
                                 ? "Data has exceeded limit, please apply filters"
-                                : "", groupCluster: kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.groupCluster, draggable: canUpdateRecord, droppable: canUpdateRecord && kanbanDroppable, mobileView: (_55 = props.bareSettings) === null || _55 === void 0 ? void 0 : _55.bareListMobileView, onUpdateData: canUpdateRecord
+                                : "", groupCluster: kanbanSettings === null || kanbanSettings === void 0 ? void 0 : kanbanSettings.groupCluster, draggable: canUpdateRecord, droppable: canUpdateRecord && kanbanDroppable, mobileView: (_57 = props.bareSettings) === null || _57 === void 0 ? void 0 : _57.bareListMobileView, onUpdateData: canUpdateRecord
                                 ? function (cardId, _fromCol, toCol) { return __awaiter(void 0, void 0, void 0, function () {
                                     var _a;
                                     return __generator(this, function (_b) {
@@ -9867,7 +9943,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                 var _a, _b;
                                 handleCaptureListScroll(id);
                                 (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "read", id, "general");
-                            }, darkMode: (_56 = props.organise) === null || _56 === void 0 ? void 0 : _56.darkMode, darkModeBg: (_57 = props.organise) === null || _57 === void 0 ? void 0 : _57.darkModeBg })));
+                            }, darkMode: (_58 = props.organise) === null || _58 === void 0 ? void 0 : _58.darkMode, darkModeBg: (_59 = props.organise) === null || _59 === void 0 ? void 0 : _59.darkModeBg })));
                 }
                 return (react_1.default.createElement(kanban_1.Kanban, { className: "inline-flex", data: kanbanData, loading: tableLoading, groupBy: groupBy_1, groupId: kanbanTitle_2 !== null && kanbanTitle_2 !== void 0 ? kanbanTitle_2 : "", groupLabel: groupLabel_1.length > 0 ? groupLabel_1 : undefined, nullColumn: nullColumn_1, alertMessage: kanbanData.length === limit
                         ? "Data has exceeded limit, please apply filters"
@@ -10380,7 +10456,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         renderNotification("root"),
-        ((_80 = (_79 = props.renderSettings) === null || _79 === void 0 ? void 0 : _79.renderLoadingUI) === null || _80 === void 0 ? void 0 : _80.call(_79)) && loading ? ((_81 = props.renderSettings) === null || _81 === void 0 ? void 0 : _81.renderLoadingUI()) : (react_1.default.createElement(modal_1.Modal, { darkMode: (_82 = props.organise) === null || _82 === void 0 ? void 0 : _82.darkMode, darkModeBg: (_83 = props.organise) === null || _83 === void 0 ? void 0 : _83.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;
@@ -10391,7 +10467,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: (_84 = props.organise) === null || _84 === void 0 ? void 0 : _84.darkMode, darkModeBg: (_85 = props.organise) === null || _85 === void 0 ? void 0 : _85.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];
@@ -10407,19 +10483,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: (_86 = props.organise) === null || _86 === void 0 ? void 0 : _86.darkMode, darkModeBg: (_87 = props.organise) === null || _87 === void 0 ? void 0 : _87.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: (_88 = props.organise) === null || _88 === void 0 ? void 0 : _88.darkMode, darkModeBg: (_89 = props.organise) === null || _89 === void 0 ? void 0 : _89.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: (_90 = props.organise) === null || _90 === void 0 ? void 0 : _90.darkMode, darkModeBg: (_91 = props.organise) === null || _91 === void 0 ? void 0 : _91.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: (_92 = props.organise) === null || _92 === void 0 ? void 0 : _92.darkMode, darkModeBg: (_93 = props.organise) === null || _93 === void 0 ? void 0 : _93.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 }));
@@ -10427,16 +10503,11 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             }, onClose: function () {
                 setSelectedAuthMethod("");
             } }),
-        isActivityLog && (react_1.default.createElement(modal_1.Modal, { darkMode: (_94 = props.organise) === null || _94 === void 0 ? void 0 : _94.darkMode, darkModeBg: (_95 = props.organise) === null || _95 === void 0 ? void 0 : _95.darkModeBg, open: activityModal, title: "Activity Log \u00B7 ".concat(activityRecordId ? String(activityRecordTitle) : "All data"), renderContent: function () {
-                var _a, _b, _c, _d, _e;
+        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
-                        : "this collection", devSettings: props.devSettings, collectionId: props.collectionId, dataId: resolvedType === "read" ? ((_a = props.id) !== null && _a !== void 0 ? _a : "") : activityId, activityLog: (_b = props.edit) === null || _b === void 0 ? void 0 : _b.activityLog, initialTab: activityRecordId ? "comments" : "logs", recordTitleColumn: activityTitleColumn, recordQuery: (_d = (_c = props.bareSettings) === null || _c === void 0 ? void 0 : _c.bareListFilterQuery) !== null && _d !== void 0 ? _d : [], onOpenRecord: function (id) {
-                        var _a, _b;
-                        setActivityModal(false);
-                        setActivityId("");
-                        (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "read", id, "general");
-                    }, darkMode: (_e = props.organise) === null || _e === void 0 ? void 0 : _e.darkMode }));
+                        : "this collection", devSettings: props.devSettings, collectionId: props.collectionId, dataId: resolvedType === "read" ? ((_a = props.id) !== null && _a !== void 0 ? _a : "") : activityId, activityLog: (_b = props.edit) === null || _b === void 0 ? void 0 : _b.activityLog }));
             }, maxWidth: "4xl", onClose: function () {
                 setActivityModal(false);
                 setActivityId("");