blixify-ui-web 1.2.177 → 1.2.178

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

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

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

@@ -569,6 +569,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var previousSelectedData = (0, react_1.useRef)(null);
     var scrollSentinelRef = (0, react_1.useRef)(null);
     var scrollSentinelDebounce = (0, react_1.useRef)(false);
+    // INFO: observer callbacks may already be queued when refresh is requested.
+    // Block them synchronously, before React commits the loading/row reset.
+    var scrollPaginationPendingRef = (0, react_1.useRef)(true);
     // INFO: a ref, filled in the row click before navigating unmounts the list
     var scrollCaptureRef = (0, react_1.useRef)({
         scrollAnchorId: persistedState === null || persistedState === void 0 ? void 0 : persistedState.scrollAnchorId,
@@ -1753,16 +1756,19 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     // page is in flight; it resets whenever tableData length changes.
     (0, react_1.useEffect)(function () {
         var isScrollMode = renderCheckScrollMode();
-        if (!isScrollMode)
+        if (!isScrollMode || tableLoading || tableData.length === 0)
             return;
         var sentinel = scrollSentinelRef.current;
         if (!sentinel)
             return;
         if (renderCheckScrollExhausted())
             return;
+        var active = true;
         var observer = new IntersectionObserver(function (entries) {
             var _a;
-            if (((_a = entries[0]) === null || _a === void 0 ? void 0 : _a.isIntersecting) &&
+            if (active &&
+                !scrollPaginationPendingRef.current &&
+                ((_a = entries[0]) === null || _a === void 0 ? void 0 : _a.isIntersecting) &&
                 !scrollSentinelDebounce.current &&
                 !tableLoading) {
                 scrollSentinelDebounce.current = true;
@@ -1770,7 +1776,10 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             }
         }, { rootMargin: "200px", threshold: 0 });
         observer.observe(sentinel);
-        return function () { return observer.disconnect(); };
+        return function () {
+            active = false;
+            observer.disconnect();
+        };
         /* eslint-disable */
     }, [
         viewType,
@@ -2790,6 +2799,11 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var handlePagination = function (value) {
         var _a, _b, _c, _d, _e, _f;
         var isScrollMode = renderCheckScrollMode();
+        if (isScrollMode) {
+            // INFO: appending must keep existing rows visible. tableLoading replaces
+            // them with skeletons; the synchronous ref alone guards queued callbacks.
+            scrollPaginationPendingRef.current = true;
+        }
         if (!isFirebase && !isScrollMode) {
             setTableLoading(true);
             handleSetListData([], []);
@@ -3060,12 +3074,16 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     err_1 = _l.sent();
                     return [3 /*break*/, 8];
                 case 8:
+                    // INFO: inline writes update rows too, but do not finish a pending list read.
+                    if (!type)
+                        scrollPaginationPendingRef.current = false;
                     setTableLoading(false);
                     return [2 /*return*/];
             }
         });
     }); };
     var handleRefresh = function (open, retainSelectedId) {
+        scrollPaginationPendingRef.current = true;
         setTimeout(function () {
             handleClearDataByFilter();
             if (!retainSelectedId)
@@ -3168,6 +3186,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         });
     }); };
     var handleClearDataByFilter = function (ignore) {
+        scrollPaginationPendingRef.current = true;
         if (isFirebase) {
             if (ignore) {
                 if (ignore === "search") {