blixify-ui-web 1.2.183 → 1.2.184

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAoCA,OAAO,KASN,MAAM,OAAO,CAAC;AA2Gf,OAAO,EACL,iBAAiB,EAIlB,MAAM,kBAAkB,CAAC;AAuF1B,eAAO,MAAM,qBAAqB,OAAO,CAAC;AAsC1C,eAAO,MAAM,YAAY,mFAurdvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAqCA,OAAO,KASN,MAAM,OAAO,CAAC;AA2Gf,OAAO,EACL,iBAAiB,EAIlB,MAAM,kBAAkB,CAAC;AAuF1B,eAAO,MAAM,qBAAqB,OAAO,CAAC;AAsC1C,eAAO,MAAM,YAAY,mFAktdvB,CAAC"}

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

@@ -91,6 +91,7 @@ var BookmarkIcon_1 = __importDefault(require("@heroicons/react/24/outline/Bookma
 var solid_1 = require("@heroicons/react/24/solid");
 var html2canvas_1 = __importDefault(require("html2canvas"));
 var jspdf_1 = __importDefault(require("jspdf"));
+var react_dom_1 = require("react-dom");
 var react_1 = __importStar(require("react"));
 var uuid_1 = require("uuid");
 var button_1 = require("../../action/button");
@@ -214,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;
+    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, _96;
     // 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 _95 = (0, react_1.useState)(false), drawerPageView = _95[0], setDrawerPageView = _95[1];
+    var _97 = (0, react_1.useState)(false), drawerPageView = _97[0], setDrawerPageView = _97[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.
@@ -309,18 +310,18 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             initialFilterReferenceDate: initialFilterReferenceDate,
         };
     };
-    var _96 = intialiseDefaultFilterValues(), initialFilterSearch = _96.initialFilterSearch, initialFilterSearchParams = _96.initialFilterSearchParams, initialFilterSelection = _96.initialFilterSelection, initialFilterReference = _96.initialFilterReference, initialFilterReferenceDate = _96.initialFilterReferenceDate;
+    var _98 = intialiseDefaultFilterValues(), initialFilterSearch = _98.initialFilterSearch, initialFilterSearchParams = _98.initialFilterSearchParams, initialFilterSelection = _98.initialFilterSelection, initialFilterReference = _98.initialFilterReference, initialFilterReferenceDate = _98.initialFilterReferenceDate;
     // INFO: Persist view state hook — handles storage read/write for filter/sort/column state
-    var _97 = (0, viewStatePersistence_1.usePersistedViewState)({
+    var _99 = (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 = _97.persistedState, isPersistEnabled = _97.isEnabled, handleSaveView = _97.handleSaveView, handleRegisterViewSnapshot = _97.handleRegisterViewSnapshot;
+    }), rawPersistedState = _99.persistedState, isPersistEnabled = _99.isEnabled, handleSaveView = _99.handleSaveView, handleRegisterViewSnapshot = _99.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 _98 = (0, react_1.useState)(false), loading = _98[0], setLoading = _98[1];
-    var _99 = (0, react_1.useState)(), notification = _99[0], setNotification = _99[1];
+    var _100 = (0, react_1.useState)(false), loading = _100[0], setLoading = _100[1];
+    var _101 = (0, react_1.useState)(), notification = _101[0], setNotification = _101[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 () {
@@ -330,62 +331,62 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         return function () { return clearTimeout(timer); };
     }, [notification]);
     //INFO : Used by List
-    var _100 = (0, react_1.useState)((_d = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterSearchParams) !== null && _d !== void 0 ? _d : initialFilterSearch), filterSearch = _100[0], setFilterSearch = _100[1];
-    var _101 = (0, react_1.useState)((_e = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterSearchParams) !== null && _e !== void 0 ? _e : initialFilterSearchParams), filterSearchParams = _101[0], setFilterSearchParams = _101[1];
-    var _102 = (0, react_1.useState)((_f = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterSelection) !== null && _f !== void 0 ? _f : initialFilterSelection), filterSelection = _102[0], setFilterSelection = _102[1];
-    var _103 = (0, react_1.useState)((_g = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterReference) !== null && _g !== void 0 ? _g : initialFilterReference), filterReference = _103[0], setFilterReference = _103[1];
-    var _104 = (0, react_1.useState)({}), filterReferenceSearch = _104[0], setFilterReferenceSearch = _104[1];
-    var _105 = (0, react_1.useState)({}), filterReferenceList = _105[0], setFilterReferenceList = _105[1];
-    var _106 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterReferenceDate)
+    var _102 = (0, react_1.useState)((_d = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterSearchParams) !== null && _d !== void 0 ? _d : initialFilterSearch), filterSearch = _102[0], setFilterSearch = _102[1];
+    var _103 = (0, react_1.useState)((_e = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterSearchParams) !== null && _e !== void 0 ? _e : initialFilterSearchParams), filterSearchParams = _103[0], setFilterSearchParams = _103[1];
+    var _104 = (0, react_1.useState)((_f = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterSelection) !== null && _f !== void 0 ? _f : initialFilterSelection), filterSelection = _104[0], setFilterSelection = _104[1];
+    var _105 = (0, react_1.useState)((_g = persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterReference) !== null && _g !== void 0 ? _g : initialFilterReference), filterReference = _105[0], setFilterReference = _105[1];
+    var _106 = (0, react_1.useState)({}), filterReferenceSearch = _106[0], setFilterReferenceSearch = _106[1];
+    var _107 = (0, react_1.useState)({}), filterReferenceList = _107[0], setFilterReferenceList = _107[1];
+    var _108 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.filterReferenceDate)
         ? (0, viewStatePersistence_1.parseDateFilterState)(persistedState.filterReferenceDate)
-        : initialFilterReferenceDate), filterReferenceDate = _106[0], setFilterReferenceDate = _106[1];
-    var _107 = (0, react_1.useState)(true), tableLoading = _107[0], setTableLoading = _107[1];
-    var _108 = (0, react_1.useState)(""), cursor = _108[0], setCursor = _108[1];
-    var _109 = (0, react_1.useState)(""), lastCursor = _109[0], setLastCursor = _109[1];
-    var _110 = (0, react_1.useState)([]), tableData = _110[0], setTableData = _110[1];
-    var _111 = (0, react_1.useState)([]), spaceTableData = _111[0], setSpaceTableData = _111[1];
+        : initialFilterReferenceDate), filterReferenceDate = _108[0], setFilterReferenceDate = _108[1];
+    var _109 = (0, react_1.useState)(true), tableLoading = _109[0], setTableLoading = _109[1];
+    var _110 = (0, react_1.useState)(""), cursor = _110[0], setCursor = _110[1];
+    var _111 = (0, react_1.useState)(""), lastCursor = _111[0], setLastCursor = _111[1];
+    var _112 = (0, react_1.useState)([]), tableData = _112[0], setTableData = _112[1];
+    var _113 = (0, react_1.useState)([]), spaceTableData = _113[0], setSpaceTableData = _113[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 _112 = (0, react_1.useState)(0), size = _112[0], setSize = _112[1];
-    var _113 = (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 = _113[0], setPageIndex = _113[1];
-    var _114 = (0, react_1.useState)([]), selectedIds = _114[0], setSelectedIds = _114[1];
-    var _115 = (0, react_1.useState)(false), selectAll = _115[0], setSelectAll = _115[1];
-    var _116 = (0, react_1.useState)(""), deletePasscode = _116[0], setDeletePasscode = _116[1];
-    var _117 = (0, react_1.useState)(""), deletePasscodeInput = _117[0], setDeletePasscodeInput = _117[1];
-    var _118 = (0, react_1.useState)(""), deleteFeedId = _118[0], setDeleteFeedId = _118[1];
+    var _114 = (0, react_1.useState)(0), size = _114[0], setSize = _114[1];
+    var _115 = (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 = _115[0], setPageIndex = _115[1];
+    var _116 = (0, react_1.useState)([]), selectedIds = _116[0], setSelectedIds = _116[1];
+    var _117 = (0, react_1.useState)(false), selectAll = _117[0], setSelectAll = _117[1];
+    var _118 = (0, react_1.useState)(""), deletePasscode = _118[0], setDeletePasscode = _118[1];
+    var _119 = (0, react_1.useState)(""), deletePasscodeInput = _119[0], setDeletePasscodeInput = _119[1];
+    var _120 = (0, react_1.useState)(""), deleteFeedId = _120[0], setDeleteFeedId = _120[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 _119 = (0, react_1.useState)((_l = persistedState === null || persistedState === void 0 ? void 0 : persistedState.sort) !== null && _l !== void 0 ? _l : undefined), persistedSort = _119[0], setPersistedSort = _119[1];
-    var _120 = (0, react_1.useState)(false), filterDraft = _120[0], setFilterDraft = _120[1];
-    var _121 = (0, react_1.useState)(false), addTabModal = _121[0], setAddTabModal = _121[1];
-    var _122 = (0, react_1.useState)(-1), editTabIndex = _122[0], setEditTabIndex = _122[1];
+    var _121 = (0, react_1.useState)((_l = persistedState === null || persistedState === void 0 ? void 0 : persistedState.sort) !== null && _l !== void 0 ? _l : undefined), persistedSort = _121[0], setPersistedSort = _121[1];
+    var _122 = (0, react_1.useState)(false), filterDraft = _122[0], setFilterDraft = _122[1];
+    var _123 = (0, react_1.useState)(false), addTabModal = _123[0], setAddTabModal = _123[1];
+    var _124 = (0, react_1.useState)(-1), editTabIndex = _124[0], setEditTabIndex = _124[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 _125 = (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 = _125[0], setSelectedTab = _125[1];
+    var _126 = (0, react_1.useState)("dayGridMonth"), calendarView = _126[0], setCalendarView = _126[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 _127 = (0, react_1.useState)("month"), newCalendarViewMode = _127[0], setNewCalendarViewMode = _127[1];
+    var _128 = (0, react_1.useState)(new Date()), calendarTabMonth = _128[0], setCalendarTabMonth = _128[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), batchUpdateModal = _129[0], setBatchUpdateModal = _129[1];
-    var _130 = (0, react_1.useState)({
+    var _129 = (0, react_1.useState)(true), kanbanDroppable = _129[0], setKanbanDroppable = _129[1];
+    var _130 = (0, react_1.useState)([]), kanbanOptions = _130[0], setKanbanOptions = _130[1];
+    var _131 = (0, react_1.useState)(false), batchUpdateModal = _131[0], setBatchUpdateModal = _131[1];
+    var _132 = (0, react_1.useState)({
         columnId: "",
         columnData: {},
-    }), batchUpdateData = _130[0], setBatchUpdateData = _130[1];
-    var _131 = (0, react_1.useState)(function () {
+    }), batchUpdateData = _132[0], setBatchUpdateData = _132[1];
+    var _133 = (0, react_1.useState)(function () {
         var baseModel = (props === null || props === void 0 ? void 0 : props.model) || [];
         if (!persistedState)
             return baseModel;
@@ -411,8 +412,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             });
         }
         return model;
-    }), structure = _131[0], setStructure = _131[1];
-    var _132 = (0, react_1.useState)(((_m = props === null || props === void 0 ? void 0 : props.organise) === null || _m === void 0 ? void 0 : _m.additionalQuery) || []), additionalQuery = _132[0], setAdditionalQuery = _132[1];
+    }), structure = _133[0], setStructure = _133[1];
+    var _134 = (0, react_1.useState)(((_m = props === null || props === void 0 ? void 0 : props.organise) === null || _m === void 0 ? void 0 : _m.additionalQuery) || []), additionalQuery = _134[0], setAdditionalQuery = _134[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 = [
@@ -423,9 +424,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             value: undefined,
         },
     ];
-    var _133 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.flexFilters) && persistedState.flexFilters.length > 0
+    var _135 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.flexFilters) && persistedState.flexFilters.length > 0
         ? persistedState.flexFilters
-        : defaultFlexFilterRow), flexFilters = _133[0], setFlexFilters = _133[1];
+        : defaultFlexFilterRow), flexFilters = _135[0], setFlexFilters = _135[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);
@@ -438,76 +439,76 @@ 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 _134 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.flexFilters) && persistedState.flexFilters.length > 0
+    var _136 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.flexFilters) && persistedState.flexFilters.length > 0
         ? persistedState.flexFilters
-        : defaultFlexFilterRow), flexFiltersDebounced = _134[0], setFlexFiltersDebounced = _134[1];
+        : defaultFlexFilterRow), flexFiltersDebounced = _136[0], setFlexFiltersDebounced = _136[1];
     // INFO: the filter rows of the export being set up — started from the
     // list's own when the export opens, so changing them leaves the list as it is
-    var _135 = (0, react_1.useState)(defaultFlexFilterRow), exportFlexFilters = _135[0], setExportFlexFilters = _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];
+    var _137 = (0, react_1.useState)(defaultFlexFilterRow), exportFlexFilters = _137[0], setExportFlexFilters = _137[1];
+    var _138 = (0, react_1.useState)({}), flexFilterReferenceOptions = _138[0], setFlexFilterReferenceOptions = _138[1];
+    var _139 = (0, react_1.useState)({}), flexFilterReferenceSearch = _139[0], setFlexFilterReferenceSearch = _139[1];
+    var _140 = (0, react_1.useState)(false), flexFilterModalOpen = _140[0], setFlexFilterModalOpen = _140[1];
+    var _141 = (0, react_1.useState)(false), viewSettingsModalOpen = _141[0], setViewSettingsModalOpen = _141[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 _142 = (0, react_1.useState)((_o = persistedState === null || persistedState === void 0 ? void 0 : persistedState.userHiddenColumnIds) !== null && _o !== void 0 ? _o : []), userHiddenColumnIds = _142[0], setUserHiddenColumnIds = _142[1];
+    var _143 = (0, react_1.useState)(""), columnSearch = _143[0], setColumnSearch = _143[1];
+    var _144 = (0, react_1.useState)([]), savedViews = _144[0], setSavedViews = _144[1];
+    var _145 = (0, react_1.useState)(null), activeSavedViewId = _145[0], setActiveSavedViewId = _145[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 _146 = (0, react_1.useState)(null), savedViewName = _146[0], setSavedViewName = _146[1];
+    var _147 = (0, react_1.useState)(null), deletingSavedViewId = _147[0], setDeletingSavedViewId = _147[1];
+    var _148 = (0, react_1.useState)(null), draggingColumnId = _148[0], setDraggingColumnId = _148[1];
     var columnRowRefs = (0, react_1.useRef)({});
     //INFO : Used by Auth
-    var _147 = (0, react_1.useState)({
+    var _149 = (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 = _149[0], setAuthMethods = _149[1];
+    var _150 = (0, react_1.useState)(""), selectedAuthMethod = _150[0], setSelectedAuthMethod = _150[1];
     // INFO: the sign-in check of a users datasheet's record is running; the
     // panel shows a spinner rather than nothing, which read as "no login"
-    var _149 = (0, react_1.useState)(false), authLoading = _149[0], setAuthLoading = _149[1];
+    var _151 = (0, react_1.useState)(false), authLoading = _151[0], setAuthLoading = _151[1];
     // INFO: a delete is running — the ref answers a second tap at once, before
     // the state has rendered, and the state disables the confirm button
     var deletingRef = (0, react_1.useRef)(false);
-    var _150 = (0, react_1.useState)(false), deleting = _150[0], setDeleting = _150[1];
+    var _152 = (0, react_1.useState)(false), deleting = _152[0], setDeleting = _152[1];
     // INFO: Used by Activity Log
-    var _151 = (0, react_1.useState)(false), activityModal = _151[0], setActivityModal = _151[1];
-    var _152 = (0, react_1.useState)(""), activityId = _152[0], setActivityId = _152[1];
+    var _153 = (0, react_1.useState)(false), activityModal = _153[0], setActivityModal = _153[1];
+    var _154 = (0, react_1.useState)(""), activityId = _154[0], setActivityId = _154[1];
     //INFO : Used by Export
-    var _153 = (0, react_1.useState)(null), csvFile = _153[0], setCSVFile = _153[1];
-    var _154 = (0, react_1.useState)([]), csvFileData = _154[0], setCSVFileData = _154[1];
-    var _155 = (0, react_1.useState)(0), stepCSVIndex = _155[0], setStepCSVIndex = _155[1];
-    var _156 = (0, react_1.useState)({}), listCSVMapAttribute = _156[0], setListCSVMapAttribute = _156[1];
-    var _157 = (0, react_1.useState)({}), listCSVObjAttribute = _157[0], setListCSVObjAttribute = _157[1];
-    var _158 = (0, react_1.useState)([]), csvAPIAttribute = _158[0], setCSVAPIAttribute = _158[1];
-    var _159 = (0, react_1.useState)(((_p = props.devSettings.currentUser) === null || _p === void 0 ? void 0 : _p.userEmail) || ""), exportCSVEmail = _159[0], setExportCSVEmail = _159[1];
-    var _160 = (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 = _160[0], setExportPDFTitle = _160[1];
-    var _161 = (0, react_1.useState)(false), exportPDFLoading = _161[0], setExportPDFLoading = _161[1];
-    var _162 = (0, react_1.useState)(false), exportReadPDFLoading = _162[0], setExportReadPDFLoading = _162[1];
-    var _163 = (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 = _163[0], setExportSumAttributeIds = _163[1];
-    var _164 = (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 = _164[0], setHideSubItems = _164[1];
-    var _165 = (0, react_1.useState)([]), importTableData = _165[0], setImportTableData = _165[1];
-    var _166 = (0, react_1.useState)([]), queryList = _166[0], setQueryList = _166[1];
-    var _167 = (0, react_1.useState)(undefined), allQueryList = _167[0], setAllQueryList = _167[1];
+    var _155 = (0, react_1.useState)(null), csvFile = _155[0], setCSVFile = _155[1];
+    var _156 = (0, react_1.useState)([]), csvFileData = _156[0], setCSVFileData = _156[1];
+    var _157 = (0, react_1.useState)(0), stepCSVIndex = _157[0], setStepCSVIndex = _157[1];
+    var _158 = (0, react_1.useState)({}), listCSVMapAttribute = _158[0], setListCSVMapAttribute = _158[1];
+    var _159 = (0, react_1.useState)({}), listCSVObjAttribute = _159[0], setListCSVObjAttribute = _159[1];
+    var _160 = (0, react_1.useState)([]), csvAPIAttribute = _160[0], setCSVAPIAttribute = _160[1];
+    var _161 = (0, react_1.useState)(((_p = props.devSettings.currentUser) === null || _p === void 0 ? void 0 : _p.userEmail) || ""), exportCSVEmail = _161[0], setExportCSVEmail = _161[1];
+    var _162 = (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 = _162[0], setExportPDFTitle = _162[1];
+    var _163 = (0, react_1.useState)(false), exportPDFLoading = _163[0], setExportPDFLoading = _163[1];
+    var _164 = (0, react_1.useState)(false), exportReadPDFLoading = _164[0], setExportReadPDFLoading = _164[1];
+    var _165 = (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 = _165[0], setExportSumAttributeIds = _165[1];
+    var _166 = (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 = _166[0], setHideSubItems = _166[1];
+    var _167 = (0, react_1.useState)([]), importTableData = _167[0], setImportTableData = _167[1];
+    var _168 = (0, react_1.useState)([]), queryList = _168[0], setQueryList = _168[1];
+    var _169 = (0, react_1.useState)(undefined), allQueryList = _169[0], setAllQueryList = _169[1];
     // INFO: a restored state wins over the prop; its "" is a list the user
     // ungrouped, so it opens ungrouped
-    var _168 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.groupBy) !== undefined
+    var _170 = (0, react_1.useState)((persistedState === null || persistedState === void 0 ? void 0 : persistedState.groupBy) !== undefined
         ? persistedState.groupBy || undefined
-        : (_y = props.organise) === null || _y === void 0 ? void 0 : _y.groupBy), groupId = _168[0], setGroupId = _168[1];
+        : (_y = props.organise) === null || _y === void 0 ? void 0 : _y.groupBy), groupId = _170[0], setGroupId = _170[1];
     // INFO: Monday-board per-group paging. Keyed by the group key that
     // handleBuildNewTableGroups() produces (a list option or "Unknown/No Value").
     // Each group tracks its own loaded cursor + total so it can lazily load its
     // next page as the user scrolls inside that band, independent of every other
     // group. Only used when renderCheckGroupPaging() is true.
-    var _169 = (0, react_1.useState)({}), groupPageState = _169[0], setGroupPageState = _169[1];
+    var _171 = (0, react_1.useState)({}), groupPageState = _171[0], setGroupPageState = _171[1];
     // INFO: read fresh inside the async per-group fetch so chained scroll fires
     // in one tick do not re-fetch an already in-flight page.
     var groupPageStateRef = (0, react_1.useRef)({});
@@ -516,59 +517,59 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     // list was re-read (new search, filter, sort or grouping) is dropped on
     // arrival instead of appending rows that belong to the old list
     var groupPagingGenRef = (0, react_1.useRef)(0);
-    var _170 = (0, react_1.useState)(""), readTabSection = _170[0], setReadTabSection = _170[1];
-    var _171 = (0, react_1.useState)(false), readFloatingNav = _171[0], setReadFloatingNav = _171[1];
+    var _172 = (0, react_1.useState)(""), readTabSection = _172[0], setReadTabSection = _172[1];
+    var _173 = (0, react_1.useState)(false), readFloatingNav = _173[0], setReadFloatingNav = _173[1];
     var readTabSectionRefs = (0, react_1.useRef)({});
     //INFO : Used by Read
     //INFO : Used by Update
-    var _172 = (0, react_1.useState)(false), modalVisible = _172[0], setModalVisible = _172[1];
-    var _173 = (0, react_1.useState)(false), deleteModal = _173[0], setDeleteModal = _173[1];
-    var _174 = (0, react_1.useState)(false), excelModal = _174[0], setExcelModal = _174[1];
-    var _175 = (0, react_1.useState)(false), exportExcel = _175[0], setExportExcel = _175[1];
-    var _176 = (0, react_1.useState)(""), exportType = _176[0], setExportType = _176[1];
-    var _177 = (0, react_1.useState)(false), exportQR = _177[0], setExportQR = _177[1];
-    var _178 = (0, react_1.useState)(function () {
+    var _174 = (0, react_1.useState)(false), modalVisible = _174[0], setModalVisible = _174[1];
+    var _175 = (0, react_1.useState)(false), deleteModal = _175[0], setDeleteModal = _175[1];
+    var _176 = (0, react_1.useState)(false), excelModal = _176[0], setExcelModal = _176[1];
+    var _177 = (0, react_1.useState)(false), exportExcel = _177[0], setExportExcel = _177[1];
+    var _178 = (0, react_1.useState)(""), exportType = _178[0], setExportType = _178[1];
+    var _179 = (0, react_1.useState)(false), exportQR = _179[0], setExportQR = _179[1];
+    var _180 = (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 = _178[0], setActiveTab = _178[1];
-    var _179 = (0, react_1.useState)(false), signatureSigning = _179[0], setSignatureSigning = _179[1];
-    var _180 = (0, react_1.useState)({}), selectedData = _180[0], setSelectedData = _180[1];
-    var _181 = (0, react_1.useState)(""), selectedObjectStructureId = _181[0], setSelectedObjectStructureId = _181[1];
-    var _182 = (0, react_1.useState)(""), selectedObjectId = _182[0], setSelectedObjectId = _182[1];
-    var _183 = (0, react_1.useState)(""), selectedListAddressId = _183[0], setSelectedListAddressId = _183[1];
-    var _184 = (0, react_1.useState)(-1), selectedListAddressIndex = _184[0], setSelectedListAddressIndex = _184[1];
-    var _185 = (0, react_1.useState)({
+    }), activeTab = _180[0], setActiveTab = _180[1];
+    var _181 = (0, react_1.useState)(false), signatureSigning = _181[0], setSignatureSigning = _181[1];
+    var _182 = (0, react_1.useState)({}), selectedData = _182[0], setSelectedData = _182[1];
+    var _183 = (0, react_1.useState)(""), selectedObjectStructureId = _183[0], setSelectedObjectStructureId = _183[1];
+    var _184 = (0, react_1.useState)(""), selectedObjectId = _184[0], setSelectedObjectId = _184[1];
+    var _185 = (0, react_1.useState)(""), selectedListAddressId = _185[0], setSelectedListAddressId = _185[1];
+    var _186 = (0, react_1.useState)(-1), selectedListAddressIndex = _186[0], setSelectedListAddressIndex = _186[1];
+    var _187 = (0, react_1.useState)({
         lat: 0,
         lng: 0,
         name: "",
-    }), selectedListAddress = _185[0], setSelectedListAddress = _185[1];
-    var _186 = (0, react_1.useState)({}), selectedObjectData = _186[0], setSelectedObjectData = _186[1];
-    var _187 = (0, react_1.useState)(null), objectCellEdit = _187[0], setObjectCellEdit = _187[1];
-    var _188 = (0, react_1.useState)(false), referenceLoading = _188[0], setReferenceLoading = _188[1];
-    var _189 = (0, react_1.useState)({}), referencesOptions = _189[0], setReferencesOptions = _189[1];
-    var _190 = (0, react_1.useState)({}), referencesDetails = _190[0], setReferencesDetails = _190[1];
-    var _191 = (0, react_1.useState)({}), listReferencesOptions = _191[0], setListReferencesOptions = _191[1];
-    var _192 = (0, react_1.useState)({}), referenceDeleteTableData = _192[0], setReferenceDeleteTableData = _192[1];
-    var _193 = (0, react_1.useState)([]), relatedSections = _193[0], setRelatedSections = _193[1];
-    var _194 = (0, react_1.useState)(0), referenceDeleteIndex = _194[0], setReferenceDeleteIndex = _194[1];
-    var _195 = (0, react_1.useState)({
+    }), selectedListAddress = _187[0], setSelectedListAddress = _187[1];
+    var _188 = (0, react_1.useState)({}), selectedObjectData = _188[0], setSelectedObjectData = _188[1];
+    var _189 = (0, react_1.useState)(null), objectCellEdit = _189[0], setObjectCellEdit = _189[1];
+    var _190 = (0, react_1.useState)(false), referenceLoading = _190[0], setReferenceLoading = _190[1];
+    var _191 = (0, react_1.useState)({}), referencesOptions = _191[0], setReferencesOptions = _191[1];
+    var _192 = (0, react_1.useState)({}), referencesDetails = _192[0], setReferencesDetails = _192[1];
+    var _193 = (0, react_1.useState)({}), listReferencesOptions = _193[0], setListReferencesOptions = _193[1];
+    var _194 = (0, react_1.useState)({}), referenceDeleteTableData = _194[0], setReferenceDeleteTableData = _194[1];
+    var _195 = (0, react_1.useState)([]), relatedSections = _195[0], setRelatedSections = _195[1];
+    var _196 = (0, react_1.useState)(0), referenceDeleteIndex = _196[0], setReferenceDeleteIndex = _196[1];
+    var _197 = (0, react_1.useState)({
         id: "",
         name: "",
         type: "string",
-    }), referenceCreationModal = _195[0], setReferenceCreationModal = _195[1];
-    var _196 = (0, react_1.useState)({}), referenceModelSchema = _196[0], setReferenceSchema = _196[1];
-    var _197 = (0, react_1.useState)([]), kanbanChecked = _197[0], setKanbanChecked = _197[1];
+    }), referenceCreationModal = _197[0], setReferenceCreationModal = _197[1];
+    var _198 = (0, react_1.useState)({}), referenceModelSchema = _198[0], setReferenceSchema = _198[1];
+    var _199 = (0, react_1.useState)([]), kanbanChecked = _199[0], setKanbanChecked = _199[1];
     //INFO : Offline
-    var _198 = (0, react_1.useState)(0), offlineDataLength = _198[0], setOfflineDataLength = _198[1];
-    var _199 = (0, react_1.useState)(false), offlineModal = _199[0], setOfflineModal = _199[1];
+    var _200 = (0, react_1.useState)(0), offlineDataLength = _200[0], setOfflineDataLength = _200[1];
+    var _201 = (0, react_1.useState)(false), offlineModal = _201[0], setOfflineModal = _201[1];
     // INFO: live-stream state — driven by socket connection and navigator.onLine
-    var _200 = (0, react_1.useState)(false), isLive = _200[0], setIsLive = _200[1];
-    var _201 = (0, react_1.useState)(false), isLiveOffline = _201[0], setIsLiveOffline = _201[1];
+    var _202 = (0, react_1.useState)(false), isLive = _202[0], setIsLive = _202[1];
+    var _203 = (0, react_1.useState)(false), isLiveOffline = _203[0], setIsLiveOffline = _203[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 _202 = (0, react_1.useState)(typeof navigator !== "undefined" ? !navigator.onLine : false), isNetworkOffline = _202[0], setIsNetworkOffline = _202[1];
+    var _204 = (0, react_1.useState)(typeof navigator !== "undefined" ? !navigator.onLine : false), isNetworkOffline = _204[0], setIsNetworkOffline = _204[1];
     var previousType = (0, react_1.useRef)(null);
     var previousSelectedData = (0, react_1.useRef)(null);
     var scrollSentinelRef = (0, react_1.useRef)(null);
@@ -788,7 +789,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var isSchemaHideMode = ((_10 = props.organise) === null || _10 === void 0 ? void 0 : _10.onChangeHide) ? true : false;
     // INFO: rows per page is a view setting the user can change, so it starts from
     // the persisted value and falls back to the consumer's limit
-    var _203 = (0, react_1.useState)((_12 = (_11 = (isPersistEnabled ? persistedState === null || persistedState === void 0 ? void 0 : persistedState.pageLimit : undefined)) !== null && _11 !== void 0 ? _11 : props.limit) !== null && _12 !== void 0 ? _12 : 10), pageLimit = _203[0], setPageLimit = _203[1];
+    var _205 = (0, react_1.useState)((_12 = (_11 = (isPersistEnabled ? persistedState === null || persistedState === void 0 ? void 0 : persistedState.pageLimit : undefined)) !== null && _11 !== void 0 ? _11 : props.limit) !== null && _12 !== void 0 ? _12 : 10), pageLimit = _205[0], setPageLimit = _205[1];
     var limit = pageLimit;
     var isSavedViewsEnabled = !!((_13 = props.organise) === null || _13 === void 0 ? void 0 : _13.savedViews) && resolvedType === "list";
     // INFO: an app that stores views takes over from this browser's storage, so
@@ -883,7 +884,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             displayRows: filtered.map(function (eachEntry) { return eachEntry.displayRow; }),
         };
     };
-    var _204 = (0, permissions_1.handleResolveDataTemplateWritePermissions)(props.edit), canUpdateRecord = _204.canUpdateRecord, canInlineUpdate = _204.canInlineUpdate, canBatchUpdate = _204.canBatchUpdate, canDeleteRecord = _204.canDeleteRecord;
+    var _206 = (0, permissions_1.handleResolveDataTemplateWritePermissions)(props.edit), canUpdateRecord = _206.canUpdateRecord, canInlineUpdate = _206.canInlineUpdate, canBatchUpdate = _206.canBatchUpdate, canDeleteRecord = _206.canDeleteRecord;
     var isEditor = ((_19 = props.edit) === null || _19 === void 0 ? void 0 : _19.allEditable) ? true : false;
     var isOffline = (_20 = props.bareSettings) === null || _20 === void 0 ? void 0 : _20.bareOffline;
     // INFO: when bareOfflineNetworkAware is true, the save path is also gated on
@@ -7951,7 +7952,10 @@ 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, { 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" }));
+                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 () {
+                        setActivityId("");
+                        setActivityModal(true);
+                    }, background: "bg-primary-500 hover:bg-primary-600" }));
             }
             if (bareActionComponent) {
                 listActionBtns.push(bareActionComponent);
@@ -9653,6 +9657,14 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             // 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(), 
+                    // INFO: the bubble beside each record's title opens its comments and
+                    // logs, for anyone who can see the row — not only those who can edit
+                    onRowActivity: isActivityLog
+                        ? function (id) {
+                            setActivityId(id);
+                            setActivityModal(true);
+                        }
+                        : undefined, 
                     // INFO: per-group paging — scroll appends inside a band, page
                     // mode gives each band its own pager; undefined = bands as before
                     onGroupLoadMore: renderCheckGroupPaging() && renderCheckScrollMode()
@@ -11423,17 +11435,20 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             }, onClose: function () {
                 setSelectedAuthMethod("");
             } }),
-        isActivityLog && (react_1.default.createElement(modal_1.Modal, { darkMode: (_93 = props.organise) === null || _93 === void 0 ? void 0 : _93.darkMode, darkModeBg: (_94 = props.organise) === null || _94 === void 0 ? void 0 : _94.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, model: structure }));
-            }, maxWidth: "4xl", onClose: function () {
-                setActivityModal(false);
-                setActivityId("");
-            }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) })),
         renderContent(),
         renderReadDrawer(),
+        isActivityLog &&
+            typeof document !== "undefined" &&
+            (0, react_dom_1.createPortal)(
+            // INFO: z-50 lifts it over a Modal the table may sit in (z-40)
+            react_1.default.createElement("div", { className: "relative z-50" },
+                react_1.default.createElement(drawer_1.Drawer, { darkMode: (_93 = props.organise) === null || _93 === void 0 ? void 0 : _93.darkMode, darkModeBg: (_94 = props.organise) === null || _94 === void 0 ? void 0 : _94.darkModeBg, testId: "dt-activity-drawer", open: activityModal, 
+                    // INFO: the record stays set while the drawer slides out — clearing it
+                    // would remount the hidden panel collection-wide and fetch again. The
+                    // toolbar's collection-wide button clears it when it opens.
+                    onClose: function () { return setActivityModal(false); }, anchor: "responsive", maxWidth: "2xl", maxHeight: "75", title: "Activity Log", content: 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" ? ((_95 = props.id) !== null && _95 !== void 0 ? _95 : "") : activityId, activityLog: (_96 = props.edit) === null || _96 === void 0 ? void 0 : _96.activityLog, model: structure }) })), document.body),
         renderScrollSentinel()));
 });
 //# sourceMappingURL=index.js.map